Pages

Januari 12, 2018

Tutorial: Buat Template Blogger Mesra SEO Sepenuhnya

Tutorial Lengkap: Tukar Blogger Template Lebih Mesra SEO

Buat Template Blogger Mesra SEO Sepenuhnya

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 == &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;, keyword1keyword2keyword3 &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 > keyword1keyword2keyword3
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’>
3. Preview dahulu. Jika tidak ada error
4. SAVE N DONE!!!

Daripada Penulis

Wah akhirnya, siap juga. Mengoptimumkan template untuk mesra SEOmemang 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
Kredit : Omg

0 comments:

Catat Ulasan

Segala komen adalah hak dan tanggungjawab anda sendiri!!!
All comments are your own right and responsibility.!!!