Membuat Template Blogspot Valid XHTML - Tugas utama Spider adalah menangkap halaman-halaman web atau blog dan memasukkannya ke Search Engine. Spider Search diprogram dengan membaca paramater HTML/XHTML dan CSS standar. Sebuah halaman blogspot yang tidak atau kurang memenuhi standar XHTML dapat membingungkan Spider Search sehingga hasil
crawl menjadi kurang sempurna.
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.
Nah, apakah blog Anda valid XHTML? Anda dapat memeriksanya menggunakan layanan dari
The W3C Markup Validation Service. Jika blog Anda memiliki banyak Errors dan Warning, silahkan ikuti langkah-langkah dibawah ini untuk mengurangi error dan warning. Tetapi sebelum itu saya memberikan tutorial bukan berarti blog saya valid xhtml. Sebelumnya blog ini mempunyai 325 error dan 287 warnings, setelah diedit berkurang menjadi 84 errors dan 120 warnings (kebanyakan error berasal dari file .js / javascript )
Cara membuat atau mengurangi errors dan warnings template blogspot agar valid xhtml :
1. Login ke akun blogger
2. Klik Design > Edit HTML
3. Klik Download Full Template untuk membackup template Anda
4. Centang Expand Widget Templates
5. Ikuti langkah-langkah dibawah ini :
Mengganti Deklarasi Dokumen HTML
Cari Kode dibawah ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ganti kode diatas dengan kode dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jenis Deklarasi dokumen XHTML 1.0 Strict memperlakukan kode html template dengan sangat ketat sesuai dengan rekomendasi W3C. Sedangkan jenis Deklarasi XHTML 1.0 Transitional tidak terlalu memperhatikan standar W3C, deklarasi ini cocok untuk template Blogspot
Simpan template, kemudian kembali ke situs
http://validator.w3.org/. Apakah errornya sudah berkurang?
Memperbaiki penulisan META Tags
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'/>
Simpan template, kemudian kembali lagi ke situs
http://validator.w3.org/ untuk melihat hasilnya
Menghapus Comment Declaration
Cari kode comment declaration seperti dibawah ini :
/*
-----------------------------------------------
Blogger Template Style
Name : Ethereal
Designer : Jason Morrow
URL : jasonmorrow.etsy.com
-----------------------------------------------
*/
Hapus tanda
------------------------ sehingga menjadi seperti berikut :
/*
Blogger Template Style
Name : Ethereal
Designer : Jason Morrow
URL : jasonmorrow.etsy.com
*/
Simpan template, kemudian kembali lagi ke situs
http://validator.w3.org/ untuk melihat hasilnya
Menghapus Quickedit
Cari kode quickedit seperti dibawah ini :
<b:include name='quickedit'/>
Hapus semua kode diatas yang ada di template Anda Simpan template, kemudian kembali lagi ke situs
http://validator.w3.org/ untuk melihat hasilnya
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/AVvXsEjgSzcDUlv8p-DwpEiisFRpMq3gzLj_R2wK2Q-7YpIdzbwcgE80YAt6-59O6uH5PhDI5xzF88mtrWG7OY8ZVuoWXB_BMArxJRrJkg8ruvIMllAv0MipQJ-IBvgaIIPyFhnekL6sAL5CWejP/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSzcDUlv8p-DwpEiisFRpMq3gzLj_R2wK2Q-7YpIdzbwcgE80YAt6-59O6uH5PhDI5xzF88mtrWG7OY8ZVuoWXB_BMArxJRrJkg8ruvIMllAv0MipQJ-IBvgaIIPyFhnekL6sAL5CWejP/s1600/menambahkan_deskripsi_blog.png" />
Menjadi
<img alt="Menambahkan Deskripsi blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSzcDUlv8p-DwpEiisFRpMq3gzLj_R2wK2Q-7YpIdzbwcgE80YAt6-59O6uH5PhDI5xzF88mtrWG7OY8ZVuoWXB_BMArxJRrJkg8ruvIMllAv0MipQJ-IBvgaIIPyFhnekL6sAL5CWejP/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSzcDUlv8p-DwpEiisFRpMq3gzLj_R2wK2Q-7YpIdzbwcgE80YAt6-59O6uH5PhDI5xzF88mtrWG7OY8ZVuoWXB_BMArxJRrJkg8ruvIMllAv0MipQJ-IBvgaIIPyFhnekL6sAL5CWejP/s1600/menambahkan_deskripsi_blog.png" />
Simpan template, kemudian kembali lagi ke situs
http://validator.w3.org/ untuk melihat hasilnya
Menghapus Navbar
Langkah ini sebenarnya juga membantu mengurangi invalid XHTML. Tetapi jangan gegabah dan sebaiknya dipikirkan terlebih dahulu. Karena menghapus Navbar sama artinya dengan melanggar TOS Blogger. Saya sendiri tidak menghapus navbar di blog ini. Tetapi jika Anda bersikeras untuk menghapusnya silahkan tambahkan kode berikut dibawah kode </head> (
Resiko tanggung sendiri)
<!-- <body><div></div> -->
Simpan template, kemudian kembali lagi ke situs
http://validator.w3.org/ untuk melihat hasilnya
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.
Langkah-langkah diatas berfungsi untuk template saya dan saya harap juga berfungsi di template Anda
Jika teman-teman belum punya Google Profile, teman-teman bisa daftar di http://www.google.com/profiles
