Trick Mengatasi Eror Validasi W3C diblog - Pada postingan sebelumnya bang dadan telah membahas Cara Membuat Tag H1 H2 H3 Agar SEO Friendly. Nah pada kesempatan kali ini bang dadan akan coba membahas artikel yang masih berkaitan dengan SEO blog yaitu Trick Mengatasi Eror Validasi W3C diblog. Sahabat blogger yang sudah lama bergelut dalam dunia blog mungkin sudah tahu apa yang namanya SEO, namun bagi yang belum tahu sahabat bisa browser informasi tentang definisi SEO di blog - blog yang lain, karena bang dadan sendiri belum sempat membahas definisi dari SEO, hanya pada artikel kali ini masih berkaitan dengan SEO.
Oke sobat, agar blog sobat memiliki SEO yang baik dan tidak berantakan struktur - struktur yang ada di blog soba, mungkin salah satunya Cara Membuat Tag H1 H2 H3 Agar SEO Friendly dan Mengatasi/Mengurangi Eror Validasi W3C diblog. dan masih banyak yang lain dan insya allah pada kesempatan yang lain akan bang dadan bahas lagi. sekarang kita fokus pada pembahasan Cara Mengatasi/Mengurangi Eror Validasi W3C diblog.
Sebelum sobat menerapkan tutorial ini, alangkah baiknya soba cek dulu keakuratan SEO blog sobat, dan sobat bisa cek keakuratan validasi W3C di link berikut: http://validator.w3.org/. agar sobat bisa membandingkan ketika sebelum dan sesudah di terapkannya tutorial ini berjalan dengan baik atau tidak? namun seperti yang telah bang dadan coba sendiri tutorial ini berhasil untuk mengurangi kesalahan, atau Eror Validasi W3C di Blog kita.
Langusng saja pada pembahasan ya sob?
Dan alangkah baiknya sobat backup tempalte terlebih dahulu sebelum menerapkan tutorial ini.
Dan alangkah baiknya sobat backup tempalte terlebih dahulu sebelum menerapkan tutorial ini.
Trick Mengatasi Eror Validasi W3C diblog
1. Hindari penerapan kode pada template seperti dibawah ini:
*/ -----------------------------------------
Blogger Template Style
Name: Wordpress to Blogger Theme
Designed by : http://www.wpbloggertheme.com/
Author: Abdi
Date : November 2011
----------------------------------------- */
Blogger Template Style
Name: Wordpress to Blogger Theme
Designed by : http://www.wpbloggertheme.com/
Author: Abdi
Date : November 2011
----------------------------------------- */
Silahkan sobat hapus tanda */----------------*/ sehingga hasilnya akan menjadi seperti berikut:
Blogger Template Style
Name: Wordpress to Blogger Theme
Designed by : http://www.wpbloggertheme.com/
Author: Abdi
Date : November 2011
Name: Wordpress to Blogger Theme
Designed by : http://www.wpbloggertheme.com/
Author: Abdi
Date : November 2011
2. Silahkan sobat 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">
Kemudian ganti dengan kode dibawah ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. Sekarang sobat cari lagi kode seperti berikut ini:
<b:include data='blog' name='all-head-content'/>
Jika sudah ketemu silahkan sobat ganti dengan kodedibawah ini :
<!-- 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/112804609939968416257' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=7026395961467629165' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/7026395961467629165/posts/default' rel='service.post' title='Tutorial For You - Atom' type='application/atom+xml'/>
<link href='http://bangdadan.blogspot.com/feeds/posts/default' rel='alternate' title='Tutorial For You - Atom' type='application/atom+xml'/>
<!-- End 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/112804609939968416257' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=7026395961467629165' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/7026395961467629165/posts/default' rel='service.post' title='Tutorial For You - Atom' type='application/atom+xml'/>
<link href='http://bangdadan.blogspot.com/feeds/posts/default' rel='alternate' title='Tutorial For You - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Keterangan:
Ganti kode/tulisan yang berwarna merah dengan data - data blog sobat sendiri.
112804609939968416257 = Profil blogger sobat
7026395961467629165 = ID Blog sobat
http://bangdadan.blogspot.com = URL Blog sobat
4. Selanjutnya cari lagi kode seperti berikut:
<b:include name='quickedit'/>
Jika sudah ketemu silahkan sobat hapus semua kode seperti diatas itu.
Keterangan : kode di atas adalah kode yang menampilkan gambar tang dan obeng yang biasanya berada di sudut bawah widget
Catatan : usahakan jika kamu menambahkan widget/gadget baru pada template, cek pada Edit HTML, dan hapus kode tersebut.
5. Kemudian cari kode </head>
Tambahkan kode di bawah ini tepat di atas kode </head>
<!-- <body><div></div> -->
6. Cari lagi kode seperti di bawah ini :
Jika sudah ketemu silahkan hapus kode tersebut dan ganti dengan kode dibawah ini:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
7. Selanjutnya usahakan kurangi penggunaan kode strip atau dash
Contoh untuk HTML
<!--------------- Blogger Default Meta ---------------> ini Kesalahan
<!--End Blogger Default Meta--> Yang di Sarankan
Contoh untuk CSS
/*--------------- Navbar ---------------*/ ini Kesalahan
/*Navbar*/ Yang di Sarankan
8. Selalu tambahkan atribut alt="nama gambar" pada setiap gambar yang di upload pada blog
Sebagai contoh <img alt="nama gambar" src='Url gambar'/>
9. Tambahkan atribut type='text/css' pada setiap kode <style>
Sehingga menjadi <style type='text/css'>
Setelah selesai simpan template kamu dan silahkan lihat hasilnya bisa di cek pada http://validator.w3.org/.
Nah demikian tutorial kali ini tentang Trick Mengatasi Eror Validasi W3C diblog. referensi ini bang dadan kutif dari http://www.tutorial-4u.com/2012/06/mengurangi-error-pada-validasi-w3c.html#axzz2Gpa7yanu
Semoga artikel ini bermanfaat buat para sahabat blogger semua. Terimakasih
Semoga dengan ini html saya bisa kurang errornya :)
ReplyDeleteterima kasih udah sharing bang :)
Salam kenal Tokotua Forex
Terimakasih telah berkunjung, salam kenal juga kawan. semoga artikelnya bermanfaat..!!
ReplyDeleteTricknya mantap nih pak,semoga sukses selalu.
ReplyDeleteTerimakasih pak atas kunjungan nya,, salam sukses selalu..!!
ReplyDeleteTerimakasih boss ...
ReplyDeletesaya sudah terapin boss ...
Dari error yg ada 60 an ,
Skrang cuma tnggal 4 error & 1 warning ...
Ke 4 error nya terletak pada tanda ">" semua boss ...
Tau cara ngatasinnya ....
Salam kenal dari newbie :D
Sama - sama kawan,, untuk masalah yang satu itu saya jg belum bisa mengatasinya, punya saya jg masih ada sekitar 6 lg yg eror dari 187, setidaknya kita sudah mengurangi erornya, nanti saya coba cari cara lagi utnuk mengatasi sebagian nya lagi. :)
ReplyDeleteSalam kenal
sudah saya coba...bagus hasilnya bisa mengurangi error yang terjadi. terima kasih banyak
ReplyDeleteGaharu
Sama - sama sob, moga bermanfaat..!!
Deletekunjungi jga blog sya : artikeldewapadma.blogspot.com
ReplyDeleteOke kawan..!!!
DeleteSaya sudah coba tetapi di template johny yang buat toko widget pada numpuk.saya hanya buang beberapa saja. salam kenal.tks infonya
ReplyDeleteSalam kenal juga kawan,, pilih2 saja mana yg menurut anda itu baik :D
Deletemau tanya nih kalo misalnya error kyak gini bang "Attribute trbidi not allowed on element div at this point" cara ngatasinnya gmn ya? :/
ReplyDeleteMungkin ada sebagian, atau satu kata yang hilang, coba diperiksa kembali gan.
DeleteMakasih mas artikelnya mengenai Trick Mengatasi Eror Validasi W3C diblog banyak membantu sekali, salam kenal dan sukses selalu :)
ReplyDeleteSama - sama kawan, semoga bermanfaat dan salam kenal kembali.
Deletesob gimana cara mengatasi
ReplyDeleteAttribute trbidi not allowed on element div at this point.
klu untuk blog wordpreess.org agak enggak mas tutornya untuk memperbaiki w3c ini
ReplyDeletesipp.... terima kasih tipsnya
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteudah dpraktekan semua masih 104 yang eror
ReplyDeleteini yang lagi saya cari cari mas, makasih ya mas sudah share trik mengatasi errornya :d
ReplyDeleteTrims... di homepage sudah clear.. tapi single page masih kacau balau nich...
ReplyDeleteterimakasih sebelumnya, saya mau tanya, adakah plugin yang secara otomatis bisa memperbaiki kesalahan
ReplyDeleteweb saya banyak sekali terjadi kesalahan stelah di cek
This comment has been removed by the author.
ReplyDelete