MTUC: Membuat Tajuk Halaman Blogger Mesra Carian

Image from Google Image

Assalamualaikum WBT dan selamat sejahtera kepada tetamu yang dihormati. Alhamdulillah, bersambung juga siri ini. Sebelum ini saya dah menerangkan bagaimana nak membuat template blogspot menjadi HTML5 dan keistimewaan HTML5. Untuk post kali ini pula saya akan mengajar anda tentang halaman tajuk blogger.

SIRI: Mengoptimumkan Template Untuk Carian(MTUC) 2012

Episod-1: Mengoptimumkan Template Untuk Carian - Pengenalan

Episod-2: MTUC: Kehebatan HTML5 Dan Cara Pemasang Dalam Theme Blogger

Episod-3: MTUC: Membuat Tajuk Halaman Blogger Mesra Carian

Episod-4: MTUC: Memasang Meta Tags Pada Blogger Dengan Betul Dan Tepat

Episod-5: MTUC: Memahami Open Graph Protocal Dan Memasang Pada Blogger

Episod-6: MTUC:Rich Snippet - Revolusi Carian

Episod-7: MTUC: Kenapa RDF Breadcrumb Tak Mesra Carian?

Episod-8:MTUC: Mengoptimumkan Link Dalam Template Untuk Carian. Link Apa?

Memahami Tajuk Blog Yang Belum Mesra Carian

Kebiasaannya, Blogger Template yang belum di optimumkan akan akan memaparkan nama blog dahulu dan selepas tajuk blog akan memaparkan tajuk page semasa.

Contoh, tajuk blog yang belum di-optimizekan

Danialde4: MTUC: Membuat Tajuk Halaman Mesra Carian

Kalau anda lihat pada HTML template anda, dia akan tulis macam ini.

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

Dalam blog OMG! Hackers? saya dah menerangkan apa maksud data:blog.pageTitle, tapi kalau anda belum membacanya tidak mengapa. Di sini saya akan menerangkan.

data:blog.pageTitle adalah salah satu kod khas untuk blogger sahaja.

pageTitle = Ialah > Nama Blog: Tajuk Page Semasa

Q: Kenapa Perlu Optimize Tajuk Blog?

A: Sebab Carian selalunya hanya akan memaparkan 65 huruf+Space (Kira dengan WordCounter.net)

Jadi, Kalau tajuk anda begini:

Danialde4: MTUC: Ketahuilah Bagaimana Nak Membuat blogspot Anda menjadi HTML5

Kalau orang search HTML5 memang tak nampak.

Di carian akan memaparkan

Danialde4: MTUC: Ketahuilah Bagaimana Nak Membuat blogspot Anda...

Yang HTML5 itu digantikan dengan ... sedih :(

Tak ada HTML5

Maka trafik organik anda tiada. Rugi besar kot. Sebab keyword telah di-potong steam dengan carian.

Cara Untuk Membuat Tajuk Halaman Blogger Mesra Carian

Ha, masuk juga cara penyelesaiannya. Nasib baik nak selesaikannya senang ;)

1) Ok, seperti biasa pergi ke Blogger Dashboard > Template > Klik "Edit HTML" > Klik "Proceed"

2) Cari kod ni

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

3) Gantikan kod di-atas dengan kod ni

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.pageTitle + &quot;, blogger, technology, blogspot, post, article, blog, blogging, wikipedia&quot;' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found. 404 Page</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, blogger, technology, blogspot, post, article, blog, blogging, wikipedia&quot;' name='keywords'/>
</b:if>
</b:if>

4) Preview dahulu.

5) Kalau tiada error SAVE!

• pageTitle - Tajuk page semasa dan tajuk blog. Kalau di homepage? Dia akan paparkan tajuk blog.
• keywords - Untuk kod ini saya saja tambah keyword yang automatik kerana keyword ini dapat membantu anda dalam carian.
•  error_page - Error page bermaksud "Page Not Found" atau page 404.
  
• pageName - Blog Post Title
• data:blog.title - Nama Blog anda
  

Itu cuma sedikit penerangan yang anda perlu tahu tapi kalau anda ingin tahu lebih banyak tentang kod blogger ini bolehlah pergi ke page "Layouts Data Tags"

Kalau anda nak cepat boleh rujuk infographic yang saya jumpa (Lebih kurang).

Q: Tapi, Apa Yang Akan Jadi Selepas Anda Memasang Kod Ini?

A: Kalau anda menggunakan kod yang saya berikan Insya Allah lepas ini blog anda antara Top 5 dalam carian kerana Tajuk blog anda selepes ini akan menjadi begini.

MTUC: Ketahuilah Bagaimana Nak Membuat blogspot Anda menjadi HTML5 | Danialde4

 Jap2. Kenapa ada  tajuk blog saya kat belakang? Saya nak buang. Senang je.

Anda cari kod ni:

| <data:blog.title/>

Dan buang :)

Jadi kod title yang di-atas akan menjadi begini.

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

Maka di carian anda memaparkan begini

MTUC: Ketahuilah Bagaimana Nak Membuat blogspot Anda menjadi HTML5

Kesimpulannya

Membuat title blog mesra SEO sememangnya mudah. Nak mempelajari dan mencari itu yang susah. Kod di atas ialah kod yang diubahsuai oleh saya sendiri.

Bagaimana anda merasakan post ini? Adakah ianya bagus atau tidak bagus? Anda yang tentukannya.

P.S: Tolong share di facebook dan like ye :)

(Pssst... aku rasa post aku makin lama macam tak ok je... apa anda rasa? ok ke? Mohon luahkan pendapat anda di comment)