Cara Membuat Breadcrumb Terindex Google

Cara Membuat Breadcrumb Terindex 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. Oke, langsung saja Cara Membuat Breadcrumb Terindex 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. (sumber : amronbadriza.blogspot.com)