Cara Cek Dan Mengurangi Error Validasi HTML

Untuk mengetahui valid tidaknya template yang anda gunakan, anda bisa menggunakan tool markup validation yang di sediakan oleh W3C di http://validator.w3.org. silahkan menuju ke sana lalu masukan url blog anda pada kolom address kemudian klik check.
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..

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.
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/code] lalu ganti dengan kode ini
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/code] Kedua cari kode seperti ini
[code]<b:include data='blog' name='all-head-content'/>[/code] lalu hapus kode tersebut dan ganti dengan kode ini
[code]<!-- 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/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 -->[/code] KET:
*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
[code]<b:include name='quickedit'/>[/code]

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
[code]</head>[/code]

lalu letakan kode ini tepat di bawahnya
[code]<!-- <body><div></div> -->[/code]

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
[code]<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>[/code]

kemudian ganti dengan kode ini
[code]<span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> </b:if> </span> </div>[/code]

Keenam kurangi penggunaan dash/strip (-) pada kode html maupun css, seperti
Contoh pada html:
[code]<!--------------- Blogger Default Meta --------------->     SALAH[/code]
[code]<!--End Blogger Default Meta-->      BENAR[/code]

Contoh pada css:
[code]/*--------------- Navbar ---------------*/       SALAH[/code]
[code]/*Navbar*/     BENAR[/code]
Ketujuh selalu gunakan atribut alt pada setiap penggunaan gambar
Contoh:
[code]<img alt='Keterangan Gambar' src='Url Gambar'/>[/code] Ya semoga artikel  Cara Cek Dan Mengurangi Error Validasi HTML ini bermanfaat.

Cara Cek Dan Mengurangi Error Validasi HTML, blogger, html,

Label:
Reaksi:

Posting Komentar

[blogger][facebook][disqus]

Bandi Shippuden

{facebook#https://facebook.com/mr.bandishippuden} {twitter#https://twitter.com/@bandishippuden} {google-plus#https://plus.google.com/u/0/+BandiShippuden} {pinterest#https://id.pinterest.com/bandishippuden/} {youtube#https://www.youtube.com/channel/UCz2pE2KCvbhk8oT4fImFR1A} {instagram#https://www.instagram.com/bandi_shippuden/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget