bagaimana hasil cek blog anda? berapa error dan warning yang anda dapat?
Dari hasil penelusuran saya, sebagian mengatakan bahwa validasi html tidak berpengaruh dalam SEO, dan ada juga yang mengatakan berpengaruh. kalau untuk saya sendiri, setelah mengecek validasi html blog ini, lumayan juga erorr dan warningnya, jadi kalau bisa dikurangai kenapa tidak.! setidaknya itu akan menjadi nilai tambah untuk Seo On Page blog kita.
sudah banyak yang memposting tentang cara mengurangai error validasi html, dan tidak valid 100%. akan tetapi jumlah error cukup menurun. dan lebih baik. tidak ada salahnya jika saya ikut menulis apa yang sudah saya terapkan pada template blog ini. yang awalnya error samapi 250'an. setelah oprek sana sini jumalah error tinggal hitungan jari kaki dan tangan hehee.. :D
untuk mengurangi jumlah error validasi anda dapat menerapkan cara ini:
masuk ke edit html kemudian centang expand template widget,
untuk berjaga-jaga kesalahan saat mengedit template. sebaiknya backup dulu template anda.
kemudian tekan tombol Ctrl+f untuk mepermudah anda mencari kode-kode yang nantinya akan di ubah.
Pertama ganti DOCTYPE bawaan blogger, cari kode seperti ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
lalu ganti dengan kode ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Kedua cari kode seperti ini
<b:include data='blog' name='all-head-content'/>
lalu hapus kode tersebut dan ganti dengan kode ini
<!-- Blogger Default Meta -->KET:
<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/IDPROFILEANDA' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERANDA' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERANDA/posts/default' rel='service.post' title='NAMABLOG - Atom' type='application/atom+xml'/>
<link href='http://www.URLBLOG.com/feeds/posts/default' rel='alternate' title='NAMABLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
*IDPROFILEANDA= ganti dengan id profil anda.
*IDBLOGGERANDA= ganti dengan id blogger anda.
*NAMABLOG= ganti dengan nama blog anda.
*URLBLOG= ganti dengan url blog anda.
Ketiga temukan kode
<b:include name='quickedit'/>
kemudian hapus semua kode seperi itu, kode tersebut salah satu penyumbang error yang besar. kode ini yang menampilkan quickedit, dengan gambar simbol obeng dan tang yang biasanya ada di sudut kanan bawah widget blog. ketika anda menambah widget baru, kembali ke edit html dan hapus lagi kode seperti diatas.
Keempat cari kode </head> lalu letakan kode ini tepat di bawahnya
<!-- <body><div></div> -->
untuk langkah keempat ini, tidak dapat di lakukan pada tampilan blogger baru, jika anda mencobanya akan terjadi error, template tidak dapat di simpan. jadi anda harus pindah sementar ke tampilan blogger lawas, setelah itu masukan kode diatas.
kode diatas berfungsi untuk menghapus navbar blogger, ketika muncul konfirmasi untuk menghapus, klik hapus. setelah itu anda dapat pindah kembali ke tampilan baru blogger.
Kelima menghapus post icon, cari kode ini
<span class='post-icons'><!-- 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>
kemudian ganti dengan kode ini
<span class='post-icons'><!-- email post links --><b:if cond='data:post.emailPostUrl'></b:if></span></div>
Keenam kurangi penggunaan dash/strip (-) pada kode html maupun css, seperti
Contoh pada html:
<!--------------- Blogger Default Meta ---------------> SALAH<!--End Blogger Default Meta--> BENAR
Contoh pada css:
/*--------------- Navbar ---------------*/ SALAH/*Navbar*/ BENAR
Ketujuh selalu gunakan atribut alt pada setiap penggunaan gambar
Contoh:
<img alt='Keterangan Gambar' src='Url Gambar'/>
seperti yang saya bilang tadi, sudah banyak blog-blog yang membahas tentang cara cek dan mengurangi error validasi HTML. Ini hanya hasil googling saya dan apa yang saya terapkan, dari blog-blog yang sudah mengulas tentang ini sebelumnya.
{ 0 komentar... Views All / Send Comment! }
Posting Komentar
Kritik dan sarannya ya agan-agan semua sangat berguna untuk kemajuan blog ini ^_^