Cara memasang Breadcrumbs terindex Google di blog

Mungkin saja kamu sudah pernah memasang kode breadcrumbs yang terindex oleh Google di blog, tapi hasilnya hanya menampilkan satu label breadcrumbs saja pada hasil pencarian/ search engine. Tapi bagaimana jika yang muncul lebih dari satu label? misalnya 2 lebel dan isinya juga ikut terindeks? Mungkin saja ditemplate yang sementara kamu gunakan telah terpasang label breadcrumbs tapi apakah breadcrumbs yang terpasang adalah breadcrumbs yang terindex?

Bagaimana contoh breadcrumbs yang berhasil di index pencaharian Google? coba lihat gambar dibawah ini, yang di beri kotak dan tanda panah adalah label breadcrumbs yang berhasil di index Google.

Membuat Label Breadcrumbs Terindex Google


Breadcrumbs yang terindex search Google
Breadcrumbs yang terindex search Google

Baca juga: Cara memasang email subcribe feedburner dibawah postingan

Cara Memasang Breadcrumb Terindex Google di Blogger


1. Di Blog Bloger 😊
2. Pilih menu Template ➔ Edit HTML
Cara Memasang Breadcrumb di Blogger
Template - Edit HTML

Baca juga: cara membuat Fixed Background di Blogger

3. Cari kode  ]]></b:skin> atau </style> (pilih salah satu saja) dan simpan kode ini diatasnya:
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
4. Sekarang silahkan Cari kode <b:includable id='main' var='top'> dan ganti dengan kode Berikut 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'/>
5.Save template.

Baca juga: Cara memasang widget komentar terbaru di blog

Untuk memastikan apakah kamu berhasil atau tidak kamu bisa mengeceknya di Google reachsnipet tools untuk melihat perubahan yang anda lakukan tadi diatas. Silahkan kunjungi alamat ini : Testing Tool - Google Developers. Setelah masuk ke Google structured data testing-tool masukan alamat halaman artikel blog kamu.

Breadcrumbs di testing tool
Breadcrumbs di Alat uji data terstruktur

Jadi sekarang biasakanlah untuk selalu membuat kategori pada setiap postingan, jika tidak maka pemasangan breadcrumb pada template blog ini akan sia-sia dan tidak bermaanfaat.
Join This Site