Cara Agar Breadcrumbs Terindex Google - Sebelumnya saya telah berbagi tentang cara membuat navigasi breadcrumb, namun navigasi breadcrumb yang lama tidak terindex oleh google. Sebenarnya Tutorial ini sudah banyak yang share, namun karena ada teman yang bertanya tadi siang via facebook makanya dipostingkan di blog ini saja, agar bisa dilihat sama-sama :D
Seperti apa sih breadcrumbs yang bisa terindex oleh google itu ?lihat gambar dibawah ini..
Yang saya lingkar berwarna merah itu adalah Navigasi Breadcrumb nya, berikut cara membuatnya.
Note : Jika sebelumnya sobat sudah memasang breadcrumb yang lama maka hapus dulu semua kode nya
1. Cari kode <b:includable id='main' var='top'> didalam template sobat
2. Kemudian hapus kode tersebut dan ganti dengan kode dibawah
<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 untuk halaman posting -->
<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 == "true"'>
» <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>
» <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 untuk pencarian label dan arsip -->
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
3. Kemudian cari lagi kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatas kode tersebut
.breadcrumbs {padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:2px double #ccc;font-weight:normal;}
4. Simpan Template
Untuk mengecek apakah breadcrumbs nya bekerja atau tidak, silahkan sobat pergi ke Rich Snippets Testing Tool, kemudian masukkan URL postingan yang sudah terindex oleh google.
Nah, sekian dulu postingan Cara Agar Breadcrumbs Terindex Google. Silahkan dicoba dan semoga bermanfaat :D
Seperti apa sih breadcrumbs yang bisa terindex oleh google itu ?lihat gambar dibawah ini..
Yang saya lingkar berwarna merah itu adalah Navigasi Breadcrumb nya, berikut cara membuatnya.
Note : Jika sebelumnya sobat sudah memasang breadcrumb yang lama maka hapus dulu semua kode nya
1. Cari kode <b:includable id='main' var='top'> didalam template sobat
2. Kemudian hapus kode tersebut dan ganti dengan kode dibawah
<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 untuk halaman posting -->
<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 == "true"'>
» <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>
» <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 untuk pencarian label dan arsip -->
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
3. Kemudian cari lagi kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatas kode tersebut
.breadcrumbs {padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:2px double #ccc;font-weight:normal;}
4. Simpan Template
Untuk mengecek apakah breadcrumbs nya bekerja atau tidak, silahkan sobat pergi ke Rich Snippets Testing Tool, kemudian masukkan URL postingan yang sudah terindex oleh google.
Nah, sekian dulu postingan Cara Agar Breadcrumbs Terindex Google. Silahkan dicoba dan semoga bermanfaat :D
