Halaman blogspot yang sudah memenuhi XHTML/CSS standar dapat menunjang SEO karena Spider dapat menangkap semua content dari halaman blog tersebut tanpa masalah. Umumnya, memenuhi standar HTML/CSS bukan keharusan buat web atau blog, tergantung keperluan dan tujuan masing-masing, sebagai contoh Google, Yahoo, Facebook, Twitter dan halaman blog milik Matt Cutts ternyata masih belum Valid HTML/XHTML.
Jika anda ingin mencoba,sebelumnya anda bisa cek di layanan Tool dari http://validator.w3.org/
Kita dapat mencoba langkahnya satu demi satu untuk membuat template valid XHTML.
1. Cari kode di bawah letaknya dibagian atas template
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Ubah menjadi
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Save dan refresh kembali http://validator.w3.org/
2. memperbaiki tulisan meta tag
Ganti seluruh penulisan Meta tag yang menggunakan uppercase menjadi lowercase.
Contoh :
<META content='Mo9MvGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcSiGyhc' name='google-site-verification'/>
Menjadi seperti berikut :
<meta content='Mo9MvGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcSiGyhc' name='google-site-verification'/>
3. Menghapus comment declaration
Cari kode comment declaration seperti dibawah
/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapus ----------------------------------------------- Maka hasilnya seperti di bawah
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
&ave dan refresh kembali http://validator.w3.org/
4. Menambahkan attribut ALT pada setiap gambar
Sesuai standar W3C, semua gambar harus memliki attribut alt, akan tetapi secara default blogger tidak menambahkan attribut alt untuk gambar, untuk itu Anda harus menambahkannya secara manual.
Contoh :
<img href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHxw6oSccM2bkl32ehv40Xhylyn2BQO4fb1J2sLw_FgwHO66_aRGCd-QYTYUWuZi6MGQMHe4DuBQYR0BQnPQSUAV99oA7m7HyJtNKWnKRSYXc6NoLthemFfemBPKBhfk67iAY3QDxC94I5/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHxw6oSccM2bkl32ehv40Xhylyn2BQO4fb1J2sLw_FgwHO66_aRGCd-QYTYUWuZi6MGQMHe4DuBQYR0BQnPQSUAV99oA7m7HyJtNKWnKRSYXc6NoLthemFfemBPKBhfk67iAY3QDxC94I5/s1600/menambahkan_deskripsi_blog.png" />
Menjadi
<img alt="Menambahkan Deskripsi blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHxw6oSccM2bkl32ehv40Xhylyn2BQO4fb1J2sLw_FgwHO66_aRGCd-QYTYUWuZi6MGQMHe4DuBQYR0BQnPQSUAV99oA7m7HyJtNKWnKRSYXc6NoLthemFfemBPKBhfk67iAY3QDxC94I5/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHxw6oSccM2bkl32ehv40Xhylyn2BQO4fb1J2sLw_FgwHO66_aRGCd-QYTYUWuZi6MGQMHe4DuBQYR0BQnPQSUAV99oA7m7HyJtNKWnKRSYXc6NoLthemFfemBPKBhfk67iAY3QDxC94I5/s1600/menambahkan_deskripsi_blog.png" />
5. Memperbaiki penulisan tags Javascript
Jika Anda menemukan kode <style type='text/javascript'> kode javascript </style> maka ganti dengan script berikut karena tag javascript tersebut tidak benar.
<script type='text/javascript'> kode javascript </script>
Simpan template, kemudian kembali lagi ke situs http://validator.w3.org/ untuk melihat hasilnya.
Sekarang centang Expand Widget Templates.
6. menghilangkan navigasi bar
masukan kode di bawah tepat di bawah kode </head>
<!-- <body><div></div> --> Save dan refresh kembali7. Hapus Quickedit
Hapus kode yang ada di bawah di dalam html pokonya kalau ketemu kode ini hapus!!
<b:include name='quickedit'/>
Save dan refresh kembali http://validator.w3.org/
(pengaruhnya tanda obeng pada tiap widget akan hilang, tapi ga masalah toh masih bisa edit di page elements)
8. Menghapus post icon
Sekarang temukan kode di bawah:
<span class='post-icons'>Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<!-- 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'>(ini merupakan penghapusan icon gambar pensil yang secara default sudah ada dari blogger "ternyata tidak valid lho")
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Save dan refresh kembali http://validator.w3.org/
Ternyata widget followers bawaan dari blogger dideteksi oleh web master tidak valid XHTML
jika anda merasa sangat membutuhkan widget followers dan tidak ingin menghapusnya
silakan klik Disini untuk ikuti langkah-langkah cara validasi widget follower
Cara Membuat Valid Widget Follower
23 komentar:
wah Kang kayanya penting banget begini ni,tapi masih pusing eum. Belum paham,tpi makasih artikelnya buat pembelajaran !
OK sama2
kalau boleh jujur saya juga belum terlalu mahir membuat blog valid,tetapi akan lebih baik kita mengurangi error di blog kita walau hanya sedikit
mantap bro.. gw awalnya sampe 80 errorr,,
seakrang tinggal 50n doang.. dan sisanya di script,, tapi terpaksa dipasang.. jadi biarlah,,
nice tips..
ok terma kasih sudah berkunjung
makasih bang.
salam blogger
gan, mau nanya nih,.
cara mengatasi masalah feed yang seperti ini "There has been an error of some kind. Ack!" gmana gan?
tlng bantuannya segara gan..
terimakasih sblumya,,
@UP DATE: memang nya peringtan seperti itu muncul ketika akang sedang melakukan perubahan apa?
banyak sekali ya yang perlu diedit supaya template blogspot jadi valid
nice share agan :)
uda kurang error blog saya..thanks
Mantap sobb...
Tapi seiring dengan banyaknya komentar yang masuk error template jd bertambah juga..
pusing kl mikirin w3 validator :D
wah bagus, dan menarik untuk dipraktekkan :))
Nice artikel. tp memvalidkan blog gak gampang :)
mampir gan! --> http://ramadhansk.blogspot.com/
nice info..thanks...........
mantap gan saya coba ya di blog saya...
yahhh share tutor gini tapi blognya sendiri banyak yang error, 70an malah :cd
perlu dicoba nih..,
wah makasih gan atas tutornya tentang kode - kode yang beginian. template akan jadi lebih ringan
139 Errors, 124 warning(s)
menjadi
107 Errors, 64 warning(s)
syukur dah hehehehe
msksdih gsn, berkat keterangannya toko online blog ane bagus
thx ya bro
Informasi yang Bermanfaat tapi masih bingung nikunjung balik di http://gratisslaguu.blogspot.com
Mantap juga ne, perlu dicoba… (y)
kunjung balik di http://aslikerinci.blogspot.com
Posting Komentar