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 var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> </p> <div><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <p><b:else/> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> </p> <div 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> <p><b:else/> </p> <div><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> <p></b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> </p> <div> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <p><b:else/> <b:if cond='data:blog.pageType == "index"'> </p> <div> <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> <p></b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable 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.

selamat mencoba 🙂

Rekomendasi:

Memasang Widget Komentar Terbaru dengan Avatar di Blog widget komentar terbaruMembuat widget komentar atau recent comment di blogspot. Widget komentar pada blogger tidak terdapat dalam bawaan blog, sehingga ada kode tersendiri untuk membuat widget tersebut. Kali ini saya…
Cara menampilkan widget di halaman tertentu pada blog Widget yang terlalu banyak biasanya hanya akan memperburuk tampilan blog sendiri. Agar widget yang dipasang di blog lebih fleksibel kita bisa membuat widget tersebut muncul di halaman tertentu saja. Seperti…
Cara Membuat Recent Post (Artikel Terbaru) Berdasarkan Label… Membuat recent post berdasarkan label di blogspot. Kadang kita ingin membuat sebuah recent post atau artikel terbaru tapi dengan menggunakan label tertentu namun widget yang tersedia di blogger tidak bisa…
Memasang Meta Tag Deskripsi dan Keyword di Blog Cara memasang deskripsi dan keyword blog untuk optimasi SEO. Nah pada artikel yang lalu saya menjelaskan tentang bagaimana mengecek ranking SEO pada blog. Ketika melakukan pengecekan deskripsi dan keyword merupakan…
Submit Sitemap Blog Ke Search Engine Google Sitemap, Peta Situs Salah satu cara agar blog dapat terindex dengan baik oleh google yaitu dengan cara mengirimkan sitemap atau peta situs ke google melalui webmaster tools. Untuk mengirimkannya terlebih…
Membuat Artikel Terkait atau Related Posts di Blog Membuat artikel terkait atau related post pada blog. Nah satu lagi cara agar blog lebih powerfull yaitu dengan membuat artikel terkait pada akhir postingan blog. Yang dimaksud artikel terkait adalah…
Cara Mengetahui Skor atau Peringkat SEO Blog Mengetahui rangking seo pada blog. Sebagai bloger pemula saya sempat mempelajari mengenai seo. Walaupun sebenarnya penerapan seo pada blog saya ini belum sepenuhnya optimal. Kemarin sempat blog walking tentang cara…
Cara Membuat Menu di Blogspot Cara membuat menu di blogger. Cara Membuat menu di blog bisa di lakukan dengan dua cara, yaitu dengan menggunakan tab halaman atau page yang ada di dasbor ataupun dengan merubah…
Cara Mengatur Posisi Widget Yang Error di Layout Cara Mengatur Posisi Widget Yang Error di Layout. Sebenarnya ini adalah masalah mengatur posisi widget di blog. Yaitu ketika akan memindahkan widget ke sidebard ataupun di footer selalu terjadi error…
Memasang Comment Facebook Pada Postingan Blogger Cara membuat kotak komentar facebook di blogger – kali ini saya akan membahas bagaimana cara menambahkan komentar facebook pada postingan di blogger. Komentar facebook pada postingan ini sebenarnya agar mempermudah…