Tips Menjadikan Blog Valid HTML 5
 |
| Sumber gambar : kaisz.com |
BertiSeo - HTML 5 adalah pengembangan dari versi HTML sebelumnya ,tujuan pengembangan HTML 5 ini untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru terutama mudah di baca/di pahami oleh manusia dan mudah di mengerti oleh manusia maupun mesin.
Namun beberapa orang belum mengetahui bahwa HTML 5 itu perlu atau berguna untuk blog.
Manfaat HTML 5 Bagi Blog
- Render browser lebih cepat
- Membantu search engine memudahkan untuk proses pengindexan website/blog anda.
- Mudah di baca oleh manusia maupun mesin.
- Coding lebih simple.
- Lebih di sukai browser karena browser mudah membaca web/blog anda.
*Jika anda takut template blog anda rusak silahkan backup dulu template blog anda.
1. Cari kode di bawah ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>Ganti dengan:
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html><HTML><head><meta charset='utf-8'/>2. Ganti kode </html> dengan </HTML>
3. Ganti kode ini :
<b:include data='blog' name='all-head-content'/>Ganti dengan:
<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. Ganti kode <b:skin><![CDATA[
Ganti dengan :
<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 di bawah ini ,lalu hapus semua.
<b:include name='quickedit'/>6. Cari kode di bawah ini ,lalu hapus semua.
<b:include data='post' name='postQuickEdit'/>7. Jangan gunakan border="0" sebaiknya ganti dengan:
style:"border=none"8. Jangan sampai ada "2" "id" pada template blog anda.
9. Setiap membuat widget baru ,cari kode "<b:include name='quickedit'/>" lalu hapus
itulah cara membuat blog menjadi valid HTML 5 ,jika kurang lengkap anda bisa langsung ke Sini >masukan alamat/url blog >cek ,nanti anda akan melihat kode yang belum tervalidasi dan segera anda perbaiki .
Sekian kalo ada salah mohon di kritik ,dan akan saya perbaiki ,sekian semoga bermanfaat.
0 Comments