Tips dan Cara Validasi HTML5 Pada Halaman Posting

Putra Kefa
Putra Kefa

Tips dan Cara Validasi HTML5 Pada Halaman Posting

Tips dan Cara Validasi HTML5 Pada Halaman Postingsobat bloggers ,salah satu cara agar artikel blog kita cepat terindek oleh google adalah dengan membuat posting blog menjadi valid html5 . Hal ini dalam membuat sebuah template tidak di anjurkan untuk membuat blog menjadi valid html5 , akan tetapi lebih bagus supaya bisa valid html5.


bagaimana agar posting bisa valid html5 ?? berikut beberapa panduan yang bisa Anda terapkan di blog masing-masing :)

Tips dan Cara Validasi HTML5 Pada Halaman Posting

  •  Breadcrumbs
    blog kita sudah harus terpasang dengan navigasi breadcums yang seo friendly.
  • Gambar
        Apabila ada mengupload photo pada postingan maka akan tampak kode seperti:

    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZtSEG2yWPqmrMr33aMzZVNe5HAqO4EjaRtnCeBCmCtZUm_HQDTE9v-4pv7QfOS7PlmRrNYaC1wRGOAXQE1mC9AQqUToGeFoTqIyGkWTyJEbMn81Jg564W0nCRz1fXm7vSbUaNV-4RPuP/s1600/head.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZtSEG2yWPqmrMr33aMzZVNe5HAqO4EjaRtnCeBCmCtZUm_HQDTE9v-4pv7QfOS7PlmRrNYaC1wRGOAXQE1mC9AQqUToGeFoTqIyGkWTyJEbMn81Jg564W0nCRz1fXm7vSbUaNV-4RPuP/s1600/head.jpg" /></a></div>
        Anda hapus imageanchor="1", dan ganti border="0" dengan alt="keterangan gambar".
  • Related Post
        Gunakan related post yang sudah valid html5
  • Tombol Social Share atau Like
Gunakan tombol social share yang sudah valid html5 :)  .Cara Memasang Flat Slide Share di Blogger

  • Widget Blog
Selalu  menghapus <b:include name='quickedit'/> setelah menambah widget baru.

Ada yang perlu di perhatikan saat menambahkan kode dalam widget mungkin Anda menggabungkan antara CSS,HTML, dan Javascrip pada widget.
Kode <style type="text/css"> inilah yang menyababkan error, untuk solusinya tambahkan scoped atau scoped='' atau scoped='scoped'. Inilah yang dinamakan Boolean Attribute. Maka kode yang benar menjadi :

<style type="text/css" scoped>

  • Komentar
Inilah penyumbang error terbanyak pada validasi. Dengan menggunakan komentar standar blogger, akan sulit melakukan validasi. Ada 2 cara yang saya rekomendasikan untuk membuat valid HTML5:
- Gunakan Komentar Google Plus atau Gunakan Threaded Comments Hack
Apabila anda menggunakan Thread Comments Hack Valid HTML5, ada beberapa langkah yang harus anda lakukan dalam validasi html5 ini.
  •  Cari semua kode yang seperti di bawah ini (ada beberapa kode)
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
Hapus kode hapus kode-kode berikut ini :
- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'
 
  • Ganti kode berikut:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
dengan kode:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>


  • Semoga bermamfaat !! semoga berhasil :)

sekian artikel  Tips dan Cara Validasi HTML5 Pada Halaman Posting,  semoga berguna :)


html5 tips dan trik blogger blogspot
Post a Comment