Cara Memasang Breadcrumb di Blog

Tutorial memasang breadcrumb di blog.  Salah satu cara meningkatkan seo pada blog adalah dengan menambahkan fitur breadcrumb pada blog, inilah yang saya temui ketika mencari salah satu cara untuk meningkatkan SEO. Yah akhirnya saya juga memasang fungsi ini pada blog saya. Menurut beberapa sumber fitur ini membantu artikel agar mudah terindex oleh mesin pencari. Namun ada juga yang mengatakan bahwa fungsi ini tidak cocok untuk SEO. Nah ini terserah dari sobat, mau memasang fungsi ini atau tidak.

Setelah saya memasang fungsi ini, ketika melakukan search pada om google, ternyata fungsi ini terlihat juga pada search engine, seperti contoh gambar diatas beberapa artikel saya yang tampil di search engine google terdapat breadcrumb.

Breadcrumb merupakan link –link label yang menuju pada artikel yang dibuat. Berikut contoh tampilan breadcrumb pada blog

Home>>office>>excel>>belajar ms excel

Untuk memasang breadcrumb masuk ke dasbor blog anda, kemudian pilih menu template dan klik edit template. Pertama-tama masukkan style dari breadcrumb cari kata ]]></b:skin> kemudian copy style dibawah ini dan tempatkan diatasnya

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 13px 0px; font-size:100%; line-height: 1.4em; border-bottom:3px double #eee;}

Setelah itu cari code berikut <b:includable id='main' var='top'> dan gantikan dengan code dibawah ini 

<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'/>

Save template dan lihatlah hasilnya pada google, jika belum muncul cobalah menunggu untuk beberapa hari. Menurut ane fungsi ini tidak langsung tampil di google pada saat kita memasangnya, butuh waktu agar breadcrumb muncul di search engine.

Sumber : http://freezon88.blogspot.com/2013/11/cara-memasang-breadcrumb-di-blog.html#more

selamat mencoba :)