Pernyataan di google webmaster berkenaan dengan breadcrumb adalah sebagaimana berikut:
When you mark up breadcrumb information in the body of a web page, Google can identify it and use it to understand and present the information on your pages in our search results.Sedikit perkongsian sekiranya ada yang ingin memasangnya pada blog anda. Tutorial ini hanyalah untuk pengguna platform blogger sahaja. Bila menggunakan blogger semuanya nak kena buat manual sendiri. Lainlah kalau guna wordpress macam-macam plugin ada.
Cara memasang breadcrumb di blog
- Login blogger.com, pilih template kemudian EDIT HTML.(PERHATIAN!!! Sila buat backup terlebih dahulu)
- Cari kod ]]></b:skin>. Kalau nak senang guna CTRL F untuk cari kod tersebut.
- Letakkan kod di bawah ini di atas kod ]]></b:skin>
- Selepas itu cari kod <b:includable id='main' var='top'> dan gantikan dengan kod seperti di bawah:
- Klik SAVE dan tengok keluar tak breadcrumb sepertimana gambar kat atas tadi
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
nice entri bro. boleh ni cuba. :)
ReplyDeleteTerima kasih bro. Insha allah berhasil.
Deletebreadcumb ini memang sebuah trick SEO yang memberi dmapak besar bila dikesan oleh google btw thanks sudah berkunjung ke Metrolisa ada nama denaihati di senarai itu karena kami memang bersahabat dengan denaihati meski beda negara
ReplyDeleteTerima kasih Gan Munir Ardi kerana sudi berkunjung ke sini. Bisa mengeratkan silaturrahim antara tetangga.
Deleteapa tujuan benda ini di pasang ? heeeee kalau wordpress tak bolehlah yer uh...
ReplyDeletesaya suka blog ini latar dan susun atur .teruskan berblog ya ;)
Tujuan breadcrumb dipasang ialah untuk memudahkan crawler dan pembaca melihat struktur artikel di blog tersebut.
Deleteya..saya suka perkongsian ini..terbaik gitu!
ReplyDeletehehe. Kalau suka kasi g+ satu.
DeletePerghhh kelaut ni kalau saya buat..haru biru jadinya..hahaha...tambah-tambah saya ni memang malas kot nak buat menda ni..hahahaha..terima kasih bro kongsikan..
ReplyDeleteBoleh cuba pelan-pelan bro.
Deletehuh pening dok main koding ni, masih berponir biji mata dok setting blog examspa.info
ReplyDeleteok ada masa nanti nak juga isi kod ni
ps: bro cuba baiki hompage blog ni, sikit je lagi kena baiki, "missing keywords tag" tu... kalau ada ni memang power blog ni nnati... saya x pandai jg ni :)
Buat pelan-pelan bro. Buat masa sekarang memang aku tak pasang keyword kat homepage tu. Mungkin sikit masa lagi. By the way thanks kerana mengingatkan bro.
DeleteThis comment has been removed by the author.
ReplyDeletesalam, boleh explain tak breadcrumb tu apa?
ReplyDeleteWassalam. saya ada terangkan detail sikit di artikel Apa itu Breadcrumb. Semoga terjawab.
Deletebaik jugak kalu di cuba nie..:)
ReplyDeleteElok dicuba untuk SEO on page blog bro.
DeleteMaknanya breadcrumb ni akan ikut category / tag yang kita buat la ye?
ReplyDeleteYa. Akan ikut kategori atau label yang kita buat jadi saya cadangkan jangan terlalu letak banyak label untuk satu artikel.
DeleteMenarik ni...boleh cuba..info berguna.. :)
ReplyDeleteTips untuk blogspottttt. :)
ReplyDeleteMemang POWER sahabat!!
ReplyDeleteSekarang masih lagi #1 teratas google sejak 10 mac 2014... TERBAIK!!