Blogger Widget

Catatan SEO berdasarkan pengalaman

Cara Mengubah Blog Menjadi Valid HTML5

Share on :


Cara Mengubah Blog Menjadi Valid HTML5 - Dalam era perkembangan dunia maya sekarang ini, sudah banyak bermunculan blogger-blogger muda yang juga ingin menyumbangkan kretifitasnya dalam hal menulis dan berpikir. Dari blogspot maupun wordpress menjadi salah satu media yang banyak digunakan para blogger terutama di Indonesia. Namun yang kita bahas sekarang adalah mengenai blogspot. Pada topik kali ini saya akan membahas tentang judul diatas, blogspot standart pun bisa juga diubah menjadi valid HTML5.
Sebelum mengulas lebih dalam tentang mengubah blog menjadi valid HTML5 mari kita simak penjelasan tentang Apa itu HTML5 ?

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari W3C (World Wide Web Consortium), sebuah teknologi inti dari internet. HTML5 adalah versi kelima dari HTML (yang diciptakan pertama kali pada tahun 1990 dan versi keempatnya HTML4 pada tahun 1997) dan hingga bula Juni 2011 masih dalam tahap pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia yang baru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Sumber Wikipedia.org

Dari sekilas penjelasan diatas, anda pasti sudah mengerti secara garis besar dari tingkatan-tingkatan HTML lama menuju terbaru, yang saat ini masih dalam tahap pengembangan. Untuk saya sendiri masih belum menggunakan versi HTML5 ini, karena para developer masih dalam tahap memproses browser mereka agar nantinya dapat membaca versi HTML terbaru ini. Mari kita coba bersama bagaimana cara mengubah ke versi HTML5 ini.

  • Masuk ke akun blogger anda
  • Pilih tab Template - edit HTML
  • Script yang harus anda ubah adalah bagian header template anda menjadi seperti ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Cara Mengubah Blog Menjadi HTML5' name='description'/>
<meta content='HTML5 Blogspot, HTML5 Tutorial, Valid HTML5, Valid XHTML, Teknik SEO Friendly HTML5' name='keywords'/></b:if>

<link href='http://novanfarhandi.blogspot.com/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/>
<link href='http://novanfarhandi.blogspot.com/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://novanfarhandi.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<b:skin>
Keterangan :

  1. Sesuaikan meta content dengan blog anda
  2. Ubah URL bewarna merah dengan URL blog anda
  3. Simpan Template
Untuk pengerjaan seperti ini memang dibutuhkan kesabaran, jadi untuk sobat blogger agar lebih teliti dan jeli dalam mengedit script yang cukup rumit ini. Untuk post kali ini apakah cukup menarik? cantumkan kritik dan saran anda untuk menjadi bahan refensi saya dalam mengolah dan memberikan artikel bermanfaat bagi anda.




Digital Areas

2 comments on Cara Mengubah Blog Menjadi Valid HTML5 :

UKM Helper said... August 21, 2013 at 6:37 PM

jadi cuma header nya aja yah gan yang diubah.. lebih simple yah gan
Kunjungi web ane yah gan Biaya Pendidikan Gratis

Cara Baru Atasi Wc Mampet Tanpa Sedot said... March 13, 2015 at 12:20 AM

nice post gan
menarik nih dan sangat bermanfaat sekali info nya
di tunggu info selanjutnya, thanks ya

Malu Bertanya, Sesat di Jalan

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

 




Konten

Top Blogs Marketing / SEO
Billiga Hotell Personal Blogs - Blog Rankings

Vote Me sob :D