Cara Membuat Blog Valid HTML5

Selasa, 25 Maret 2014

Cara Membuat Blog Valid HTML5

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 + "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>

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'/>
<style type="text/css"> <!-- /*<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='"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>

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