Menurut saya, Blog yang baik adalah blog yang dapat memberikan informasi
yang dicari pengunjung dan mampu membuat pengunjung betah berlama-lama
berada di blog tersebut. Mesin pencari dapat mengolah waktu yang
dihabiskan oleh pengunjung.
Artinya blog yang disukai pengunjung akan
disukai pula oleh mesin pencari.Sobat dapat mengeceknya melalui W3C
Validation Service , Coba Masukan dengan alamat blog sobat, kemudian
pilih Check
Well, Hello sobat blogger, sebenarnya salah
satu cara yang cukup efektif untuk mendatangkan pengunjung ke blog kita
adalah dengan membuat blog mudah ditemukan oleh mesin pencari.
Lain dulu lain sekarang. Mesin pencari sekarang juga memilki algoritma canggih untuk menyeleksi blog-blog mana saja yang benar-benar bermanfaat untuk pengunjung, dan mana blog yang dibuat asal-asalan.
Dulu hal ini sempat membuat para webmaster berpikir bahwa blog yang baik adalah blog yang terlihat baik oleh mesin pencari, bukan pengunjung.
Maksudnya mereka hanya berfokus membuat blog yang disukai oleh mesin pencari, tanpa mempedulikan konten yang sebenarnya sangat penting untuk pengunjung.
Lain dulu lain sekarang. Mesin pencari sekarang juga memilki algoritma canggih untuk menyeleksi blog-blog mana saja yang benar-benar bermanfaat untuk pengunjung, dan mana blog yang dibuat asal-asalan.
Dulu hal ini sempat membuat para webmaster berpikir bahwa blog yang baik adalah blog yang terlihat baik oleh mesin pencari, bukan pengunjung.
Maksudnya mereka hanya berfokus membuat blog yang disukai oleh mesin pencari, tanpa mempedulikan konten yang sebenarnya sangat penting untuk pengunjung.
Lihat juga :
Jadi, Blog yang baik itu blog yang seperti apa sih?
Menurut saya, Blog yang baik adalah blog yang dapat memberikan informasi yang dicari pengunjung dan mampu membuat pengunjung betah berlama-lama berada di blog tersebut. Mesin pencari dapat mengolah waktu yang dihabiskan oleh pengunjung. Artinya blog yang disukai pengunjung akan disukai pula oleh mesin pencari.
Blog yang baik memiliki 4 kriteria sebagai berikut :
- Valid HTML5, dengan penulisan syntax-nya mengikuti aturan yang ditetapkan W3C
- Desain yang tidak membuat frustasi, struktur dan navigasi yang jelas, font tulisan mudah dibaca.
- SEO friendly, baik di mata mesin pencari.
- Ringan dan cepat loadingnya, tidak dipenuhi widget-widget yang kurang berguna bagi pengunjung.
Sebelumnya kita telah membahas tentang Membangun Template Blogger Sendiri dari Awal, Jika
sobat belum membacanya silahkan untuk di pelajari terlebih dahulu,
karena artikel ini merupakan kelanjutan dari artikel sebelumnya.
Terakhir kita sudah membuat template blog dengan source code berikut :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title><data:blog.title/></title>
<b:skin><![CDATA[
body {background-color: #fafafa;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
</b:section>
</body>
</html>
Percaya atau tidak dengan source code diatas blog kita sudah valid HTML5!
Cara Cek Template Blog Valid HTML5
Sobat dapat mengeceknya melalui W3C Validation Service , Coba Masukan dengan alamat blog sobat, kemudian pilih Check
Perhatikan, apakah ada muncul error? jika tidak berarti blog sobat sudah valid HTML5
Meta Tag Dasar Blogger
Meta tag digunakan sebagai sarana komunikasi untuk menginfromasikan sesuatu antara pengelola blog dengan mesin pencari
Meta tag dasar akan dipasang di dalam template blogger yang dikemas
dalam satu baris kode meta tag all head content seperti berikut.
<b:include data='blog' name='all-head-content'/>Beberapa informasi penting yang akan diberikan kepada mesin pencari :
- Canonical untuk menghindari duplikat konten
- Favicon
- Atom RSS
- Meta description halaman posting
- OpenID delegate untuk berkomentar dengan openID
- Post thumbnail
Muncul masalah ketika kita menyisipkan meta tag all head content ke dalam bagian head pada hasil validasi. Langsung saja kita coba sisipkan meta tag tersebut pada bagian head, kemudian simpan, dan ulangi validasi.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.title/></title>
<b:skin><![CDATA[
body {background-color: #fafafa;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
</b:section>
</body>
</html>
Akan muncul error seperti gambar berikut:
Lalu Gimana ya solusinya??
Solusinya adalah dengan mengubah meta tag all head content, sehingga source code template blog kita akan menjadi seperti berikut :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<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>
<title><data:blog.title/></title>
<b:skin><![CDATA[
body {background-color: #fafafa;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
</b:section>
</body>
</html>
Cek kembali validasi blog sobat, seharusnya blog sobat sudah kembali valid HTML5.
Cukup sampai disini dulu pembahasan kita mengenai Cara Membuat Blog Valid HTML5 . Semoga sobat paham dengan langkah-langkah yang saya berikan? Jika belum silahkan tinggalkan pertanyaan pada kolom komentar. Jika sudah paham, maka akan kita lanjutnya dengan pembahasan : Membuat Template Blog SEO Friendly.
Cukup sampai disini dulu pembahasan kita mengenai Cara Membuat Blog Valid HTML5 . Semoga sobat paham dengan langkah-langkah yang saya berikan? Jika belum silahkan tinggalkan pertanyaan pada kolom komentar. Jika sudah paham, maka akan kita lanjutnya dengan pembahasan : Membuat Template Blog SEO Friendly.