Cara Tukar Kod Head HTML & Meta Tag Menjadi Mesra SEO

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Tukar Kod Header HTML & Meta Tag Menjadi Mesra SEO

Assalamualaikum dan salam sejahtera. Jika anda memahami keperluan dan kepentingan SEO untuk blog anda, maka perlu untuk anda menukar template Blogger kepada yang lebih mesra SEO.

Mudah untuk menukar template Blogger kepada mesra SEO kerana banyak template percuma yang boleh anda gunakan. Namun jika anda sudah berpuashati dengan template yang anda gunakan sekarang ini, anda juga boleh jadikan ianya mesra SEO.

Ya! Semua template boleh diubah suai untuk menjadi lebih mesra SEO. Ia sebenarnya agak mudah tetapi perlukan sedikit ketelitian dan kefahaman sebelum anda melakukannya kerana anda perlu mengubah suai kod HTML template sahaja.

Sebelum anda melakukan sebarang perubahan, anda dinasihatkan supaya backup template anda terlebih dahulu kerana jika berlaku sebarang error atau kesilapan, anda masih boleh gunakan kembali (restore) template yang telah anda backup tadi.

Baiklah... kini anda boleh mulakan operasi untuk mengubah suai kod HTML anda. Sila ke halaman Blogger --- Template --- Edit HTML. Disini anda akan dapat lihat kod HTML keseluruhan template anda. Jangan takut dan pening kepala melihatnya! Tarik nafas dan yakinlah anda mampu melakukannya!

Jika anda menggunakan template dari blogger, biasanya halaman Head HTML anda akan kelihatan seperti di bawah ini. Cari perkataan

Pertama sekali anda mesti mencari perkataan ini [head] . Di bawah [head] ini mengandungi kod yang dikenali sebagai meta data. Ia adalah kod yang digunakan untuk memberi arahan atau pengenalan tentang blog anda diantaranya adalah tajuk, links, rekabentuk, scrips dan informasi tentang meta tag (meta tag berfungsi sebagai "page description, keywords, author of the document, last modified, and other metadata.")

Semua informasi dibawah [head] ini tidak terpapar di ruangan blog anda. Ianya digunakan oleh semua robot-robot enjin carian untuk mengenal blog serta kandungan entri. Oleh itu setiap informasi dibawah [head] sebenarnya untuk memudahkan serta memberi informasi dengan lebih jelas dan terperinci mengikut seperti apa yang kehendaki oleh robot enjin carian. Inilah yang dinamakan mesra SERP dan SEO!

Kini... Anda hanya perlu hapuskan semua kod di bawah perkataan head dan sebelum perkataan b:skin dan gantikan ianya dengan semua kod dibawah ini. Jangan takut-takut untuk lakukannya.

<head>
---- Copy semua yang di bawah ini ----

<meta charset='utf-8'/>

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>   
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>

<meta content='GOOGLE WEB MASTER ID ANDA' name='google-site-verification'/>
<meta content='ALEXA ID ANDA' name='alexaVerifyID'/>
<meta content='BING ID ANDA' name='msvalidate.01'/>
<meta content='FACEBOOK ID ANDA' property='fb:admins'/>

<b:if cond='data:blog.pageType == "index"'>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == "URL BLOG ANDA"'>
<title><data:blog.pageTitle/></title>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>

<title><data:blog.pageName/></title>

<meta expr:content='data:blog.pageName + " article, post " + data:blog.pageName + ". "' name='keyword'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link href='URL GOOGLE PLUS ANDA' rel='publisher'/>

<title><data:blog.pageTitle/></title>

<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageTitle' name='keyword'/>
</b:if> </b:if>

<b:if cond='data:blog.pageType == "item"'>

<meta content='NAMA ANDA' name='author'/>

<title><data:blog.pageName/></title>

<meta expr:content='data:blog.pageName + " article, post " + data:blog.pageName + ". "' name='keyword'/>

</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageName/> — category</title>

<meta expr:content='data:blog.pageName + " ok? wiki " + data:blog.title + " and article category about " + data:blog.pageName + ". "' name='Description'/>

<meta expr:content='data:blog.pageName + " ok? video review " + data:blog.title + " and article category about " + data:blog.pageName + ". "' name='Keywords'/>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "error_page"'>
<title>Maaf URL yang anda cari tiada. Sila ke Arkib Blog untuk carian Tajuk</title>
</b:if>

