Cara Mengurangi Error CSS dan HTML5

Validnya CSS dan HTML pada suatu blog sangatlah penting. Apa jadinya kalau blog kita terdapat banyak sekali errornya pada CSS dan HTML, loading blogpun menjadi lemot, Search Engine jadi tidak menyukainya dan akhirnya posisi blog semakin menurun. Untuk mengetahui jumlah error bisa cek di www.validator.w3.org, apabila terdapat error yang lumayan banyak, maka bisa diperbaiki dengan trik dibawah ini :
1. Bagian atas <head> ganti dengan kode dibawah ini
<?xml version="1.0" encoding="UTF-8" ?>Pada penutup </html> bagian bawah, ganti juga dengan huruf besar
<!DOCTYPE HTML>
<HTML class='v2' dir='ltr'>
</HTML>2. Cari kode dibawah ini lalu hapus semuanya
<b:include name='quickedit'/>3. Cari kode dibawah ini
<b:include data='blog' name='all-head-content'/>Ganti kode tersebut dengan kode dibawah ini
<!-- Blogger Default Meta -->Teks yang berwarna merah ganti sesuai apa yang dijelaskan.
<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/ID Profile Blogger Sobat' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID Profile Blogger Sobat' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/letakan URL blog Sobat di sini/posts/default' rel='service.post' title='Judul Blog Sobat - Atom' type='application/atom+xml'/>
<link href='letakan URL blog Sobat di sini/feeds/posts/default' rel='alternate' title='Judul Blog Sobat - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
4. Mengurangi kode strip / dash (-)
<!------ Blogger Default Meta ------> Salah
<!-- Blogger Default Meta --> Benar
/*----- Header -----*/ Salah5. Ganti kode <center> .... </center> dengan kode dibawah ini
/* Header */ Benar
<div class='separator' style='clear: both; text-align: center;'> ..... </div>6. Gunakan tag alt pada setiap gambar
<img src='URL gambar' alt='Tulis Keterangan disini' title='Tulis Keterangan disini'/>Setelah semua langkah selesai klik Simpan, dan silahkan cek kembali blog anda untuk mengetahui jumlah error setelah diperbaiki.
makasih dah berbagi gan, lanjutkan kreasimu
ReplyDeletesiap gan...!!!
Deletesangat bermanfaat gan
ReplyDelete