Pada masa sekarang ini, banyak pakar yang menilai bahwa kevalidan sebuah struktur HTML dapat mempengaruhi posisi SERP dan SEO blog
atau website dimata search engine. Selain itu, sebuah web atau blog
yang mempunyai HTML tidak valid, otomatis beberapa browser tidak akan
mampu mengurai struktur serta tidak dapat menampilkan secara maksimal
isi dari sebuah website sehingga akan memberikan dampak yang negatif.
Validitas HTML Blog
Dari beberapa kasus yang pernah saya dapati, kebanyakan template blogger
mempunyai struktur HTML yang tidak valid, termasuk template yang saya
gunakan sekarang ini. Namun untuk memperbaikinya sehingga menjadi valid
(paling tidak mengurangi error) ada beberapa cara yang bisa ditempuh
sehingga errors dan warnings bisa diminimalisir sekecil mungkin dan
bagi yang ingin mencobanya, silahkan perhatikan langkah-langkah berikut
ini :
Sebelum saya jelaskan lebih lanjut, terlebih dahulu silahkan periksa kevaliditasan blog yang sobat kelola di http://validator.w3.org/ [saya tunggu deh... hehehe]
Bagaimana, error atau valid? Kalau dugaan saya benar, pasti HTML
template / blog yang sobat kelola pasti errornya lumayan banyak...
Hehehe...!!! HTML blog saya sendiri sebelum saya minimalisir, errornya
mencapai 256 dan warning 8, tetapi setelah saya minimalisir akhirnya
menjadi hampir valid yakni 4 error dan 1 warning.
Kembali ke laptop...!!!
Langkah-Langkah mengurangi / meminimalisir errors dan warnings blog / website
- 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.
sumber: lost.sector.com
