Searching...
Home , , , , → Cara Membuat Blog Valid HTML5

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 Komentar Untuk "Cara Membuat Blog Valid HTML5"

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

Balas

iya sama-sama... semoga bermanfaat... =y

Balas

makasih kunjungannya om =D

Balas

wau trimakasih atas infonya gan

Balas

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

Balas

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

Balas

silahkan mas, semoga berhasil :y

Balas

makasih sudah mampir kesini sob...

Balas

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

Balas

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

Balas

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?

Balas

iya sob hapus saja,

atau simpan dibawah kode <-head->

Balas

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

Balas

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

Balas

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

Balas

itu gimana, disimpan di bawah body, atau / head ?
atau di hapus jadi error segitu ?

Balas

Nice tutorial, thanks.

Balas

iya sob, makasih sudah mampir...

Balas

sama-sama gan, semoga bermanfaat...

Balas

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

Balas

coba cari karakter & ganti menjadi &amp;

Balas

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

Balas

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

Balas

iya mas, kodenya diganti...

Balas

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

Balas

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

Balas

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

Balas

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

Balas

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.

Balas

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

Balas

mas saya tidak menemukan kode di templte saya ,, solusinya gimana

Balas

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

Balas

iya siahkan di coba

Balas

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>
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terimakasih atas komentar Anda di "Cara Membuat Blog Valid HTML5"