Cara Agar Breadcrumb Bisa Terindex Google

Cara Agar Breadcrumb Bisa Terindex Google - Cara agar navigasi breadcrumb bisa masuk dan terindex di search engine google atau cara agar label blog bisa terindeks oleh google - Beberapa waktu lalu saya pernah posting artikel cara membuat navigasi breadcrumb di blog, tapi itu hanyalah tutorial bagaimana kita bisa membuat navigasi breadcrumb biasa. Sedangkan yang ini beda, breadcrumb yang ini bisa terindex oleh google seperti contoh gambar di bawah ini:

Nah, bagaimana sobat, bagus kan? Pastinya donk.. Karena dengan terindeksnya breadcrumb blog kita di search engine maka akan lebih mempersingkat url blog kita yang terindeks sehingga hal ini akan lebih mudah. Tutorial ini juga bisa diberi judul cara agar label blog bisa terindex google karena memang yang terindex di google merupakan nama-nama label yang ada di blog kita. Oke, langsung saja ya berikut ini cara agar label blog bisa terindex oleh google:

1. Seperti biasa silahkan masuk ke dashbor blog sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode berikut ini:

]]></b:skin>

4. Pastekan kode di bawah tepat di atas kode di atas:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal} 

5. Next cari kode berikut:

<b:includable id='main' var='top'>

6. Setelah ketemu, hapus dan ganti dengan kode berikut:

<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/>

7. Simpan Template Sobat.

Untuk mengetes kinerja dari breadcrumb ini, silahkan sobat posting artikel kemudian memasukkannya dalam salah satu label blog sobat. Untuk mengecek postingan sobat terindex apa belum, silahkan masukkan url postingan blog sobat tadi ke Google, maka akan terlihat apakah breadcrumb sobat bisa terindex atau tidak. Saya kira cukup penjelasan mengenai cara agar breadcrumb bisa terindex google. Selamat mencoba dan semoga berhasil.