Cara Agar Breadcrumbs Terindex Google

kita akan membahas tentang cara agar menu breadcrumb terindex oleh google atau mesin pencari. Maksudnya disini adalah bukan menu yang terindex pada google, melainkan label pada sebuah artikel yang akan terindex pada google

Tampilan artikel dengan label yang terindex oleh Google

Langkah-langkahnya adalah sebagai berikut :

1. Login ke akun blogger sobat,

2. Pilh Design atau Rancangan,

3. ke menu Edit Html

4. Jangan lupa centang Expand Widget Template

  

 -Silahkan Anda cari kode seperti di bawah ini :

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

-Selanjutnya, hapus kode tersebut lalu gantikan dengan kode di bawah 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'>
<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'/>

.Langkah selanjutnya agar tampilan breadcrumb Anda lebih menarik, silahkan terapkan CSS di bawah ini.
-Silahkan Anda cari kode seperti di bawah ini,

]]></b:skin>

Lalu letakan kode CSS di bawah ini diatas kode tersebut.

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

5.  Simpan Template dan lihat hasilnya.

Sekarang silahkan untuk mengecek breadcrumbs anda di :

http://www.google.com/webmasters/tools/richsnippets

Description: Cara Agar Breadcrumbs Terindex Google Rating: 4.8 Reviewer: đĩţħ ĵã¥å™ - ItemReviewed: Cara Agar Breadcrumbs Terindex Google