Cara Membuat Blog Valid HTML5

Cara Membuat Blog Valid HTML5 - Ficri Pebriyana
Cara Membuat Blog Valid HTML5 - Selamat malam sobat Blogger dimanapun Anda berada, untuk menyempurnakan sebuah postingan di blog Ficri Pebriyana ini agar saling terkait antara artikel yang satu dengan artikel yang lainnya, mau tidak mau saya harus memposting artikel mengenai Cara Membuat Blog Agar Valid HTML5. Membuat blog agar menjadi valid html5 memang lumayan sedikit rumit, dan Anda harus benar-benar sudah paham mengenai html agar lebih mudah dalam pengeditan ataupun penghapusan kode-kode yang membuat blog Anda tidak valid html5. Namun disini saya akan membagikan kode-kode yang sebagian besar membuat Template Blog Anda tidak valid html5, dan silahkan Anda bisa menghapus kode script yang membuat blog Anda tidak valid html5.

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>
Ganti dengan kode dibawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
2. Cari kode <html> dan </html> lalu ganti dengan <HTML> dan </HTML>
3. Cari kode dibawah ini :
<b:include data='blog' name='all-head-content'/>
Lalu ganti dengan kode dibawah ini :
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
4. Cari kode ini <b:skin><![CDATA[ lalu ganti dengan kode dibawah ini :
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>
5. Cari kode seperti ini <b:include name='quickedit'/> lalu hapus semua (setiap menambahkan widget akan muncul kode seperti itu, silahkan Anda hapus kode diatas setiap kali Anda menambahkan widget baru)
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'/>
dan
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + 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>
8. Cari kode seperti dibawah ini (jika ada hapus dan jika tidak lewati saja)
<div class='post-share-buttons goog-inline-block'>...sampai...</div>
9. Cari kode & lalu ganti dengan &amp; (ganti semua)
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...

39 Responses to "Cara Membuat Blog Valid HTML5"

  1. thanks banget nh gan infonya nh., dicoba yaa :)

    ReplyDelete
  2. izin nyimak aja yaa sob, kerean punya saya sudah valid :)

    ReplyDelete
  3. oke mas, izin praktek yaa, kebetulan template baru ni
    thanks mas :)

    ReplyDelete
  4. alhamdulillah sob berhasil dan sangat signifikan hasilnya
    tetapi 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

    ReplyDelete
    Replies
    1. kebetulan sob, saya juga sama error seperti itu,
      silahkan hapus kode :
      buka- link href='https://plus.google.com/ID_GOOGLE+' rel='publisher' -tutup

      Delete
  5. sob... sudah saya praktekkan, dan hasilnya BERHASIL sob
    ternyata 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?

    ReplyDelete
    Replies
    1. iya sob hapus saja,

      atau simpan dibawah kode <-head->

      Delete
  6. sob tanya lagi boleh? hehe...maaf ya sob banyak tanya
    gini 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

    ReplyDelete
    Replies
    1. Coba simpan kode tersebut di bawah < body >

      < 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...

      Delete
  7. terima kasih sob infonya
    sudah 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

    ReplyDelete
    Replies
    1. itu gimana, disimpan di bawah body, atau / head ?
      atau di hapus jadi error segitu ?

      Delete
  8. klo yang kaya gini gan gimana ya ?

    Error: & did not start a character reference. (& probably should have been escaped as &.)
    At line 538, column 82
    018446328235940&widgetType=Att

    ReplyDelete
  9. coba cari karakter & ganti menjadi &amp;

    ReplyDelete
  10. Banyak hal baru yang ane dapat dari blog ini.. thank's mas, tips yang membangun ini bakalan ane coba.

    ReplyDelete
  11. Great, Great, Great, Ficri.... Belajar teruus aku belajar teruuus. Mantap bangeet

    ReplyDelete
  12. Replies
    1. mas saya tidak menemukan kode di templte saya ,, solusinya gimana

      Delete
  13. gan kok punya saya error jd seperti ini: "TEMPLATE ERROR: LHS of numeric is null before 38 in data:blog.pageType....."
    " gimana ya gan?

    ReplyDelete
  14. Wah kek gini ya biar jadi valid :o on pc praktek yg udh saya baca disini :) makasi bnyak

    ReplyDelete
  15. terima kasih infonya..akan saya coba tips dari masnya.

    ReplyDelete
  16. untuk point 3 kenapa waktu saya pake malah deskrip blog saya ga kedetek SE ???, padahal sebelumnya aman2 aja ???
    Thanks

    ReplyDelete
  17. 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.

    ReplyDelete
  18. salam kenal, kunjungan perdana.sharing ilmunya sgt berguna, bikin betah.

    1. 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..

    ReplyDelete
  19. saya coba dulu gan... nanti saya review hasilnya disini... makasih gan

    ReplyDelete

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fast Hosting