Minggu, 14 Agustus 2011

Blogger SEO Hack untuk Tingkatkan Ranking Blog


Blogger adalah platform blogging yang mudah dan populer, namun kemampuan Search Engine Optimization (SEO) di Blogger sangat kurang. Hal ini, menurut saya, merupakan sebuah kekurangan dan kelebihan tersendiri.

Namun, dilihat dari sisi positifnya, Blogger memberikan kebebasan pada blogger untuk berkreasi dan berlatih dengan kode-kode HTML untuk memperbaiki kekurangan ini.

Nah, post kali ini adalah hasil translate dari website Rakesh Waghela di webiyo.com yang dengan baik hati membuat daftar hack template untuk peningkatan kualitas SEO. Apa aja trik-triknya? Langsung aja...



Title Hack
Judul di Blogger di-generate dengan bentuk "Nama Blog + Judul Blog". Hal ini tidak SEO-friendly. Kenapa? Karena pada saat blog kamu muncul di search result page di mesin pencari, judul artikel kamu akan "tertutup" oleh judul blog kamu sehingga kurang menarik perhatian pengunjung.

Contoh title yang bagus
"Contoh title yang bagus"


Hack sederhana di bawah ini akan memperbaiki posisi judul di mesin pencari. Pertama-tama temukan kode di template blog kamu yang menunjukkan judul blog, biasanya bentuknya seperti ini:

<title><data:blog.pageTitle/></title>

Nah, kode di atas perlu diperbaiki dengan menggantinya dengan:
<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>

(Kalau di template sudah berupa kode yang mirip di atas, berarti kode kamu sudah SEO-friendly)

Secara sederhana, kode di atas berbunyi: jika halaman sekarang adalah halaman blog post, maka tampilkan judul artikelnya. Jika tidak, maka tampilkan judul blognya.

Dengan begitu, tampilan judul blog kamu akan menjadi "Nama halaman | Judul Blog" sehingga pembaca akan tertarik karena yang dibaca adalah judul halaman/artikelnya terlebih dahulu.

Meta Description + Keyword Hack
Meta description adalah informasi yang tersembunyi di halaman blog dan (terkadang) digunakan oleh mesin pencari untuk ditampilkan di snippet. Snippet adalah teks yang ditampilkan di bawah judul blog dalam search result page yang berisi ringkasan/deskripsi web/blog kamu.

Contoh deskripsi dalam snippet Google
"Contoh deskripsi dalam snippet Google"

Tentunya dengan deskripsi yang tepat, kamu akan bisa menarik minat pengunjung yang akan mencari informasi di blog kamu. Sayangnya, by default, Blogger tidak menyediakan meta description di template blog.

Sedangkan meta keyword adalah deskripsi blog kamu dalam kata kunci yang berhubungan dengan isi blog. :D

