Cara Membuat Blog Valid HTML5
23.40.00
38 Komentar
Apa Itu HTML5 ?
HTML5 adalah revisi kelima dari perkembangan HTML (Hyper Text Markup Language) yang pertamakali diciptakan pada tahun 1990 dan versi sebelumnya HTML4 diciptakan pada tahun 1997 dan hingga pada tahun 2011 HTML5 masih dalam perkembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, agar mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin telusur (search engine).
HTML5 merupakan salah satu karya dari W3C (World Wide Web Consortium) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 bukan merupakan kunci utama untuk mempengaruhi kualitas SEO dan SERP pada search engine, karena jika blog Anda sudah valid html5 hanya mempengaruhi sedikit kualitas dari blog Anda, dan perlu diingat bahwa html5 tidak begitu berpengaruh besar terhadap kualitas SEO dan SERP pada blog kita.
Apa Keuntungan Blog Valid HTML5 ?
Kentungan blog valid html5 lumayan bagus dan baik terhadap perkembangan blog kita diantaranya :
- Memudahkan search engine mengindeks dokumen atau artikel blog lebih baik dan cepat
- Document Object Model (DOM) lebih stabil dan konsisten
- Dapat mengetahui kondisi blog atau website lebih rinci terutama dalam Link Mati (Broken Link)
- HTML lebih kompatibel terhadap browser terbaru
- Render browser lebih baik dan cepat
- Lebih disukai search engine
- dan masih banyak keuntungan lainnya
Bagaimana Cara Cek Valid HTML5 Atau Tidak ?
Silahkan kunjungi website dibawah ini :
http://validator.w3.org
http://html5.validator.nu
Bagaimana Cara Agar Blog Valid HTML5 ?
Untuk menjadikan blog Anda valid html5 silahkan hapus atau ganti kode-kode dibawah ini dengan tepat, baik, dan benar.
Catatan Penting :
Backup terlebih dahulu template Anda untuk mencegah terjadinya kesalahan saat pengeditan ataupun pengapusan kode. Silahkan copy semua kode script template Anda dan simpan di notepad.
Gunakan Ctrl + F untuk mempercepat pencarian kode script
1. Cari kode seperti dibawah 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 b:version='2' class='v2' 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><?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>3. Cari kode dibawah ini :
<b:include data='blog' name='all-head-content'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if><link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]
<style>6. Cari kode seperti ini <a expr:name='data:post.id'/> silahkan Anda hapus semua (ini tidak wajib)
7. Cari kode seperti dibawah ini, lalu hapus semua :
<b:include data='post' name='postQuickEdit'/><b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable><div class='post-share-buttons goog-inline-block'>...sampai...</div>10. Jika Anda masih bingun dan terlalu banyak error pada template Anda silahkan ganti dengan template blog SEO Friendly Valid HTML5
Itulah kode-kode script yang membuat blog Anda menjadi tidak valid html5, maka dari itu silahkan Anda ganti atau hapus kode-kode di atas. Saran saya setelah penggantian atau penghapusan kode script silahkan cek ada berapa jumlah error yang tampil, jika semakin berkurang maka Anda berhasil mengganti atau menghapus kode tersebut. Jika masih ada yang error dan tidak valid html5 silahkan berikan komentar akan saya bantu jika tidak sibuk.
Sekian artikel mengenai Cara Membuat Blog Valid HTML5. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
thanks banget nh gan infonya nh., dicoba yaa :)
BalasHapusiya sama-sama... semoga bermanfaat... =y
Hapusmantep Om.. :nice
BalasHapusmakasih kunjungannya om =D
Hapuswau trimakasih atas infonya gan
BalasHapusiya mas sama-sama :D
Hapusizin nyimak aja yaa sob, kerean punya saya sudah valid :)
BalasHapussip gan (y)
Hapusoke mas, izin praktek yaa, kebetulan template baru ni
BalasHapusthanks mas :)
silahkan mas, semoga berhasil :y
Hapusmakasih sudah mampir kesini sob...
BalasHapusalhamdulillah sob berhasil dan sangat signifikan hasilnya
BalasHapustetapi ada yang belum sempurna sob
contohnya Bad value publisher for attribute rel on element link: Not an absolute IRI. The string publisher is not a registered keyword or absolute URL. (ada tanda berwarna MERAH pada simbol >)
bagaimana cara memperbaikinya agar semua valid
sementara masih ada 10 ERROR dan 1 WARNING
kebetulan sob, saya juga sama error seperti itu,
Hapussilahkan hapus kode :
buka- link href='https://plus.google.com/ID_GOOGLE+' rel='publisher' -tutup
sob... sudah saya praktekkan, dan hasilnya BERHASIL sob
BalasHapusternyata tinggal dihapus saja ya? cukup simpel
terima kasih ya sob atas informasinya
tetapi di cek via w3c masih ada 6 kode error dan 2 diantaranya adalah:
buka- link href='https://plus.google.com/ID_GOOGLE+' rel='publisher' -tutup
apakah tetap harus dihapus sob?
iya sob hapus saja,
Hapusatau simpan dibawah kode <-head->
sob tanya lagi boleh? hehe...maaf ya sob banyak tanya
BalasHapusgini sob masih terdapat 2 error tersisa, antara lain:
- Line 1948, Column 31: script element between head and body.
buka-script type='text/javascript'-tutup
- Line 1948, Column 31: Cannot recover after last error. Any further errors will be ignored.
buka-script type='text/javascript'-tutup
bagaimana solusi terbaiknya sob agar valid semua
terima kasih
Coba simpan kode tersebut di bawah < body >
Hapus< body >
< script type='text/javascript' >
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
atau simpan di atas kode
kalau masih tetep coba hapus aja kode tersebut,
terus kalau ada perubahan sama blognya mending dipikir dulu hapus atau tidak, jika kodenya sangat butuh ya jangan dihapus, kalau tidak ya hapus saja...
terima kasih sob infonya
BalasHapussudah saya praktekan, tetapi hasilnya tidak berhasil
malah jadi error 104 dan 50 warning
ngeri 'kan sob? haha... :D
apa ada script silumannya ya sob?
atau Anda punya solusi terbaik lagi?
mohon pencerahannya sob karena saya ingin valid HTML5
saya mohon bantuannya sob
itu gimana, disimpan di bawah body, atau / head ?
Hapusatau di hapus jadi error segitu ?
Nice tutorial, thanks.
BalasHapusiya sob, makasih sudah mampir...
Hapusmakasih gan
BalasHapusmantap :-bd
sama-sama gan, semoga bermanfaat...
Hapusklo yang kaya gini gan gimana ya ?
BalasHapusError: & did not start a character reference. (& probably should have been escaped as &.)
At line 538, column 82
018446328235940&widgetType=Att
coba cari karakter & ganti menjadi &
BalasHapusBanyak hal baru yang ane dapat dari blog ini.. thank's mas, tips yang membangun ini bakalan ane coba.
BalasHapusGreat, Great, Great, Ficri.... Belajar teruus aku belajar teruuus. Mantap bangeet
BalasHapusitu wajib dihapus?
BalasHapusiya mas, kodenya diganti...
Hapusmas saya tidak menemukan kode di templte saya ,, solusinya gimana
Hapusgan kok punya saya error jd seperti ini: "TEMPLATE ERROR: LHS of numeric is null before 38 in data:blog.pageType....."
BalasHapus" gimana ya gan?
Wah kek gini ya biar jadi valid :o on pc praktek yg udh saya baca disini :) makasi bnyak
BalasHapusterima kasih infonya..akan saya coba tips dari masnya.
BalasHapusuntuk point 3 kenapa waktu saya pake malah deskrip blog saya ga kedetek SE ???, padahal sebelumnya aman2 aja ???
BalasHapusThanks
Secara signifikan memang tidak ada pengaruhnya jika blog valid html5 atau tidak, namun dengan memvalidasi blog serta artikel blog, maka kualitas SEO dan tatanan kode HTML pada blog akan lebih mudah ditangkap search engine, sebab susunan yang menggunakan Validasi HTML5 memberikan dampak positif untuk loading dan perkembangan blog di mata search engine.
BalasHapussalam kenal, kunjungan perdana.sharing ilmunya sgt berguna, bikin betah.
BalasHapus1. template default blogger, bisakah valid html5? plg tdk, errornya minimize.
2. saya menggunakan template bawaan blogger ... yg juaraaa , haha errornya ratusan..
saya coba baru langkah 1-2, muncul beginian peringatan : template-skin only available for templates version 2 and above ...??? mohon solusinya, terimakasih..
saya coba dulu gan... nanti saya review hasilnya disini... makasih gan
BalasHapusiya siahkan di coba
Hapus