Buat Template Blogger Mesra SEO Sepenuhnya

Tutorial Lengkap: Tukar Blogger Template Lebih Mesra SEO

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

Iklan Google

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

Iklan Google

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?

Iklan Google

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

Iklan Google

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 == &quot;index&quot;’>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<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:

Archive page

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 == &quot;index&quot;’>
<title>Blog: <data:blog.pageTitle/> | Tips dan Tutorial Komputer IT</title>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<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

Meta tag untuk 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 == &quot;item&quot;’>
<meta expr:content=’data:blog.pageName + &quot;, keyword1, keyword2, keyword3 &quot;’ 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”

Fix Crawl Error Blogger

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

Tentang Author:


Muhammad Danialde4 Abdul Rahim ialah seorang perekacerita di blog Danialde4. 16 tahun. Seorang yang amat meminati bidang blogger, blogging dan blog. Pencinta Islam. Kaki PDF(Masih Baru lagi). Sekarang tengah menuntut ilmu Pro Blogger.
Follow him @ Danialde4 | Facebook

.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;}

Iklan Google

Artikel Terkini

spot_imgspot_img

Artikel Berkaitan

spot_imgspot_img