Cara cek dan memperbaiki validasi blog


By on 3:31 PM

Validasi blog
Sebagian blogger mengatakan bahwa cek validasi html tidaklah begitu penting, tapi ada juga yang mengatakan kalau harus valid html sesuai aturan yang ada. Kalau saya sih yang sedang2 saja hehehe, kalau bisa lebih valid kenapa tidak? Bagi sebagian sobat blogger yang masih newbie seperti saya ini mungkin masih bingung dengan apa yang disebut validasi html, setelah browsing2 akhirnya saya pun malah semakin gag paham dengan apa yang dimaksud validasi html dan kenapa kita harus melakukan cek validasi html. Langsung aja To The Point.
Apa yang dimaksud dengan validasi html?

Bagi sebuah web atau blog, Cek validasi HTML bisa menjadi sesuatu yang sangat penting, hal ini tidak lepas dari pemeliharaan blog tersebut. Semakin valid html maka semakin baik web atau blog maka semakin cross browser compatible.

Bagaimana jika seandainya saya mengabaikan validasi html blog saya?

Website atau blog yang tidak lulus validasi, meskipun bisa berjalan namun tetap memiliki error di dalam struktur mark up nya. Fitur error correction pada setiap browserlah yang menghandle error tersebut, namun masalahnya tidak semua browser menerjemahkan error tersebut dengan cara yang sama.Melalui validasi html, semua browser, bahkan yang paling tua sekalipun akan bisa membaca dokumen blog sobat dengan mudah.

Bagaimana contoh html yang valid?

Contoh hal simple yang bisa menyebabkan kode html disebut tidak valid misalnya 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 dibaca oleh bot, hal ini dikarenakan pada sebuah gambar, tag "alt" lah yang menjadi referensi dari gambar tersebut.

Bagaimana cara cek validasi html?

Untuk melakukan cek validasi html sobat bisa menggunakan tools bernama Markup Validation yang disediakan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar kalau banyak error karena memang pada dasarnya template blogger mengandung banyak kode css yang banyak.

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 :)
1.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"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
2.Selanjutnya cari kode berikut:
<b:include name='quickedit'/> 
Hapus semua kode yang seperti itu, catatan setiap menambahkan widget sobat harus melakukan delete lagi supaya validasi html nya tetap optimal.

3.Untuk poin ke 3
dalam rangka cek validasi html ini kita akan merubah salah satu kode bawaan blogger lagi, yaitu kode yang seperti ini :
<b:include data='blog' name='all-head-content'/>
ganti kode tersebut dengan
<!-- 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.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta --> 
4.Mengurangi penggunaan kode strip/dash (-) 
Untuk HTML
<!-- Blogger Default Meta --> Benar
<!-------- Blogger Default Meta --------> Salah

Untuk CSS
/* Header */ Benar
/*----- Header -----*/ Salah
5.Cari kode </head> jika sudah ketemu, letakkan kode berikut dibawahnya :
<!-- <body><div></div> --> 
6.Biasakan menggunakan atribut ALT pada image, contoh :
<img alt='penulisan ALT pada image' src='URL image'/> 
Semoga tips dari ku ini dapat berguna buat sobat dan jika ada tambahan atau kesalahan pada script diatas tolong kasih sarannya.
Teriam kasih

Info Dexer
Judul: Cara cek dan memperbaiki validasi blog
Review oleh: Dexer Blog | Template Dexer Blog 1.0
Update pada: 3:31 PM | Rating: 4.5

Comment for "Cara cek dan memperbaiki validasi blog"

0 Comments

Post a Comment

.::DOFOLLOW BLOG::.
Jika berkomentar SPAM maka akan segera dihapus,,
Jadi berkomentarlah yang sopan dan baik supaya mendapatkan Backlink dari blog ini
~Terima Kasih~