Membuat Template Blogspot Valid HTML 5 merupakan salah satu dari optimasi seo yang tak bisa dilewatkan, sebelumnya saya juga pernah membuat postingan tentang validasi template dan merubahnya jadi seo friendly akan tetapi masih kurang sempurna jika belum valid HTML 5, Apa sih manfaat dari membuat template blogspot valid html 5, memang manfaat dari membuat template blogspot valid html 5 tidak terlihat secara kasat mata tapi berpengaruh terhadap seo blog, karena para master seo sering berpendapat kalau sebuah template yang valid baik html dan css nya lebih disenangi mesin pencari. Tentang bener atau tidaknya tentu tergantung mesin pencarinya sendiri.
Sebelum kita merubah template blogspot kita jadi valid html 5, sebelumnya cek dulu kevalidan blog sobat di http://validator.w3.org/ setelah di cek entar kelihatan jumlah error dan warning. Error dan Warning itu yang akan kita perbaiki untuk menjadikan template blog kita valid html 5.
Langkah mengurangi error dan warning agar valid html 5
- Pertama, cari kode seperti di bawah ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
- Ganti kode di atas menjadi :
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'>
- Atau dengan yang ini :
<!DOCTYPE html>
<HTML>
- Langkah selanjutnya, copy kode di bawah ini dan pastekan tepat di bawah tag<head>
<meta charset='utf-8'/>
- Lanjutkan dengan mencari kode di bawah ini kemudian Hapus
<b:include name='quickedit'/>
- Cari tanda dash pada kode CSS kemudian hapus. Contohnya :
/*-------------- HEADER --------------*/
- Sehingga menjadi :
/* HEADER */
- Jangan simpan dulu, tetapi cari kode seperti di bawah ini :
<b:include name='nextprev'/>
- Jika sudah ketemu, tambahkan kode conditional <b:if....> dan penutupnya sehingga akan terlihat seperti ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:include name='nextprev'/>
</b:if>
- Selanjutnya, cari dan hapus kode seperti dibawah ini (optional)
<a expr:name='data:post.id'/>
- Sekarng tekan simpan dan periksa kembali kevaliditasan blog atau website sobat.
Dengan cara diatas belum menjamin blog kita valid html 5, karena ada
bebrapa widget di blog kita yang tidak valid seperti widget follower.
Tetapi setidaknya dengan menerapkan cara membuat template blogspot valid html 5 diatas dapat mengurangi warning dan error pada blog kita. Sedikit tips dari Kevin Simbolon semoga bermanfaat.
Medan
.jpg)