Untuk menambahkan meta tags, temukan kode berikut:
<b:skin><![CDATA[

Lalu tambahkan kode ini tepat di atasnya:
<meta content='Deskripsi blog kamu' name='description'/>
<meta content='Keyword1, Keyword2, Dst' name='keywords'/>

Tentu saja silakan mengisi informasi sendiri di kode di atas.


Date Format Hack
Tanggal di blog post biasanya juga ditampilkan di snippet mesin pencari, dan biasanya ditampilkan di awal deskripsi dan memakan tempat yang banyak. Format tanggal yang terlalu panjang sangat tidak penting dan lebih baik membuatnya simpel untuk memberi ruang yang lebih pada deskripsi halaman.

Untuk mengubahnya, pergi ke Dashboard - Settings - Formatting - Date Header Format dan pilihlah format yang sederhana. :D

Headline Hack
Hack ini dimaksudkan untuk memilih jenis judul artikel (heading) yang berbeda untuk post di halaman home dan di halaman artikel. Misalnya, heading di halaman home adalah H2, dan di halaman artikel adalah H1 (lebih besar).

Hal ini dilakukan karena pada halaman home, yang lebih penting adalah judul blog dan bukan judul artikelnya, sehingga judul blog diatur menjadi H1 dan judul artikel cukup H2 saja.

Selain ukuran font, lebih baik juga menghilangkan link heading pada halaman artikel karena percuma memberikan link untuk menuju halaman yang sama (rekursi).

Namun, maaf beribu maaf, hack ini sangat bergantung dengan template blog yang dipakai. Kode yang perlu dirubah bisa berbeda-beda antar template, dan saya belum berani memastikan kode mana yang dirubah. Mungkin dengan sedikit bantuan Google, Anda bisa mencari yang paling pas dengan blog Anda ^^;

Next...


Post Summary Hack (Jump Link)
Jump link, seperti yang saya singgung di artikel 5 Hack Template Blog untuk Mempercantik Tampilan Blog, adalah fasilitas Read More pada Blogger dan berguna dalam hal SEO. Kenapa?

Karena dengan menggunakan Read More, halaman home blog kita akan lebih sedikit mengandung teks dan lebih cepat di-load! Pengguna tidak akan menunggu terlalu lama dan memiliki kesan yang baik pada blog kita.

Webiyo sendiri menyarankan agar kita hanya menggunakan satu gambar dan teks kurang dari 200 kata di post summary ini. Hal ini tentunya hanya sekedar saran dan terserah Anda apakah tertarik untuk menerapkan trik ini.


Image ALT dan Anchor Title Hack
ALT dan TITLE adalah atribut pada tag gambar <img> dan anchor <a>. Blogger sering menggunakan gambar dan anchor (link) untuk memudahkan penyampaian informasi di blog mereka.

Namun, yang sering dilewatkan adalah pemakaian atribut ALT pada <img> dan atribut TITLE pada <a>. Kenapa dua atribut ini begitu penting?

ALT pada <img> berguna untuk memberikan deskripsi singkat pada gambar dan ALT ini akan di-load lebih cepat daripada gambarnya, sehingga berguna bagi koneksi internet yang lambat.

Contoh ALT dan tanpa ALT
"Kiri: gambar dengan ALT. Kanan: tanpa ALT"

Sambil menunggu gambar selesai di-load, pengunjung blog akan melihat ALT gambarnya. Jika gambar gagal di-load, paling tidak ada ALT yang menggantikan.

Yang kedua adalah atribut TITLE pada <a> yang memiliki fungsi yang hampir sama, yaitu memberikan deskripsi pada link.

Hack ini dilakukan pada template blog dan tiap kali kamu menulis postingan. Memang melelahkan tapi hasilnya lumayan. Contoh kodenya adalah:

<IMG src="http://myblog.com/images/DancingCat.jpg" ALT="Image of a White Colored Dancing Cat" height="100" width="100">

<A HREF="http://myfriendsblog.com/research/cats-behavior.html" TITLE="Research paper by Mr. My Friend on Cat Behavior">


Text Typography Hack
Tipografi/dekorasi teks mempengaruhi kenyamanan pengunjung. Teks dengan paragraf yang panjang akan membuat pengunjung lelah. Gunakan perpaduan antara bold, italic, dan tag heading jika diperlukan untuk mempertajam informasi. Mesin pencari juga mengenali jenis font ini dan turut membantu memperjelas informasi dari blog kamu. :D

Sitemaps Hack
Sitemap adalah daftar semua artikel dan tanggal modifikasi dan digunakan oleh mesin pencari untuk melakukan crawling ke blog kamu. Tentunya hal ini membantu semua konten blog kamu untuk ter-index.

Webiyo memberikan link cara mengirim sitemap ke Google di artikel Submit Blogger Sitemap to Google by Labnol.org.

Webiyo juga memberikan link Sitemap Breaker di DigitalInspiration.com

Sedangkan saya menemukan artikel cara mengirim sitemap ke tiga mesin pencari besar lainnya: Yahoo!, Bing, dan Ask di artikel Generate and Submit Sitemaps To Yahoo Ask And Bing by SpiceUpYourBlog.com. 

Akhirnya..
Selamat mencoba dan terus tingkatkan kualitas SEO blogmu dengan cara legal dan mengasyikkan!! :D Happy blogging!

9 comments:

rebellion mengatakan...

bagus ni, aku bookmark jap

BUDAN mengatakan...

THANK SOB, THAT'S I HAVE BEEN SEARCHING FOR THIS MONTH

Cyber_Newby Community [CNC] mengatakan...

sob, cara memastikan atribut IMG nya gimana?? mstikah memakai tools SEO ?

Btw, nice post. tapi masih kurang di pahami. semoga aja ane bookmark dan plajari lbih lanjut ada manfaat nya..

blogwalking ya gan. nitip link : http://cyber-newby.blogspot.com

Paydoel mengatakan...

bagus, tp kurang lengkap

Ben Nafi mengatakan...

thanks sharing sob...

Dewa Wijaya mengatakan...

nice post gan . .
langsung izin praktek . .

hehehe :D

agung nugroho Ijonk mengatakan...

mau nyoba jg ah...
ada yg asik di www.agnfira.co.vu

Tips and Trick hacked Bitcoin mengatakan...

postingan yang sangat menarik kawan semoga bermonfaat untuk pengunjung anda disini. salam blogwalking dan sukses buat blog anda

Tito sudiarto mengatakan...

kereeennn nihh blog nya
sederhana tapi komplit sangat membantu nice :)

Posting Komentar