December 04, 2012
MR.L.A
Dalam artikel ini cuma sekadar rumusana siri :)
MTUC: Kehebatan HTML5 Dan Cara Pemasang Dalam Theme Blogger
Secara ringkash HMLT 5 ialah HTML versi baru yang banyak keistimewaannya. HTML5 ini akan membuatkan blog anda selesa untuk membuatkan carian seperti Google menempatkan halaman artikel pada tempat yang pertama.Cara Pemasangannya amat mudah dan senang. Anda cuma perlu.
Menukarkan kod yang sebegini(lebih kurang):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Menjadi,
<!DOCTYPE html>
Pada HTML blog anda.
MTUC: Membuat Tajuk Halaman Blogger Mesra Carian
Tajuk memainkan peranan yang sangat penting dimana tajuk yang mesra carian(SEO) akan menempatkan keyword di hadapan manakala Nama Blog akan berada di belakang.Untuk mengukuhkan lagi keyword yang berada pada tajuk saya juga telah pasang sekali meta keyword pada kod title ini:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.pageTitle + ", blogger, technology, blogspot, post, article, blog, blogging, wikipedia"' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found. 404 Page</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", blogger, technology, blogspot, post, article, blog, blogging, wikipedia"' name='keywords'/>
</b:if>
</b:if>
Anda juga boleh mengubah perkataan:
Page Not Found. 404 Page
Ke kepada ayat yang anda mahukan.
MTUC: Memasang Meta Tags Pada Blogger Dengan Betul Dan Tepat
Meta tags?Ialah coretan kod yang berada di dalam ko d <head> dan sebelum kod </head>
Meta tags ini banyak jenis sebenarnya. Tetapi kita cuma perlu guna meta tags descrption sahaja kerana meta description adalah meta yang penting daripada meta tags yang lain.
Bagaimana Nak Memasang Meta Description Pada Blog?
Anda cuma perlu ada kod:
<b:include data='blog' name='all-head-content'/>
Kalau dah ada, maka anda boleh pasang meta description pada blog dengan:
1) Pergi ke Blogger dashboard > "Settings" > "Search Preference"
2) Ok, anda akan lihat "Meta tags" pada page tersebut.
3) Jadi, pada bawah meta tags ada "Description".
4) Pada sebelahnya ada tick "Yes" "No"
5) Anda tick "Yes" Akan keluar satu kotak dan dalam kota itu tulislah blog anda tentang apa.
P.S: Kan pada bawah kota itu ada tulis sedikit ayat.
150 Characters Max. Example: "A blog about social networking and web design."
150 characters max = Tidak boleh melebihi 150 huruf + Space. Maca mana nak kira characters? Copy description anda dan paste pada laman wordcounter.net.
6) Klik "Save". Siap!
MTUC: Memahami Open Graph Protocol Dan Memasang Pada Blogger
Open Graph Protocol = Membolehkan mana-mana laman web untuk menjadi objek yang kaya dalam graf sosial
Kegunaan Open graph meta tags = Membolehkan anda kawal kandungan(content) yang anda nak tunjuk dalam laman facebook.
Memasang Open Graph Meta Tags Pada Blogger
Cari kod ini:
<b:include data='blog' name='all-head-content'/>
Dan gantikan kod diatas
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='"ms_MY"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
MTUC: Rich Snippets - Revolusi Carian
Rich Snippets = Beberapa baris teks yang muncul di bawah setiap carian hasil direka untuk memberikan pengguna rasa(sense) untuk apa yang pada halaman dan mengapa ia adalah relevan kepada pertanyaan mereka.Rich Snippets sebernarnya banyak kegunaanya tetapi Rich Snippets Review ialah pilihan blog yang paling diminati.
Terus Pasang Star Rating Review Dalam Carian
Ok, mula-mula anda pergi ke page Template dahulu.
Selepas itu anda cari kod ini:
<div class='post-footer'>
Bila dah jumpa kod di atas tadi, letakkan kod di bawah di atas kod tadi.
<b:if cond='data:blog.pageType == "item"'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<div style='display:none !important;'>
<span itemprop='itemreviewed'><span itemprop='description'><data:post.title/></span></span>
<span itemprop='reviewer'><data:post.author/></span>
Rating: <span itemprop='rating'>5</span>
<span itemprop="dtreviewed"><data:post.dateHeader/></span>
</div>
</div>
</b:if>
Dan Save :)
MTUC: Kenapa RDF Breadcrumb Tak Mesra Carian?
Anda tahukan breadcrumb itu apa? TahuTapi apa bezanya RDF Breadcrumb dengan Breadcrumb biasa?
RDF Breadcrumb = Akan menyebabkan ranking page anda di dalam SERP menurun
Breadcrumb biasa = Tidak apa-apa kesan di dalam SERP malahan memudakan navigasi(navigation) di dalam blog.
MTUC: Mengoptimumkan Link Dalam Template Untuk Carian. Link Apa?
Ya nak mengoptimumkan link apa?Link pada comment
rel='external nofollow'
Link pada label
rel='tag'
dan juga link pada widget archive
rel='archives'
Daripada Penulis
Alhamdulillah, Alhamdulillah, Alhamdulillah. Kesyukuran tidak terhingga kepada Allah SWT kerana dengan jayanya saya berjaya menghabiskan siri mengoptimumkan template untuk carian. Sebenarnya sudah lama saya menyinpan ilmu ini di dada. Memang ingin benar saya kongsikan bersama jutaan blogger di luarsana.Mereka ingin membuat blog menjadi mesra carian. Jadi inilah jawapannya. Kesemua artikel ini ialah hasil titik peluh saya sendiri di depan komputer(tak berpeluluh pon :P).
Kalau anda ada apa-apa soalan nak ditanyakan, tanyalah disini. Saya dengan hati yang ikhlas akan berusaha membantu anda :)
Silalah
