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 == "index"’>
<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 == "index"’>
<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>
<meta name='description'content='informasi singkat website/blog'/>
Informasi atau deskripksi singkat mengenai blog. Sebenarnya boleh sepanjang apapun asal efektif.
<meta name='keywords'content='keyword 1,keyword 2,keyword 3,keyword 4,dst'/>
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 != "static_page"’>
<b:if cond=’data:blog.pageType != "item"’>
<div expr:id=’"summary" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>createSummaryAndThumb("summary<data:post.id/>");</script>
<div><a expr:href=’data:post.url’>Selengkapnya »</a></div>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType == "item"’><data:post.body/></b:if>
<b:if cond=’data:blog.pageType == "static_page"’><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.
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.
Semoga bermanfaat dan selamat mencoba.
yg spt ini aku msh nggak ngeh *gaptek*
sama bu ely…
sebenernya cuma tinggal copas aja kok kodenya. gak mesti paham html/css. yang pake blogspot saya rasa udah biasa dengan kode-kode seperti ini walau awam seperti saya.
Weh.., mantabs..gan..
Tutorial blogspot diupdate di WP memang lebih mantab. meskipun tanpa di oprekpun WP pasti lebih mak nyus di plugin.
SIps gan.., semoga bermanfaat..
iya mas semoga bermanfaat.
kalau di wordpress gimana?
kalo wordpres saya kurang ngeh karena nggak ngerti caranya. mungkin bisa pake plugin2 seo buat yang self hosting.
tapi sebenernya wordpress gratisan pun bisa dioprek macem2. banyak tips dan tutorialnya di blog macam onesetia82.wordpress.com dan http://annunaki.me/
wordpress emang agak susah kalo masalah yang begituan x)
blogspot saya, murni ga pakai begituan, habis saya ga ngerti sih
yah itu tergantung masing2. saya yakin banyak blog yang nggak perlu dioprek sana sini tapi tetep terkenal.
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
wakaka. ane malah gak ngerti black hat. wong seo yang biasa aja ane masih kurang ngeh. coba ke blog2 yang ane tulis di komentar mbak puch.