Cara Cek dan Memperbaiki Validasi HTML (SEO Friendly) - Lagi2 tentang SEO, khususnya SEO On Page. Salah satu point yang bisa meningkaatkan optimasi on page pada blog kita adalaah dengan melakukan cek validasi html. Sebagiaan blogger mengatakan bahwa cek validasi html tidaklah begitu penting, tapi ada juga yang mengaatakan kalau harus valid html sesuai aturaan yang ada.
Kalau saya sih yang sedang2 saja hehehe, kalau bisa lebih valid kenaapa tidak? Bagi sebagian sobat blogger yang maasih newbie seperti saya ini mungkin masih bingung dengaan apa yang disebut validasi html, setelah browsing2 akhirnya saya pun malah semaakin gag paham dengan apa yang dimaksud validasi html dan kenaapa kita harus melakukan cek validasi html (gubrak). Yasudahlah, whatever, bydeway, anyway dan busway, daripada iseng dan ngupil mendingaan nulis tentaang cara cek validasi html hahahaha.
Apa yang dimaksud dengan validasi html?
Bagi sebuah web atau blog, cek validasi html bisa menjaadi sesuatu yang sangaat penting, hal ini tidak lepas dari pemelihaaraan blog tersebut. Semakin valid html maka semaakin baik web atau blog tersebut atau bahasa kerennya web atau blog sobat menjaadi semakin cross browser compatible.
Bagaimana jika seandainya saya mengabaikan validasi html blog saya?
Website atau blog yaang tidak lulus validasi, meskipun bisa berjalan namun tetaap memiliki error di dalam struktur mark up nya. Fitur error correction pada setiaap browserlah yang menghandle error tersebut, namun masalaahnya tidak semua browser menerjemahkan error tersebut dengaan cara yang sama.
Melalui validasi html, semua browser, bahkan yang paling tua sekalipun akaan bisa membaca dokumen blog sobat dengaan mudah.
Bagaimana contoh html yang valid?
Contoh hal simple yang bisa menyebabkan kode html disebut tidak valid misaalnya seperti ini:
<img src="/images/cara cek validasi html.jpg" />
bandingkan dengan
<img src="/images/cara cek validasi html.jpg" alt="cara cek html yang valid"/>
kedua kode diatas sama2 bisa diakses oleh browser, akan tetapi kode ke2 yang mengikuti aturan main validasi html lebih cepat dibaaca oleh bot, hal ini dikarenakan pada sebuaah gambar, tag "alt" lah yang menjadi referensi dr gambaar tersebut.
Bagaimana cara cek validasi html?
Untuk melakukan cek validasi html sobat bisa menggunaakan tools bernama Markup Validation yang disediakan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar kalau banyaak error karena memang pada dasarnya template blogger mengaandung banyak kode css yang njlimet. CMIIW
Cek validasi html dan cara mengurangi error html
Setelah kita melakukan cek validasi html, tibalah saatnya untuk berbuka mengurangi error html tersebut. Mari mulai mengurangi error html walaupun tidak bisa 100 persen :)
- Ganti kode html bawaan blogger, kodenya seperti ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
ganti dengan kode seperti ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - Selanjutnya cari kode berikut:
Hapus semua kode yang seperti itu, catatan setiap menaambahkan widget sobat harus melakukan delete lagi supaaya validasi html nya tetap optimal.<b:include name='quickedit'/> - Untuk poin ke3 dalam rangka cek validasi html ini kita akan merubah saalah satu kode bawaan blogger lagi, yaitu kode yang seperti ini :
ganti kode tersebut dengan<b:include data='blog' name='all-head-content'/>
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERPROFILESOBAT' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERSOBAT' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERSOBAT/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.URL-BLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
IDBLOGGERPROFILESOBAT = dapat sobat lihat pada alamat URL Profile Blogger sobat.
IDBLOGGERSOBAT = dapat sobat lihat paada alamat URL edit Html Blog.
URL-BLOG = isi dengan url blog sobat. - Mengurangi penggunaan kode strip/dash (-)
Untuk HTML
<!------ Blogger Default Meta ------> SALAH
<!-- Blogger Default Meta --> Benar
Untuk CSS
</*----------- Header ------------*/ SALAH
/* Header */ Benar - Cari kode </head> jika sudah ketemu, letakkan kode berikut dibawahnya :
<!-- <body><div></div> --> - Biasakan menggunakan atribut alt pada gambar, contoh
<img alt='cara cek validasi html' src='URL gambar cek validasi html'/>
Ya begitulah akhir dari cerita tentang cara cek validasi html ini :D saya bukaan ahli html apalagi ahli kunci tiga menit jadi sob, itu haanya hasil dari baca2 blog yang sudah mengulas tentaang cara cek validasi html sebelumnya. Kalau mau nambaahin atau mungkin nyalahin ya monggo ajah, kotak komen terbuka lebar :p
Semoga bermanfaat.
.gif)
.gif)
