Cara Membuat Navigasi Breadcrumbs untuk blogger

Sudah tiga hari saya kurang tidur gara gara kepengen membuat breadcrumbs yang bisa terindex di google,saya kurang tidur lantaran mencari cari artikel yang membuat breadcrums bisa terindex google,sudah saya coba beberapa kali bahkan sampai 20 kali bahkan lebih template blog ini bergonta ganti settingan breadcrumbs,settingan breadcrumbs yang saya pasang dari berbagai sumber blog sudah saya cobain semua,namun tak ada indikasi atau tanda tanda kalau ada pengindexan breadcrumbs pada blog ini,alhamdulillah hari ini walaupun belum terindex tetapi sudah ada hasil yang bisa di Rieview atau di test untuk hasil sementara.

Home » Label » Post Name.
cara membuat breadcrumbs supaya bisa terindex di google memang tidak mudah,walaupun cara yang akan saya share tentang membuat breadcrumbs yang bisa terindex google belum pasti tapi sudah ada bukti hasil Rieview nya.oke langsung kita ke topik bagaimana caranya agar membuat breadcrumbs yang bisa terindex di google caranya yaitu:

1.ke Template > Edit HTML dan centang Expand Template Widget.

2.Cari kode
<b:include data='top' name='status-message'/> lalu copykan kode di bawah ini tepat di bawahnya kode yg di atas

<b:include data='posts' name='breadcrumb'/> 

NB:jika menemukan dua kode yang sama dari kode
<b:include data='top' name='status-message'/> maka pilihlah yang ke dua,biasanya ada di bawah kode <!-- posts --> <div class='blog-posts hfeed'>

3.cari lagi kode <b:includable id='main' var='top'> lalu copykan kode di bawah ini tepat di atas kode tersebut.

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

<!-- 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' rel="v:url" property="v:title">Home</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'>

 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>

</b:if>

</b:loop>

 » <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<!-- breadcrumb for the label archive page and search pages.. -->

<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == ""'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

4.cari kode ]]></b:skin>,jika sudah ketemu letakkan barisan kode css breadcrumb di bawah ini tepat diatasnya

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}

5.Simpan dan silahkan test hasilnya di Rich Snippets Testing Tool
Kalau berhasil jangan lupa untuk berkomentar.
Semoga bermanfaat.



sumber>
Rating: 4.5