Cara Membuat breadcrumbs SEO Terindex Google. Memasang breadcrumb yang cepat terindex Google merupakan salah satu optimasi SEO di Blog anda. Dengan membuat breadcrumbs teridex Google di Blog dapat meningkatkan kualitas blog atau website anda di search engine nantinya. Sebenarnya cara memasangnya sudah pernah di bagikan sebelumnya di cara memasang breadcrumbs terindex Google di Blog tapi karena ada sedikit perbedaan maka saya bagikan kembali disini.

Membuat Breadcrumbs SEO terindex
Selain menambah kualitas Seo di Blog, Breadcrumb adalah alat navigasi yang bermanfaat untuk mempermudah pembaca di blog mengetahui kategori artikel dan  juga bermanfaat untuk alat mempromosikan kategory artikel yang sedang dibacanya tesebut sehingga apabila pembaca mengklik salah satu kategori menu yang ada di breadcrumbs semua artikel dari kategori itu akan muncul semua.

Beruntunglah anda jika di template anda memasang sudah terpasang breadcrumb. Anda dapat mengecek di https://developers.google.com/structured-data/testing-tool/ apakah template blog anda telah terpasang breadcrumbs yang teridex atau belum, atau bisa juga langsung di lihat di penelusuran Google.

Breadcrumb di cek di developers.google.com/structured-data/testing-tool/

Test Breadcrumb

Breadcrumbs yang teridex Google

Breadcrumb Di Penelusuran google

Membuat Breadcrumb di Terindex Google di Blog


1. Tentu saja Login ke Blogger anda.
2. Pilih Template
3. Sebaiknya Backup Tamplate anda terlebih dahulu. misalnya simpan ke Notepad,
4. Pilih Edit HTML Template,
5. Silahkan dihapus kode breadcrumb yang lama
6. Silahkan cari kode ]]></b:skin> dan letakan kode di bawah ini di atas kode ]]></b:skin> Atau Terserah anda yang penting masih di atas kode ]]></b:skin>.
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian. Kemudian Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>
8. Terakhir simpan template anda dan selamat navigasi breadcrumb kini telah terpasang di template anda.

Catatan!
Jika nantinya anda memasang breadcrumb diatas dan navigasi breadcrumbs menjadi dua ( karena sebelumnya sudah ada navigasinya ), hapus saja breadcrumb yang lama atau sembunyikan saja breadcrumb di atas sehingga tidak tampil di template blog tapi hanya tapil di penelusuran Google. Jika anda memilih menyembunyikannya ubah saja kode css breadcrumb di atas menjadi:
.breadcrumbs {display:none;}
Seandainya anda mengalami kegagalan anda dapat mencoba kode breadcrumb yang lain yang sudah saya tulis di : Memasang breadcrums di blogspot.

Walaupun sebenarnya ini hanya sebagian kecil untuk menentukan posisi peringkat postingan, tapi tidak ada salahnya anda mencobanya. Oh iya, Breadcrumbs yang tidak di index oleh Google adalah breadcrums tidak berguna dan hanya sekedar navigasi belaka. Pemasangan navigasi breadcrumb di atas sudah pernah di uji pada beberapa blog dan terbukti di index oleh Google. Sekian Semoga bermanfaat.
5 Komentar untuk "Cara Membuat Breadcrumb Di Blog Terindex Google"

Thanks Gan Sangat Bermanfaat Kunjung Balik Yah Gan http://gamehiro.blogspot.com Juga Kalau Punya FB ADD SAYA YAH PLEASE :-d

om mau nanya kalau misalnya breadcumbnya ga usah tampil di blog hanya di index google aja gimana yah?
soalnya yang ane udah ada breadcumbnya jadi ke timpa ada 2 ;((

mantap gan sudah bisa,sambil keliling cari tutorial lain :>)

Saya sudah tambahkan catatan di atas.. hapus atau sembunyikan saja salah satu breadcrumb.