Tips Mengurangi Error di Validasi W3C saya share pengalaman ini pada sobat blogger yang masih newbie seperti saya, oh ya mohon maaf apabila dalam penyampaiannya banyak yang kurang karena ini benar-benar berdasarkan pengalaman seorang newbie yang mendapatkan tutorial ini juga hasil nyari-nyari di mbah google. intinya saya bukan menggurui ini hanyalah catatan sebuah pengalaman seorang blogger pemula, namun seandainya saja ada blogger newbie seperti saya yang mau mengikuti cara saya ya silahkan ikuti saja dan mungkin bagi para master SEO yang kebetulan mampir disini ada saran atau mau berbagi ilmunya kami tunggu... Eh mana ada ya master SEO yang mau berbagi ilmunya yang sebenarnya... yang ada malah takut terkalahkan sama yang newbie kalau berbagi rahasiahnya hehehehe... maaf hanya humor, masih banyak ko master seo yang baik hati, buktinya kami ini mau dapat tutorial dari mana kalau tanpa adanya master-master emang tutorialnya datang begitu saja dari langit, hehehehe makasih banget ya buat para master yang sudah membagikan sebagian ilmunya pada kami-kami yang hanya ngikuti. namun sayang ni buat master yang pertama kali menemukan tutorialnya kami ga bisa berterima kasih, ya paling tidak nyimpan linknya gitu, hehehhe. oh, master seo kayanya ga butuh kali ya dari blog-blog baru,, yang suka kebakaran jenggot tu biasanya justru blogger yang mendapatkan ilmunya dari yang lain juga ehehehehe. mohon maaf nih buat blogger yang menyampaikan tentang tutorial kemudian melarang untuk copas, kalau yang bukan tutorial sih pantas mau marah juga.
ko jadi ngelantur, langsung saja ya ke pokok bahasannya.
Mungkin sebelum menerapkan tutorial ini sobat harus cek dulu kondisi blog sobat di http://validator.w3.org/ agar sobat tau seberapa error yang ada sebelum memasang tutorial ini, biar sobat nggak nyalahin tutorialnya hehehehe.
Tutorial ini selain dapat mengurangi beberapa error, ingat beberapa error ya sobat karena ga mungkin hanya dengan tutorial ini bisa membumi hanguskan semua error yang ada apalagi template yang sobat pake itu didapat secara gratisan dan tidak seo friendly lagi. biasanya error itu bisa mencapai ratusan nah dengan tutorial ini sedikit dapat dikurangi. oh ya sobat perlu sobat tau bahwa buat sobat yang menggunakan template blogger kemungkinan besar ga akan ada template yang Valid W3C karena didalamnya tertanam sebuah kode CSS yang disembunyikan kita hanya bisa tau kalau kita opensource blog kita, baru kelihatan CSS tersebut disimpan dalam script CSS_bundle.CSS. jadi jangan harap ya buat pemakai template blogger bisa valid W3C kecuali master mungkin. meskipun begitu paling tidak ya bisa mengurangi error yang ada namun selain itu juga ada efek lain dari tutorial ini yaitu berdasarkan pengalaman saya, waktu itu ada sebuah template blog saya yang apabila di opensuorce maka disana ada 2 meta deskripsi padahal pemasangan meta deskripsinya cuma satu. nah setelah dipasang tutorial ini eh deskripsinya hilang tuh satu. Ternyata yang bisa menyebabkan duplikat deskripsi apabila kita menambahkan meta deskripsi dinamis itu kode seperti ini <b:include data='blog' name='all-head-content'/> namun apabila hanya menghilangkan kode ini saja maka akan hilang beberapa fitur blog kita yang diantaranya RSS feed, atom feed dan yang lainnya, nah untuk mengatasi hilangnya beberapa fitur tersebut kita pasang meta defaulnya. ikuti aja totorialnya....
ko jadi ngelantur, langsung saja ya ke pokok bahasannya.
Mungkin sebelum menerapkan tutorial ini sobat harus cek dulu kondisi blog sobat di http://validator.w3.org/ agar sobat tau seberapa error yang ada sebelum memasang tutorial ini, biar sobat nggak nyalahin tutorialnya hehehehe.
Tutorial ini selain dapat mengurangi beberapa error, ingat beberapa error ya sobat karena ga mungkin hanya dengan tutorial ini bisa membumi hanguskan semua error yang ada apalagi template yang sobat pake itu didapat secara gratisan dan tidak seo friendly lagi. biasanya error itu bisa mencapai ratusan nah dengan tutorial ini sedikit dapat dikurangi. oh ya sobat perlu sobat tau bahwa buat sobat yang menggunakan template blogger kemungkinan besar ga akan ada template yang Valid W3C karena didalamnya tertanam sebuah kode CSS yang disembunyikan kita hanya bisa tau kalau kita opensource blog kita, baru kelihatan CSS tersebut disimpan dalam script CSS_bundle.CSS. jadi jangan harap ya buat pemakai template blogger bisa valid W3C kecuali master mungkin. meskipun begitu paling tidak ya bisa mengurangi error yang ada namun selain itu juga ada efek lain dari tutorial ini yaitu berdasarkan pengalaman saya, waktu itu ada sebuah template blog saya yang apabila di opensuorce maka disana ada 2 meta deskripsi padahal pemasangan meta deskripsinya cuma satu. nah setelah dipasang tutorial ini eh deskripsinya hilang tuh satu. Ternyata yang bisa menyebabkan duplikat deskripsi apabila kita menambahkan meta deskripsi dinamis itu kode seperti ini <b:include data='blog' name='all-head-content'/> namun apabila hanya menghilangkan kode ini saja maka akan hilang beberapa fitur blog kita yang diantaranya RSS feed, atom feed dan yang lainnya, nah untuk mengatasi hilangnya beberapa fitur tersebut kita pasang meta defaulnya. ikuti aja totorialnya....
Disarankan save dahulu template kamu sebelum melakukan peng-editan template.
1. Hindari pengkodean template seperti dibawah ini
1. Hindari pengkodean template seperti dibawah ini
Hapus tanda ------ sehingga hasilnya seperti di bawah ini-----------------------------------------Blogger Template StyleName: bla..bla..blaDesigned by : bla..bla..blaAuthor: bla..bla..blaDate : October 2010----------------------------------------- */
2. Cari kode seperti di bawah iniBlogger Template StyleName: bla..bla..blaDesigned by : bla..bla..blaAuthor: bla..bla..blaDate : October 2010*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">dan ganti dengan kode di bawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3. Sekarang cari kode seperti di bawah ini
<b:include data='blog' name='all-head-content'/>Jika sudah ketemu ganti dengan kode berikut :
<!-- 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/12600553148643842531' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=679796549016769771' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/679796549016769771/posts/default' rel='service.post' title='Belajar Komputer Melalui Internet' type='application/atom+xml'/>
<link href='http://azzam10.blogspot.com/feeds/posts/default' rel='alternate' title='Belajar Komputer Melalui Internet' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Keterangan : ganti tulisan yang berwarna merah
- 12600553148643842531 ganti dengan ID Profile blogger (bisa dilihat pada address bar browser saat buka profile blogger)
- 679796549016769771 ganti dengan ID Blog (bisa dilihat pada address bar browser saat edit blog)
- http://azzam10.blogspot.com ganti dengan Url blog sobat
- Belajar Komputer Melalui Internet ganti dengan title blog sobat
<b:include name='quickedit'/>Jika sudah ketemu hapus semua kode seperti itu.
Keterangan : kode tersebut adalah kode yang menampilkan gambar tank dan obeng yang biasanya berada di sudut kanan bawah widget
Catatan : usahakan jika kamu menambahkan widget/gadget baru pada template, cek pada Edit HTML, dan hapus kode tersebut.
5. Cari kode </head> Kemudian tambahkan kode di bawah ini tepat di atas kode </head>
<!-- <body><div></div> -->Keterangan : kode tersebut berfungsi untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, klik hapus saja
6. Cari kode seperti di bawah ini
<span class='post-icons'>Jika sudah ketemu hapus dan ganti dengan kode di bawah ini
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<span class='post-icons'>7. Selanjutnya usahakan kurangi penggunaan kode strip atau dash
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Contoh pada HTML
<!--------------- Blogger Default Meta ---------------> seharusnya <!--End Blogger Default Meta-->
Pada kode CSS
/*--------------- Navbar ---------------*/ seharusnya /*Navbar*/
Setelah selesai simpan template kamu dan lihat hasilnya
Selanjutnya cek lagi blog sobat di http://validator.w3.org/ juga buka opensource dengan menekan tombol "control+U" saat di halaman blog sobat untuk melihat duplikat deskripsi apabila itu terjadi sebelumnya.
Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Tips Mengurangi Error di Validasi W3C kali ini, semoga bermanfaat bagi Anda.
DAPATKAN ARTIKEL VIA EMAIL
Dipublish oleh :
Abdul Kohar - Jatinangor Rating 5
Mantep kang tutornya,,,saya masih bingung kalau ketemu permasalahan seperti ini,,,,
BalasHapusjuragan saya boleh minta script cara buat artikel terkait seperti milik juragan ? (ukurannya segitu,tetapi di posisikan sebelah kiri,karena yg sebelah kanan mau saya pakai ruang iklan).kalau bisa e-mail ke saya ya nggunyil@gmail.com
BalasHapusmakasih juragan
gan kalo code nya banyak gmn ????
BalasHapusmohon solusinya gan