Cara Validasi HTML Blog di Blogger
Pada awalnya saya mengatakan bahwa validasi yang sempurna pada Blog di blogger akan berpengaruh pada SEO. Namun saya salah.
Silahkan cek di http://validator.w3.org.
Manfaat untuk validasi HTML
- Profesional, jika anda bisa menjadikan valid ataupun mendekati sempurna maka anda seorang yang dianggap profesional.
- Browser Friendly, Browser anda akan lebih cepat menyesuaikan.
Berikut cara validasi HTML di blogger
Pertama, Lakukan unduh semua template, untuk antisipasi kesalahan editing. Kemudian, kode ini<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Ganti dengan
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
Langkah selanjutnya, cari </html> kemudian ganti dengan </HTML>. Huruf kapital.
Kedua, cari (ctr+f) <b:skin>. kemudian letakkan kode ini tepat diatas <b:skin>
<link href='https://www.blogger.com/static/v1/widgets/3028179046-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<!-- <style type='text/css'/> -->
Ketiga, hapus semua kode
<b:include name='quickedit'/> yang ada. Ini terletak di setiap widget, maka untuk setiap kali submit widget baru, pastikan hapus <b:include name='quickedit'/> kembali.Keempat, ganti tanda & dengan &
Kelima, setiap atribut gambar harus mengandung alt="...". Kode strandart HTML img
<img src='Url Gambar' alt='alt gambar'/>. Jadi masukkan alt text.Caranya, anda klik gambar yang ingin di publis > klik propertise > isikan Title text dan Alt text.
Kemudian, benahi strip yang ada.
<!-------- www.fahmirabbani.com --------> Kode Strip yang buruk
<!-- www.fahmirabbani.com --> Kode Strip yang baik
/*------- www.fahmirabbani.com --------*/ Kode Strip yang buruk
/* www.fahmirabbani.com */ Lebih baik
Silahkan cek kembali di http://validator.w3.org. Apakah sudah agak mendingan, atau tambah parah? Silahkan mencoba. Sekian tutorial Cara Validasi HTML Blog di Blogger.
Thanks atas tips dan infonya. Mau tanya, di blog saya untuk kode "&" sangat banyak di template. Ada yang & dan ada juga & Bagiamana ya gan cara menggantinya dengan cepat ? Kalau diganti satu satu lama banget gan. Ini blog saya http://u-templates.blogspot.com/
ReplyDeletesaya juga belum tau,,, :D, g' pengaru sama SEO, dibiarin aja. saya juga nggak terlalu peduli sekali dengan validasi ini... sebab bahasa HTML kedepannya akan terus berkembang...
Deleteasyiik ada temennya...haha, py saya jg sama dg mas Mukti, byk banget & nya... stlh langkah ke 5 lalu ada benahi ,strip, .. itu mksdnya yg dmn ya ? terimakasih mas Fahmi yg baik, tutornya sgt membantu.
ReplyDeleteseperti ini maksudnya = . maksudnyanya stripnya itu dikurangi jadi trus yang dibagian CSS kalo ada seperti ini /* ----- Contoh ----- */ cukup di seperti ini /* Contoh */..
Deleteasyiik ada temennya...haha, py saya jg sama dg mas Mukti, byk banget & nya... stlh langkah ke 5 lalu ada benahi ,strip, .. itu mksdnya yg dmn ya ? terimakasih mas Fahmi yg baik, tutornya sgt membantu.
ReplyDeletetrimakasih atas ilmunya langsung di praktekkan
ReplyDelete