---- Copy semua yang di atas ini ----
    <b:skin>

NOTA PENTING :

1. Sila 'Enable' custom meta tag di search preference. (rujuk gambar dibawah)

2. Tukar Meta Verify ID anda (Jika tiada...delete sahaja semuanya dari Meta Verify Start hingga Meta Verify End) atau anda boleh register dan kemudian letakkan ID.

3. Gantikan perkataan "URL BLOG ANDA" (contoh, "http://relakssminda.blogspot.com")

4. Gantikan perkataan 'URL GOOGLE PLUS ANDA' (contoh, 'https://plus.google.com/u/0/+BinMuhammad/posts')

5. Gantikan perkataan 'NAMA ANDA' (contoh, 'Bin Muhammad')

6. Jika tiada error, Save Template.

Sekarang, template anda sudah pun mesra SEO. Selamat mencuba... Sebarang masalah anda boleh utarakan diruangan komen atau hubungi saya...

Note : Tapi mesti diingat! Ia bukanlah penentu kejayaan entri anda di SERP kerana ada banyak lagi faktor lain yang diambil kira oleh robot enjin carian. Kod ini hanyalah salah satu cara atau teknik SEO untuk memudahkan robot enjin carian mengenali dan memahami blog dan entri anda dengan lebih mudah.

Terima kasih bersama Relaks Minda

جَزَاكُمُ اللهُ خَيْرًا كَثِيْرًا وَجَزَاكُمُ اللهُ اَحْسَنَ الْجَزَاء

Jazakumullah Khairan Katsiran Wa Jazakumullah Ahsanal Jaza’

“Semoga Allah SWT akan membalas dirimu dengan kebaikan yang banyak dan semoga Allah SWT akan membalas dengan balasan yang terbaik.”

Ditulis oleh :

Bin Muhammad

Artikel : Cara Tukar Kod Header HTML & Meta Tag Menjadi Mesra SEO

41 comments - "Cara Tukar Kod Head HTML & Meta Tag Menjadi Mesra SEO"

Kakzakie Purvit

11:35 PG

Terus-teranglah BM kakak memang tak rajin utk buat ini semua
Tunggulah kalau kakak mahu jadikan blog sebagai sebahagian keutamaan..

Kamsiah yusoff

1:00 PTG

akak dok tunggu lanjutan kisah idea gila BM tu..:)

Fiza Rahman

1:09 PTG

Good tips BM. Tapi saya tak reti nak main dgn HTML kod ni. Takut hilang suma nanti. Buatkan boleh...ekekeke...

3:22 PTG

Takpe...ini buat mereka yang memerlukan sahaja... :)

3:24 PTG

Belum sempat nak draf pun lagi lah kak...

3:25 PTG

Jgn takut kalau dah backup. Nak buatkan...buleh, pm jer...

Tanpa Nama

3:51 PTG

Perkongsian menarik dari BM..:)

Mar Mansor

3:56 PTG

akan dicuba nanti

kakiblog

4:49 PTG

jangan lupa buat backup fail dulu..silap coding bisa pening kepala jadinya..oh ya saya juga mahu belajar bab-bab ini..

Lya Akif Imtiyaz

4:53 PTG

Waaa huhuhuhu bab2 koding ni Lya fail sikit ...Pernah buat pastu hampehhh ..Kena banyak belajar lagi la kalau gini ..Kalau BM blh tg apa salahnyerr hehehe .........Pepandai jer nak mintak tlg ngan orang ..BM nak ke tolong kita huhu

4:59 PTG

Nak sangat belajar tapi masa tu tak sempat huhuhu..........Thanks ya BM sudi share tentang ni

kakitravelkhairuddin.blogspot.com

5:59 PTG

nice sharing....blogwalking..

Najib Ariyan Ali Basha

6:01 PTG

wowwww... terima kasih info ni... tapi terus terang sebab tak pandai... memang tak berani nak buat... karang silap jer habis terus...

Nina Mads

7:51 PTG

nanti boleh cuba.. terima kasih kerana berkongsi BM

Unknown

8:25 PTG

Tips menarik, nanti boleh guna untuk blog baru.. :)

8:37 PTG

Yes! Penting backup dahulu sebelum lakukan sebarang perubahan

