Melanjutkan postingan sebelumnya tentang Validasi Blog via Validator W3. Pada artikel tersebut kita sudah menge-check seberapa ERROR kah blog kita. Secara konsep Blogger/Blogspot memang sulit untuk valid 100% karena masih banyak widget yang tidak didukung secara valid oleh W3. Sebenarnya Blogger/Blogspot hanya bisa valid CSS dan HTML melalui template Klasik dan HTML5. Setelah ditelusuri memang Template New Blogger dengan Template Klasik Blogger sedikit berbeda dan untuk mencari Tutorial Validasi Template Klasik di Mbah Google pun terbilang sulit.Apa Manfaat Valid HTML dan CSS?
Valid CSS dan HTML adalah sesuai standar W3, sebab template website dan blog akan lebih bersahabat dengan search engine. Secara teknis search engine akan mudah mengindeks data website dan blog dengan mudah tanpa gangguan error. Hasil tersebut memudahkan web dan blog anda untuk cepat tampil pada mesin pencari seperti Google, Yahoo, Bing dsb. Valid CSS dan HTML berpengaruh erat untuk SEO (Search Optimization Engine).
SEO berperanan penting dalam kesuksesan website dan blog yang anda kelola, bagaimana tidak! Rata-rata pengunjung lebih banyak melalui search engine. Posisi serp teratas menjanjikan bisnis atau usaha yang anda kelola terbilang sukses. SEO penting untuk dipelajari lebih lanjut jika anda betul-betul mengelola website atau blog secara serius.
Blog yang Anda buka ini SENGAJA TIDAK SAYA VALIDASI dengan alasan tertentu,dan jika sobat ingin lihat beberapa blog yang berhasil saya Validasi silahkan cek blog ini:
1. http://blog-indolaron.blogspot.com
Gimana sobat hasil setelah blog sobat di cek Validatro W3, Passed(Lulus) atau Error? Jika setelah dicek dan ternyata muncul bebereapa Error dan Warning,maka perlu perbaikan mulai dari penulisan html yang benar,meletakkan code-code tepat pada tempatnya,mengatur widget dan lain sebagainya.
Langkah-langkah Cara Mengatasi Error XHTML
1. Memperbaiki "DOCTYPE",letaknya pada bagian paling atas<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ubah menjadi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. Menghapus Navbar pada template,Letakkan kode ini tepat sesudah kode </head>
<!-- <body><div></div> -->
3. Pada sebagian template sering kita lihat deklarasi seperti ini misalnya:
/* Header
------------------------------ */ atau /*------------Header----------*/
Hal yang harus dilakukan adalah menghapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut. Sehingga format deklarasi yang benar adalah:
/* Header */
4. Setiap kali kita melakukan aksi Add Gadget/Menambahkan Widget baru,pasti di bagian html akan muncul kode seperti ini:
<b:include name='quickedit'/>Jadi pastikan kamu MENGHAPUSNYA lagi setiap melakukan penambahan gadget.
5. Setiap kita upload gambar diposting akan tampil html-nya sbb:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" width="200" /></a></div>
Kode uploadan akan dianggap ERROR oleh W3 Validator jika tetap dibiarkan begitu. Untuk membuat valid jika kita habis upload gambar maka hapus kode yang berwarna merah dan tambahkan kode "alt" pada setiap gambar yang diposting, sehingga menjadi:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Masukan kata kunci yang berhubungan dengan artikel yang sedang sobat buat" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Ob8-bt0JJxa0aoIeUy7k9H6InJ9zyRlZJ9UHXjNhZutiO65WVayvMd4BHC6QTRyLFTVsqdXDxPPugjS6T2xOfaS9Ft9DSm3LbxrCzIbeTbft4UTDzqZM552pGpwyFgVPqRyaTybD57g/s1600/W3+Validator.jpg" width="200" /></a></div>
6. Jika pada template sobat menggunakan Meta Content:
<b:include data='blog' name='all-head-content'/>Ubah menjadi:
<!-- 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/IDBLOGGERANDA' rel='me'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link href='http://www.blogger.com/rsd.g?blogID=IDBLOGANDA' rel='EditURI' title='RSD' type='application/rsd xml'/> <link href='http://www.blogger.com/feeds/IDBLOGANDA/posts/default' rel='service.post' title='NAMABLOGANDA - Atom' type='application/atom xml'/> <link href='http://www.URLANDA.blogspot.com/feeds/posts/default' rel='alternate' title='NAMABLOGANDA - Atom' type='application/atom xml'/> <!-- End Blogger Default Meta -->Tunggu postingan berikutnnya cara untuk mengurangi Error xhtml
Terima kasih , aku masih tanya Mbah google karena punyaku pakai wordpress.
ReplyDeletenice share
ReplyDeleteNice post. I went through the post I found it very informative and useful. Thanks for sharing.
ReplyDeleteMakasih ya...aq udah pake tips yg di atas dan berhasil, sekali lagi makasih ya....tipsnyaaaa
ReplyDeleteizin sedot mas bro.
ReplyDeleteditunggu yang part 2 sob.....My Blog | Simple
ReplyDeletesaya mau coba juga gan
ReplyDelete
ReplyDeletewah langsung di coba biar tahu..
makasih atas sarannya
langsung saya praktekan saja biar tahu hasilnya
ReplyDeletesaya pakai trik ini, untuk beberapa theme seperti saya malah 4 hari tidak di index sama mbah google.
ReplyDeleteapa theme saya yang jelek ya? hahahhaha
trik ini di pakai untuk theme default, hasilnya lebih bagus dan kuat di serp google
ReplyDeletemakasih mas, saya sedang mencoba menerapkan tips anda ini :)
ReplyDeleteinfo yg bermanfaat bgt..
ReplyDeleteOya saya mau tanya stlh sy cek blog sy di validator,w3,org hny trdpt 2 errors 2 warning..sy ingin memperbaiki'y tp pd template blog'y tdk ada kode trsbt..yg error kode javascript'y..kira2 gmn cara'y ya??
Walah sob nak ga paham, script banyak macam ni :s
ReplyDeletewong disini jug error validatex boanyak kali gann... agan ini gmana nech
ReplyDelete@faiqah azzahrah
ReplyDeleteIya gan blog saya yang ini SENGAJA TIDAK saya validasi dengan alasan tertentu. Untuk liat blog saya yang udah saya validasi bisa agan liat di List Blog postingan :)
Nice post, really informative. I had to translate it on google but it was worth translating for :)
ReplyDelete@captcha work
ReplyDeleteO.K buddy. Simply translated, and hopefully this information is useful to us.
Thans for visiting :)
Thangkyu Gan ngilmunya...
ReplyDeleteSalam Sukses.
siipp.
ReplyDeletetp yg terakhir kok ga muncul ya..
akhirnya berkurang juga errornya, thanks ya infonya :-d
ReplyDeleteok thank you
ReplyDeleteLangsung ke tkp gan. ^:D
ReplyDeleteKl untuk cms WP gimana caranya ya gan??
ReplyDeletemantap gan dari 100 lebih jadi 25 25 Errors, 30 warning(s)
ReplyDeletesaya malah makin nambah Errornya bang... dari hanya 14 error jadi "125 error" setelah nerapin yg ini.
ReplyDeletead solusi??
ini blog ane gan udah ane kembaliin seperti asal lagi. GaRis KeCil
#untung di backUP td... wkwk
sip inponya ..agar valid template kita...
ReplyDeleteBang, template yang buat demo itu mana.. \m/
ReplyDelete@Valid Zhu
ReplyDeleteMas bro mau pake template tsb..? Klo pengen pakai,ntar ya mas biar saya rapi in dulu. Soalnya msh brantakan :)
Klo dah mendingan ntar sya ksh kbr dech :ya:
makasih tipsnya gan, saya coba dulu siapa tau berhasil
ReplyDeleteSaya kena masalah di nomor 5. tentang imageanchor="1". ini kodenya yang muncul
ReplyDeletehref="http://www.blogger.com/blogger.g?blogID=1296155329538592623" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
Setiap saya ketik posting selalu locat2 tulisannya jadi ga bisa posting. saya ganti entry barupun kasusnya sama. saya sdh ikuti ptunjuk utk merubah imageanchor="1" menjadi Alt tapi tetap saja kode itu muncul lagi, smakin banyak saya ngtik semakin banyak pula dia muncul di halaman HTML, bisa di katakan dia muncul setiap kalimat.
Gimana solusinya
@Sugi
ReplyDeleteSepertinya agan kurang teliti baca-nya :)
Kan pda kasus no.5:
- hapus kode imageanchor="1" dan
- tambahkan kode alt="Masukan kata kunci yang berhubungan dengan artikel yang sedang sobat buat" (antara img dan border="0" )
Waw....manfaat sekali Gan buat perbaikan blog saya. Mathur Thangkyu.
ReplyDeletetrims sharingnya, nanti dicoba dehhh
ReplyDeletesepertinya langkah nomer 6 juga gak valid xhtml.
ReplyDeletesilahkan cek di http://ngocop16.blogspot.com/
luar biasa gan,,,, mantab
ReplyDeletetrimakasih atas infonya salam kenal dari : http://www.obatkuat-kamasutra.com/
mohon kunjungan baliknya gan,,
Blog saya masih banyak errornya mas
ReplyDelete