HTML5 adalah HTML versi terbaru dari blogger yang sampai saat ini masih dipergunakan dan cenderung mulai populer. Kelebihan HTML5 ini adalah tentu saja lebih SEO Friendly, mengikuti perkembangan zaman, cepat, canggih dan tentunya tervalidsi. Sebagai contoh perbandingan kelebihan HTML5 dibandingkan HTML4, HTML5 memiliki tag seperti <header>, <footer>, <article> dan masih banyak lagi.
Ok langsung saja ke pokok pembahasan. Pengaturan/konfigurasi untuk Cara membuat blog menjadi 100% Valid HTML5 ini cukup mudah. Sobat ikuti langkah-langkah dibawah ini :
1. Cari kode berikut ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
2. Ganti dengan kode ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Ganti kode </html> menjadi </HTML>
Karena kode diatasnya udah pindah menjadi <HTML>
4. Hapus kode-kode di bawah ini
<div class='post-share-buttons goog-inline-block'>
kode lain...
</div>
kemudian kode ini :
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
dan kode ini juga :
<b:include name='quickedit'/>
dan terakhir kode ini :
<b:include data='blog' name='all-head-content'/>
5. Hindari penggunaan tag <center> karena HTML5 tidak support itu.
6. Hapus widget berikut (jika ada) :
- Google+ Followers
- Pengikut
- Share Button
- Statistic
7. Perhatikan hal-hal berikut ini :
- Tambahkan tag alt di setiap tag <img>
- Hilangkan kode imageanchor pada tag img
- Hilangkan kode border pada tag img
Mungkin cukup itu yang bisa belajar tentang seo share, semoga artikel kali ini bermanfaat untuk sobat blogger yang lain. Semua cara akan dilakukan untuk tampil di halaman 1 google, selain itu Cara optimasi SEO juga sangatlah penting untuk blog sobat semua.
0 komentar:
Post a Comment