8:38 PTG

Nak tolong xde masalah...buleh jer, FOC. PM saya melalui email atau FB

8:39 PTG

Kenalah yakin pd diri sendiri. Kalau dah backup...xde apa yg nak dirisaukan.

8:40 PTG

Cubalah... kalau nak dapat dr pakar seo mau kena bayar. Ini free jer... :)

blogger lelaki

9:06 PTG

terbaik perkongsian bro

Hero Borneo

9:59 PTG

saya amat menghargai perkongsian ini..semakin mantop la bro BM

Bunda_nora

2:37 PG

BM tips yang bagus ni...tapi bunda ni bukan rajin sangat, kehendak tu ada tapi usaha kurang...bukan apa...bunda ni banyak benda bunda kurang dalam edit mengedit blog ni...sebab tu bunda takut ...takut tak menjadi dan apa2 hal pulak nanti dengan blog bunda...

Apa pun terima kasih tipsnya...

7:05 PG

terima kasih atas peringatan ini..

7:34 PG

Sekadar berkongsi ilmu yg ada...bukan hebat sgt pun... :)

2:47 PTG

BM tips yg menarik buat mereka yang memerlukannya..hihi tapi kak nah tak rajin nak cuba..

Khir Khalid

8:28 PTG

Lagi info yg bermanfaat.. SEO mmg penting buat blog walaupun menulis sebab suka2 sahaja kan.. Cuma bila belajar bab koding2 ni buatkan kita ada sampai tak tidur malam hehee. Lagi serabut bila koding2 jadi tak tentu arah.. haru biru jadinya klu tak buat back up terlebih dahulu. Tips yg mmg baik buat semua.. :)

Yana Yani

3:52 PTG

saya dah gunakan!
terima kasih sebab berkongsi ilmu ni
appreciate sangat! =)

8:02 PTG

Menarik ni. Bermain dgn kod html mmg headache tp kalau jadi mmg best!

Fadzi Razak

7:23 PTG

Saya try copy paste coding kat atas. Bila paste dalam html, ade 2 error.

7:26 PTG

Boleh beritahu dgn detail, apakah error yg berlaku?

2:10 PTG

BM..macamana nak register untuk dapat ID kat bahagian meta verify tu?

2:55 PTG

Kalau belum register, Kathy perlu apply satu persatu applikasi tersebut utk dapatkan id.
Jika sudah ada...boleh check disini :
Facebook ID : http://findmyfacebookid.com/
Alexa : Step 1: Go to Alexa.com Click on 'Site tools' and click 'claim your site'.
Bing : Tak tau mcm mana nak dapatkan semula id kalau dah register
Google Web Master : Pun tak tau mcm mana dak dapatkan semula id kalau dah register

Azzahairi

8:23 PTG

Terima kasih, sangat membantu. Aspek SEO ni perlu dititikberatkan.

3:01 PTG

BM..kalau kita enable kan meta tags..terus hilang fungsi read more dalam entri. kenapa yer?

11:13 PTG

Enable meta tag atau apa sahaja coding di atas code [head] sebenarnya tidak mengganggu sebarang setting atau fungsi template sebab ianya hanya untuk optimasi SEO terutama utk arahan robot enjin carian.

arzmoha

12:13 PG

guna coding robot ni tak ada masalah ka bro Bin Muhammad

12:43 PTG

InsyaAllah... Coding ini bertujuan untuk memudahkan robot crawling agar mendapat informasi yang tepat dan tertentu untuk optimize SEO

1:10 PTG

oh..iye ke? kathy dah dua kali cuba enable kan fungsi meta tag kathy tapi dua kali juga read more yang kathy pasang hilang. kathy kena disable semula meta tag tu. atau mungkin readmore kathy tidak sesuai kot. tq BM sebab sudi menjawab soalan kathy.

7:07 PTG

Terima kasih BM, kongsi tips seo.

OKje

11:32 PG

Ok.....Jilapah dah try dah buat.....apa perbezaannya ek.....tak dapat nak cari. Nampak mcm laju jer

Cik Itah

3:48 PTG

info yang sangat berguna..tQ

Coretan anda amat-amat dihargai. Terima kasih bersama 'Relaks Minda - ilmu dikongsi bersama' - “Jazakumullah Khairan Katsiran Wa Jazakumullah Ahsanal Jaza”