Membuat Blog Menjadi Valid HTML 5 adalah salah satu perkembangan pelajaran kita selanjutnya. Pelajaran kali ini mengarah kepada pelajaran SEO. Membuat Blog Menjadi Valid HTML 5 merupakan salah satu optimasi yang tak kalah pentingnya dari optimasi SEO yang lain. Bahkan blog yang valid HTML 5 juga sangat diperhitungkan oleh google search engine. untuk itulah mengapa pentingnya Membuat Blog Menjadi Valid HTML 5.Selanjutnya kita mari kita lanjutkan dengan Cara Membuat Blog Menjadi Valid HTML 5. Sebelum kita menuju ke optimasi atau merubah template alangkah baiknya kita Cek dulu validasi template blog kita ke website validator.w3.org, Jika belum tahu caranya silahkan baca caranya pada artikel waroenk blog,"Cara Cek Validasi Template Blog."
Jika Sudah di cek validasi template blog sobat kemudian ikuti langkah-langkah pembenahan berikut ini :
1.
Untuk penulisan DOCTYPE pada template default Blogger biasanya seperti dibawah
ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
2. Hapus semua kode diatas dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Dan untuk penutupnya pada template paling bawah sendiri juga ubah Tag </html> menjadi </HTML>
4. Hapus kode kode <b:include name='quickedit'/>
5. Hapus kode kode <b:include data='blog' name='all-head-content'/>
6. Hilangkan Navbar dengan meletakkan kode <!-- <body><div></div> --> diatas kode <body>
7. Hilangkan tanda "----------" misalnya :
/*--------- header ---------*/ hapus tanda "--------" sehingga menjadi /*header*/
8. Hapus kode navigasi <b:include name='nextprev'/> ganti menjadi :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
9. Untuk javascript tambahkan type='text/javascript' pada tag <script> dan untuk CSS tambahkan type='text/css' pada tag <style> sehingga penerapannya menjadi :
<script type='text/javascript'> dan <style type='text/css'>
10. Didalam postingan apabila menyisipkan gambar, maka tambahkan tag "alt" dan kodenya seperti ini
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg" /></a>
Apabila masih error, coba hapus tanda "/" sehingga menjadi seperti ini :
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg"></a>
11. Cek juga pada widget-widget yang anda pasang di sidebar, apakah sudah valid apa belum, seperti Follower, Recent Post dan widget lainnya (jika tidak perlu hapus aja).
12. Pada kode javascript "onClick" (jika ada), silahkan ganti dengan "onclick"
13. Simpan template anda
14. Coba anda menuju ke http://validator.w3.org/ dan sekarang lihat hasilnya
1.
Untuk penulisan DOCTYPE pada template default Blogger biasanya seperti dibawah
ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
2. Hapus semua kode diatas dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Dan untuk penutupnya pada template paling bawah sendiri juga ubah Tag </html> menjadi </HTML>
4. Hapus kode kode <b:include name='quickedit'/>
5. Hapus kode kode <b:include data='blog' name='all-head-content'/>
6. Hilangkan Navbar dengan meletakkan kode <!-- <body><div></div> --> diatas kode <body>
7. Hilangkan tanda "----------" misalnya :
/*--------- header ---------*/ hapus tanda "--------" sehingga menjadi /*header*/
8. Hapus kode navigasi <b:include name='nextprev'/> ganti menjadi :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
9. Untuk javascript tambahkan type='text/javascript' pada tag <script> dan untuk CSS tambahkan type='text/css' pada tag <style> sehingga penerapannya menjadi :
<script type='text/javascript'> dan <style type='text/css'>
10. Didalam postingan apabila menyisipkan gambar, maka tambahkan tag "alt" dan kodenya seperti ini
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg" /></a>
Apabila masih error, coba hapus tanda "/" sehingga menjadi seperti ini :
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg"></a>
11. Cek juga pada widget-widget yang anda pasang di sidebar, apakah sudah valid apa belum, seperti Follower, Recent Post dan widget lainnya (jika tidak perlu hapus aja).
12. Pada kode javascript "onClick" (jika ada), silahkan ganti dengan "onclick"
13. Simpan template anda
14. Coba anda menuju ke http://validator.w3.org/ dan sekarang lihat hasilnya
- Untuk penulisan DOCTYPE pada template default Blogger biasanya seperti dibawah ini (Gunakan Ctrl + F untuk memudahkan pencarian) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
- Hapus semua kode diatas dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
- Dan untuk penutupnya pada template paling bawah sendiri juga ubah Tag. (Gunakan Ctrl + F untuk memudahkan pencarian)
</html> menjadi </HTML>
- Hapus kode kode berikut : (Gunakan Ctrl + F untuk memudahkan pencarian)
<b:include name='quickedit'/>
- Hapus Kode Berikut :
<a expr:name='data:post.id'/>
- Hapus kode kode berikut : (Gunakan Ctrl + F untuk memudahkan pencarian)
<b:include data='blog' name='all-head-content'/>
- Hilangkan Navbar dengan meletakkan kode <!-- <body><div></div> --> diatas kode <body>
- Hilangkan tanda "----------" misalnya :
/*--------- header ---------*/ hapus tanda "--------" sehingga menjadi /*header*/
- Hapus kode navigasi <b:include name='nextprev'/> ganti menjadi :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
- Untuk javascript tambahkan type='text/javascript' pada tag <script> dan untuk CSS tambahkan type='text/css' pada tag <style> sehingga penerapannya menjadi :
<script type='text/javascript'> dan <style type='text/css'>
- Didalam postingan apabila menyisipkan gambar, maka tambahkan tag "alt" dan kodenya seperti ini
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg" /></a>
- Apabila masih error, coba hapus tanda "/" sehingga menjadi seperti ini :
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg"></a>
- Cek juga pada widget-widget yang anda pasang di sidebar, apakah sudah valid apa belum, seperti Follower, Recent Post dan widget lainnya (jika tidak perlu hapus aja).
- Pada kode javascript "onClick" (jika ada), silahkan ganti dengan "onclick"
- Simpan template anda
- Coba sobat blogger cek kembali ke http://validator.w3.org/ dan sekarang lihat hasilnya
3 Komentar
thank you saya coba dulu praktekan ya mas :)
BalasHapussama-sama gan.
BalasHapusMenurut saya, validitas template atau blog memang sangat penting bagi seorag webmaster Sob. Namun demikian walaupun validitas template cukup penting, satu hal yang lebih penting lagi adalah konten yang terdapat dalam setiap artikel yang diterbitkan.
BalasHapusKenapa saya berpendapat demikian? Karena pengunjung yang membaca setiap artikel kita tidak akan pernah peduli dengan validitas template yang dipakai untuk menayangkan artikel itu.
Sehingga kalaupun akhirnya template tidak dapat dijadikan sebagai template yang valid, maka saya rasa tidak akan jadi masalah dan tak perlu dipermasalahkan. Artinya daripada membuang waktu dan tenaga untuk menjadikan sebuah template menjadi valid, akan lebih baik jika waktu dan tenaga itu dipanfaatkan untuk menyusun dan atau menerbitkan artikel baru.
Oh ya, tidak lupa saya sampaikan bahwa ulasannya sangat bermanfaat, serta saya sampaikan pula salam berbagi. :)
Mohon untuk tidak menyematkan LINK HIDUP, Kalau sobat ingin mendapat kunjungan balik silahkan tinggalkan LINK Blognya Tapi jangan LINK HIDUP karena Komentarnya akan saya Hapus. Terimakasih