Selamat siang sobat blogger jumpa lagi setelah rehat posting blog untuk beberapa waktu, kali ini saya akan berbagi cerita kepada sobat blogger sedikit Tips mengurangi eror HTML dan CSS pada template blog (validasi dengan W3C).
Okeh langsung aja ke TKP .....
Mungkin ada sebagian sobat blogger yang bertanya, apa pentingnya kevalidan HTML dan CSS ..??
dari beberapa referensi yang saya baca, kevalidan HTML dan CSS ini penting untuk mempercepat loading blog kita saat di buka, jujur walaupun saya sendiri tak begitu paham banyak mengenai HTML dan CSS. Selain itu Search Engine juga lebih menyukai halaman blog yang memiliki error semenimal mungkin, sehingga posisi blog itu akan lebih baik secara SEO.
Untuk itu mari kita cek site kita dengan melakukan pengecekan tersebut. Buat sobat blogger yang ingin mencobanya, anda dapat mengunjungi http://validator.w3.org/
Setelah terbuka masukkan alamat blog anda, lalu klik CHECK ( catat hasil error yang di hasilkan, ini penting karena hasil itu akan anda bandingkan dengan hasil akhir nanti setelah anda melakukan cara-cara dibawah ini untuk meminimalkan error HTML dan CSS blog anda ).
(di sana akan terlihat hasil error dan warning blog anda)
Setelah melakukan pengecekan, tentu kita akan ada usaha untuk memperbaiki kode yang error.
Untuk itu silakan anda mengikuti langkah-langkah di bawah ini :
- Loging ke blog anda ---> Rancangan ---> Edit HTML (centang Expang Template Widget)
- Silakan ganti "DOCTYPE" punya Blogger (letaknya di awal kode template)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ganti kode di atas dengan kode di bawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Selanjutnya cari kode berikut :
<b:include name='quickedit'/>
Hapus semua kode tersebut yang ada pada blog anda
- Setelah itu cari kode berikut :
<b:include data='blog' name='all-head-content'/>
Ganti kode diatas dengan kode berikut :
<!-- 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/IDBLOGGERPROFILEANDA' 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='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Ket :
IDBLOGGERPROFILANDA (adalah ID anda saat membuka profil )
IDBLOGGERANDA (adalah ID anda saat melakukan Edit HTML)
NAMABLOG (adalah URL Blog anda)
- Mengurangi penggunaan kode strip/dash (-)
Untuk HTML
<!------------------- Blogger Default Meta ----------------------> SALAH
<!-- Blogger Default Meta --> Benar
Untuk CSS
/*----------- Header ------------*/ SALAH
/* Header */ Benar
- Simpan kode berikut dibawah kode </head>
<!-- <body><div></div> -->
ini fungsinya untuk menghapus navbar blogger, kalau anda konfirmasi untuk menghapus, KLIK aja HAPUS
- Biasakan menggunakan tag alt pada setiap gambar
contoh : <img alt='tulis keterangan disini'src='URL gambar'/>
Setelah anda selesai melakukan langkah-langkah diatas, silakan simpan template anda. Setelah itu kembali ke http://validator.w3.org/
Cek lagi error HTML dan CSS Blog anda, lihat apakah ada perubahan error yang ada tadi berkurang atau belum.
Berdasarkan pengalaman saya menggunakan http://validator.w3.org/ serta setelah mengikuti langkah-langkah diatas jumlah error dan warning di Blog saya menurun cukup banyak.
SELAMAT MENCOBA, SEMOGA BERMANFAAT ...........
Editor : onco gamankz
Sumber : http://www.wahyu-winoto.com
Sumber : http://www.wahyu-winoto.com
Artikel 
Posting Komentar