Pada postingan sebelumnya kita 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: fw
Date : November 2011
Name: Wordpress to Blogger Theme
Designed by : http://www.wpbloggertheme.com/
Author: fw
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.
Tidak ada komentar:
Posting Komentar