Assalamualaikum WBT dan Selamat Sejahtera. Saya amat bersyukur kerana dapat menjadi penulis di Blog OMG! Hackers?
Saya tahu anda amat sibuk, oleh itu saya terus buat tutorial ini dengan ringkas dan padat.
Basmallah, Alhamdulillah. Mesra SEO? Apa yang mesranya? Apa itu SEO?
SEO ialah:
S-E-O = Seach enjin optimization
S-Search:
Maksud dalam Bahasa Melayu = Cari.
Cari = Mencari sesuatu yang anda mahukan
E-Engine:
Maksud dalam Bahasa Melayu = Enjin.
Enjin = Adalah sistem mekanikal dengan keupayaan untuk mempercepatkan kerja.
O-Optimization:
Maksud dalam Bahasa Melayu = Pengoptimuman
Pengoptimuman = Jika blog/laman anda tidak mengoptimum dengan baik, enjin carian akan skip halaman post anda dan index post orang lain terlebih dahulu.
Apa itu Search Engine?
Enjin + Carian = Sebuah mesin, anda boleh memanggil ia satu teknologi atau skrip yang direka dengan berhati-hati untuk membantu pengguna untuk carian web maklumat dalam INTERNET.
Setakat ini faham? Saya cuba buat seringkas yang mungkin. ^_^
Bila dah faham apa itu SEO maka mudahlah kerja kita untuk membuat template blog kita menjadi MESRA SEO dengan?
1) Mengoptimumkan Title blog
Nak mengoptimun Title blog dengan?
kod HTML.
Ikut langah ni(MR.Hac dah buat sebelum ni tetapi saya menambah baik sedikit).
1. Log in “BLOGGER.COM“
2. Pergi Ke “TEMPLATE“
3. Klik “EDIT HTML“
4. Klik “Proceed“
5. Cari kod dibawah dengan CTRL + F (Firefox akan keluar bar kat bawah. Chrome akan keluar box kat Top Right)
6.
<title><data:blog.pageTitle/></title>
7. Gantikan KOD tersebut(#6) dengan Kod dibawah(#8)
8. Kod Nomber 8.
<b:if cond=’data:blog.pageType == "index"’>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond=’data:blog.pageType == "archive"’>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
</b:if>
9. Klik > Preview.
10. Kalau tidak ada apa-apa error “SAVE TEMPLTE“
Apa yang saya ubah?
Saya optimumkan title untuk “archive page“.
DEMO:
Penerangan lebih dalam (Skip ni jika anda tak ada masa sebab ini cuma info).
data:blog.pageTitle
pageTitle = Tajuk blog + Tajuk halaman semasa(current page)
data:blog.pageName
pageName = Tajuk halaman semasa(current page)
Kalau nak buat lebih gempak katakan. Boleh tambah Perkataan selepas kod <title> dan sebelum kod </title>.
CONTOH:
<b:if cond=’data:blog.pageType == "index"’>
<title>Blog: <data:blog.pageTitle/> | Tips dan Tutorial Komputer IT</title>
<b:else/>
<b:if cond=’data:blog.pageType == "archive"’>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
</b:if>
Saya tambahkan “Blog:” Selepas kod <title> dan sebelum kod </title> saya tambahkan Tips dan Tutorial Komputer IT.
Jadi > Blog: OMG! Hackers? | Tips dan Tutorial Komputer IT
Ikut kreativi anda.
NOTA: Pastikan tajuk anda tidak melebihi 65 huruf + Space Bar
Kira Huruf anda dengan Tools Word counter seperti > wordcounter.net
2) Menambahkan Meta Tags Pada Template Blogger
Seperti di atas. Anda baru save tapi tak tutup lagi.
Selepas kod #8 (yg title tadi).
Tambah pula kod dibawah
<b:if cond=’data:blog.url == data:blog.homepageUrl‘>
<meta content=’Dahulu dikenali sebagai My Hackers Are Here. Blog tentang teknologi, komputer, tips, trik dan kaedah menggodam‘ name=’description‘/>
<meta content=’Tutorial, Tips dan trik, Islam, Geek, Informasi, Blogger, Widget, Personal, Internet, SEO, Free Download, Mediafire, blogger malaysia‘ name=’keywords‘/>
</b:if><b:if cond=’data:blog.pageType == "item"’>
<meta expr:content=’data:blog.pageName + ", keyword1, keyword2, keyword3 "’ name=’keywords‘/>
</b:if><meta content=’Nama anda‘ name=’Author‘/>
Penerangan:
abc = description – Gantikan dengan description blog anda.
Tips:
– Description mestila tidak melebihi 150 huruf + space bar (Guna wordcounter.net untuk kira huruf)
– Description ialah blog anda tentang apa. Blog anda berkenaan dengan apa?
abc = keyword – Keyword mestilah relevan dan tidak melebihan 10 keyword
Tips:
– Tidak melebihi 10 keyword dan potong setiap keyword dengan koma “,”
– Keyword mestilah panjang untuk kurang saingan di enjin carian.
abc = keyword1 – Keyword ini hanya boleh dilihat pada “POST PAGE“
Janga lupa ganti > keyword1, keyword2, keyword3
dengan – Keyword yang relevan dan sesuai
abc = Nama anda – Gantikan dengan nama anda atau nama apa-apa
Tajuk blog dah mesra SEO, meta tag dah pasang apa lagi yang tinggal?
Seterusnya…
3) Mengoptimumkan template bagi kurang “CRAWL ERRORS”
Nak kurangkan dengan?
Mengoptimum link pada template
Masih lagi Edit HTML buka.
1. Cari kod dibawah
expr:href=’data:post.createLinkUrl’
2. Gantikan kod di atas(#1) dengan kod dibawah
rel=’external nofollow’ expr:href=’data:post.createLinkUrl’
3. Sekarang cari kod dibawah pula
<a expr:href=’data:comment.authorUrl’
4. Gantikan dengan
<a expr:href=’data:comment.authorUrl’ rel=’external nofollow’>
Nota: Jika anda terjumpa kod seperti ini <a expr:href=’data:comment.authorUrl’ rel=’nofollow’> gantikan saja dengan kod diatas(#4).
Ok? Kalau tak ok komen dibawah saya sedia membantu :)
Anda baru sahaja mengoptimum template anda untuk link komen.
Apa yang berubah?
Blog anda baru sahaja jadi NOFOLLOW.
Sambungan >
Mengoptimum link label
1. Cari kod dibawah
<a expr:href=’data:label.url’
2. Gantikan dengan
<a expr:href=’data:label.url’ rel=’tag’>
Mengoptimum link “archive”
Nota: Jika blog anda tidak letak widget archive skip tutorial ini.
1. Cari kod di bawah
<a class=’post-count-link’ expr:href=’data:i.url’>
2 Gantikan dengan
<a rel=”archives” class=’post-count-link’ expr:href=’data:i.url’>
Iklan Google
3. Preview dahulu. Jika tidak ada error
4. SAVE N DONE!!!
Daripada Penulis
Wah akhirnya, siap juga. Mengoptimumkan template untuk mesra SEO memang mudah tetapi nak mencari kod-kod yang nak mengoptimunkan template lagi susah. Setiap kod diatas adalah berdasarkan pengalaman saya dan tambahan daripada blog My Blogger Tricks yang “CRAWL ERRORS“.
Saya mohon ampum dan maaf sekiranya tutorial saya salah dan silap, tapi jika anda masih ada keraguaan yang nak disampai. Komen saja di bawah yang tersedia.
Saya sedia membantu anda ^_^
Ikhlas Danial
.post blockquote{background:whitesmoke}
body{font: 13px Arial;}
.post-body{font: 14px/1.6 verdana;}
.about-author{width :98%;overflow :hidden;margin:10px 0;border:0}
.about-author img{width:70px;padding:3px;border:1px solid #ddd;margin:0 5px 0 0}
.about-author h3{font-family:verdana !important;font-size:18px !important;margin:9px 0 !important;color:#666666 !important;border-bottom:2px solid #666 !important;border-top:0 !important}
.about-author p{margin:0;text-align:justify;color:#666;font-size:15px;}