Seocips - cara membuat template blog valid Html 5. Dari beberapa template Blog kebanyakan template blog juga template untuk Blogger mempunyai struktur HTML yang tidak valid. Namun untuk memperbaikinya sehingga menjadi valid dan paling tidak mengurangi error. Ada beberapa cara yang dapat anda tempuh untuk mengurangi error dan warnings sekecil mungkin. Selengkapnya simak artikel seocips.com berikut ini.

Cara membuat Template Blog Valid Html5



Pertama silahkan cek dahulu untuk memastikan berapa banyak error di template anda. Untuk mengetesnya silahkan cek di Validator w3. Untuk mengurangi penjelasan yang panjang dan kian melebar, berikut adalah tips cara membuat template Blog Valid Html5 atau setidaknya mengurangi error di template blog anda.

1. Ganti kode : </html> dengan </HTML>
2. Berikut ini adalah kode-kode HTML yang dapat anda hapus.
<div class='post-share-buttons goog-inline-block'>
3. kode lain...
</div>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
4. Silahkan cari kode seperti dibawah ini dan silahkan hapus. Kode ini bukan hanya menambah error di template anda. tapi juga menurut saya kode ini tidak penting dibllog. Setiap anda menambahkan widget ditemplate anda sebaiknya kode ini di hapus.
<b:include name='quickedit'/>
5.Tips yang kelima ini sebenarnya lebih menuju ke "agar template anda lebih SEO". Tapi tidak ada salahnya anda mengetahuinya juga. Beberapa template memasang beberapa meta tag yang tidak SEO dan menghasilkan duplikat title tag atau duplikat meta deskripsi ( Untuk yang terlanjur mendapatkan templatenya telah terdapat duplikat title atau duplikat deskrips maka dapat membaca; Cara mengatasi duplikat deskripsi dan duplikat title tag ). dan saran saya sebaiknya anda memasang meta tag yang seo Frendly untuk menghindari duplikat ini. Anda juga dapat melihat beberapa meta tag yang bermanfaat untuk blog anda.
6. Hindari Tag <center> karena HTML 5 tidak Support 5. Hapus Widget dibawah ini (Jika ada), :
  • Google+ Followers
  • Pengikut
  • Share Button
  • Penghitung jumlah pengunjung.
Atau jika anda ingin memasang widget Followers Blog karna beberapa manfaatnya ( coba baca disini manfaatnya), maka anda dapat memasang widget Followers yang Valid HTML. Silahkan pasang widget Followers Valid HTML 5.
7. Perhatikan Hal berikut :
  • Tambahkan tag alt di setiap tag <img> 
  • Hilangkan kode imageanchor pada tag img.
  • Hilangkan kode border pada tag img.
Beberapa kode diatas merupakan penyumbang error terbanyak ditemplate anda yang membuat template anda menjadi tidak SEO frendly. anda dapat mengeceknya di chkme.com untuk memastikannya. Dan sebagai saran saya sebaiknya anda baca juga cara menjadikan Template blog SEO Frendly jika di cek di chekme dan beberapa tips mengenai Membuat artikel anda menjadi SEO frendly ( SEO onPage).

8. Pemasangan random post yang tidak valid HTML 5. Random post memang sangat bermanfaat untuk blog anda. karena dapat menampilkan beberapa artikel anda secara acak yang mungkin saja dapat membuat pengunjung blog anda tertarik untuk melihat artikel anda. Beberapa random post juga ada yang SEO frendly karena menggunakan atribut rel=nofollow ( Contoh random post yang menggunakan rel nofollow dapat anda cek disini; random post SEO Frendly ). Tapi juga anda harus tahu beberapa random post juga tidak Valid HTML 5.

9. Tentu saja dari semua penyebab masalah diatas adalah template yang anda gunakan. Yaitu template yang tidak Valid HTML5 dan tidak SEO. Caba anda cek beberapa koleksi Template Blogger. beberapa di antaranya sudah Valid dan SEO Frendly.

Sebenarnya masih ada kode yang dapat diedit atau di hilangkan. Tapi tergantung template yang anda gunakan, apakah memiliki kode ini atau tidak. sekian mengenai cara agar template blog menjadi Valid HTML5 dan semoga bermanfaat.
11 Komentar untuk "Cara Membuat Template Blog Valid Html5"

Terima kasih banyak gan, saya coba dulu di blog saya.

Ditunggu kunjungannya: www.ziantshady.net

Ok terimakasih atas kunjungannya

terimakasih gan, keren ni buat nambah ilmu

caranya ternyata cukup mudah dan sederhana ya mas.. saya coba deh mas.. :)

yahh padahal pengen masang widget google+ follower :(

Keren nich infonya,izin praktek.thanks

bagus banget gan infonya... ternyata template saya banyak juga errornya setelah dicheck...

thanks ya gan, udah ane coba lumayan berkurang :D