Mempersenjatai Blog Baru Agar SEO-Friendly (Blogspot)

Saat memulai blog baru di blogspot, saya biasanya melakukan sedikit ‘ritual’ untuk mempersenjatai blog agar sedikit lebih SEO-Friendly. Ritual tersebut meliputi:

1. Mengganti format judul postingan

Judul postingan asli blogger seperti ini: JUDUL BLOG – JUDUL POST dinilai kurang SEO-Friendly.

Maka bisa kita ubah menjadi:

JUDUL POST << JUDUL BLOG

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> « <data:blog.title/></title>
</b:if>

Tanda penghubung bisa diganti dengan karakter sesuai keinginan. Kode HTML untuk simbol dan karakter unik bisa dilihat disini: http://www.ascii.cl/htmlcodes.htm

Atau bisa kita hilangkan menjadi hanya judul postingannya saja:

JUDUL POST

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

2. Menambahkan gambar favicon

Untuk menambah favicon di blogspot, bukalah Edit Html lalu cari: ]]></b:skin>

DIbawahnya tambahkan kode berikut ini:

<link href=’URL GAMBAR’ rel=’icon’/>
<link href=’URL GAMBAR’ rel=’shotcut icon’ type=’image/x-icon’/>

3. Meta description & meta keywords

Menambahkan kedua meta tag ini akan membantu blog kita ditemukan oleh search engine.

Masukkan kode-kode berikut ini dalam/setelah <head>

&lt;meta name='description' content='informasi singkat website/blog'/&gt;

Informasi atau deskripksi singkat mengenai blog. Sebenarnya boleh sepanjang apapun asal efektif.

&lt;meta name='keywords' content='keyword 1,keyword 2,keyword 3,keyword 4,dst'/&gt;

Keyword yang berkaitan dengan konten blog kita.

4. "Read more" otomatis

Kode ini akan membuat semua postingan kita dipersingkat secara otomatis. Tujuannya supaya pengunjung lebih mudah memilih artikel yang ingin dibacanya. Kodenya sebagai berikut:

Buka Edit HTML, centang Expand Template Widget, tekan Ctrl+F lalu cari:

<data:post.body/>

Ganti kode diatas menjadi:

<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div><a expr:href='data:post.url'>Selengkapnya &#187;</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

Kata Selengkapnya bisa diganti dengan kata-kata dan simbol lain. Jika ingin menggunakan gambar, tinggal ganti kata Selengkapnya menjadi <img src="URL GAMBAR"/>.

5. Template

Ini bagian yang paling saya seneng: milih-milih template. :D Ada banyak template gratisan diluar sana, misalnya saja btemplates.com, zoomtemplate.com, deluxetemplates.net, blogtemplate4u.com, dan lain-lain.

Namun meski banyak pilihan yang bagus, pilihlah template yang nggak berat dibuka. Jika membuka halamannya saja lama, otomatis pengunjung akan meninggalkan blog kita sebelum ter-load sempurna.

Cek seberapa cepat loading blogmu disini: http://loads.in/

Mungkin itulah sedikit dari banyak tweak yang bisa kita lakukan dengan blog blogspot. Teknik SEO yang lebih lengkap bisa kamu cari di gugel. Disini saya hanya membagi apa yang biasa saya lakukan saja, yang mana masih sangat minim dan terbatas. Kode-kode ini bukan saya menuliskan tapi hasil comot dari sana-sini. :P

Semoga bermanfaat dan selamat mencoba.

12 pemikiran pada “Mempersenjatai Blog Baru Agar SEO-Friendly (Blogspot)

  1. Kalo di wp gimana gan? Cara sederhana biar page rank blog kita di mbah google naik? Aah pake black hat SEO aja mungkin yaaaa wkwkwk

Tulis Komentar

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s