Validasi HTML5 : <b:include data='blog' name='all-head-content'/>
0 views
Validasi HTML5 - Berbicara masalah validasi HTML5, template blogger default sangat jauh dari valid HTML. Perlukah melakukan validasi? tentunya akan mengundang berbagai pendapat dalam hal ini. Terlepas dari perbedaan pendapat apakah perlu validasi atau tidak, bagi sahabat yang melakukan validasi, hampir 99% tutorial mengatakan harus menghapus kode :
Inilah permasalahannya. Dengan menghapus kode di atas, berarti mengapus content defaul blogger yang ada pada bagian 'head'. Saya kembali berfikir, tentunya akan banyak meta tag yang dihilangkan dengan hanya menghapus satu kode ini.
Akhirnya saya melakukan percobaan kembali menambah kode
Inilah kode yang dihasilkan dari
Yang saya fahami saja, diantara yang hilang adalah :
Sebagai solusi yang saya tawarkan adalah setelah menghapus kode
Semoga bermanfaat...

<b:include data='blog' name='all-head-content'/>
Inilah permasalahannya. Dengan menghapus kode di atas, berarti mengapus content defaul blogger yang ada pada bagian 'head'. Saya kembali berfikir, tentunya akan banyak meta tag yang dihilangkan dengan hanya menghapus satu kode ini.
Akhirnya saya melakukan percobaan kembali menambah kode
<b:include data='blog' name='all-head-content'/>
pada template yang sudah valid HTML5 dan saya hilangkan meta tag yang lainnya. Ternyata dugaan saya benar, dengan menghapus 1 kode saja maka akan hilang beberapa meta tag default blogger.Inilah kode yang dihasilkan dari
<b:include data='blog' name='all-head-content'/>
pada hompage :<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var b=window,e="jstiming",g="tick";(function(){function d(a){this.t={};this.tick=function(a,d,c){c=void 0!=c?c:(new Date).getTime();this.t[a]=[c,d]};this[g]("start",null,a)}var a=new d;b.jstiming={Timer:d,load:a};if(b.performance&&b.performance.timing){var a=b.performance.timing,c=b[e].load,f=a.navigationStart,a=a.responseStart;0<f&&a>=f&&(c[g]("_wtsrt",void 0,f),c[g]("wtsrt_","_wtsrt",a),c[g]("tbsd_","wtsrt_"))}try{a=null,b.chrome&&b.chrome.csi&&(a=Math.floor(b.chrome.csi().pageT),c&&0<f&&(c[g]("_tbnd",void 0,b.chrome.csi().startE),
c[g]("tbnd_","_tbnd",f))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,c&&0<f&&(c[g]("_tbnd",void 0,b.external.startE),c[g]("tbnd_","_tbnd",f))),a&&(b[e].pt=a)}catch(l){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[e].load[g]("aft")};var h=!1;function k(){h||(h=!0,b[e].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",k,!1):b.attachEvent("onscroll",k);
})();</script>
<meta content='blogger' name='generator'/>
<link href='http://blog.kangismet.net/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://blog.kangismet.net/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Blog Kang Ismet - Atom" href="http://blog.kangismet.net/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Blog Kang Ismet - RSS" href="http://blog.kangismet.net/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Blog Kang Ismet - Atom" href="http://www.blogger.com/feeds/1575214712636951960/posts/default" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<link rel="openid.delegate" href="http://blog.kangismet.net/" />
<meta content='Blog tentang tutorial, tips dan trik seputar Blogger/Blogspot dan Free Blogger Templates' name='description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
dan pada halaman postingan, semua kode diatas dan ada tambahan :<link rel="alternate" type="application/atom+xml" title="Blog Kang Ismet - Atom" href="http://blog.kangismet.net/feeds/7483167200625408636/comments/default" />
<link rel="image_src" href="http://1.bp.blogspot.com/-tu37DGrY2dA/UiaoDNMYz1I/AAAAAAAAFS0/faQ8QSPd4nM/s72-c/back-to-top-button.png" />
<meta content='Membuat tombol scrol back to top dengan efek memantul (bounce)' name='description'/>
Lantas apa saja yang hilang?Yang saya fahami saja, diantara yang hilang adalah :
- Favicon
- Canonical untuk menghindari duplikat konten
- Atom RSS
- OpenID delegate, untuk berkomentar dengan openID
- Meta Description pada halaman postingan
- Post Thumbnail.
Solusi
Sebagai solusi yang saya tawarkan adalah setelah menghapus kode
<b:include data='blog' name='all-head-content'/>
tambahkan kode dibawah ini, untuk mengganti kode yang hilang diatas :<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>
Sebetunya masih ada yang kurang dari default meta tag blogger. Saya tunggu masukan dan koreksinya.Semoga bermanfaat...
81 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
ternyta feed yang hilang itu karena mas adhy tidak memakai kode <b:include data='blog' name='all-head-content'/> di template nya.
Nah setelah saya terapkan di blog, yang muncul adalah ...pada halaman home page deskripsi blognya yang hilang kang, tapi di halaman item semua sudah muncul
mantep kang..
Tapi punten bade nyario rada jauh..
gimana cara membuat "klik ganda untuk seleksi"?
mumpung malam ini OL gan,kalau bisa bantu saya bikin responsif ya gan :(
dah capek ngeganti, eh tauknya google menambahkan syntax lagi, eh add lagi, eh google tambah lagi, eh add lagi...rek neupi kamana errotna tah...wekewakwaokwauk
udah restart chormenya angger we aneh ... tapi sekarang mah biasa lagi ..
kunaon tah kang kunaonnnn ???
Jadi solusinya dengan mengganti kode yang dihapus itu dengan kode-kode yang akang kasih diatas itu, kan?
Saya coba dulu deh. Terima kasih banget sebelumnya kang Ismet :)
#gutjob
Kalau yang ini belum tak coba Kang
Buat blogging yang peduli dengan HTML5 tersebut Kang
Memang masih banyak yang kontraversi, tapi itu semua
Terserah hak masing2 sih. tapi saya pribadi valid html 5
Dan CSS3 Sebuah Template Web site atau blog itu sangat
Penting sekali, karena offtimisasi apapun entah seo dan
Sebagai nya, apalah artinya kalau memang Template
Blog kita tidak valid HTML 5 CSS3, apa lagi kalau sudah
terdetek error dan warning, dengan jumlah besar pada template.
Menurut saya itu sia-sia artikel dan content kita, karena
Template yang kita pakai belum valid HTML5. kurang lebih
Mungkin Kang Ismet yang lebih tau,. terima kasih atas
Artikel nya yah Kang semoga sobat yang lain bisa lebih
Memahami artikel Akang, ini yang sangat membantu..
Trima kasih.. happy blogging.
Artikel yang sangat bermanfaat, terima kasih kang :D
yang pasti blog saya belum di validasi kang ... asa wegah teh hehe !! dan yg lebih penting artikel kali ini cukup mewakili saya dalam menentukan langkah selanjutnya dalam persiapan validasi html5 pada blog saya ..
[pre]<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=2319533736235461549&zx=df9721d1-d17f-485e-96d4-e45eb5d6db36"/>[/pre]
Mohon peencerahannya
Mungkin gara gara menghapus Peta situs di webmaster pencarian di google search jadi hilang,,,,