Cara Agar Breadcrumbs Terindex Google

Apa sih Breadcrumbs itu? dan bagaimana sih agar breadcrumbs navigasi bisa terindex google? Agar lebih mudah memahami mengenai breadcrumbs yang terindex google, coba anda perhatikan gambar di bawah ini :

sebelum terindex google

Breadcrumbs navigasi di atas postingan

breadcrumbs setelah terindex google

Keren kan? selain mempercantik tampilan blog agar tidak kelihatan kaku, url blog kita juga bisa dipersingkat saat tampil di search engine. Jika anda ingin url blog anda tampak seperti ini di search engine google, langsung saja ikuti langkah-langkah dibawah ini :  

Pertama-tama masukan kode css untuk breadcrumbsnya dibawah ini, taruh di atas kode ]]></b:skin>

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

Kedua, cari kode  <b:includable id='main' var='top'> , hapus kode tersebut 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'/> 

Terakhir jangan lupa Save template dan lihat hasilnya. Breadcrumbs navigasi yang kita buat akan langsung tampak di blog, tapi Google butuh beberapa waktu untuk mengindeksnya, jadi tidak bisa langsung, Pengalaman saya sih tidak sampai satu hari kok. Sekian dulu tutorial bagaimana cara agar breadcrumbs terindex google, semoga bermanfaat dan sampai ketemu di postingan berikutnya.
baca juga : Cara Agar Breadcrumbs Terindex Google bag.2

Related Post :