Cara Membuat Breadcrumb Terindex Google

Daftar Isi : [Buka]

Cara membuat breadcrumb terindex google sangatlah mudah, sebelumnya saya juga telah berbagi tentang cara membuat breadcrumb di blogspot, 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, dan yang lebih merarik adalah bahwa dengan pemasangan breadcrumb ini bisa membuat artikel terindex lebih cepat di google, jadi akan lebih menguntungkan dari segi seo. Meskipun bukan berarti bisa menjamin artikel kamu bisa menempati urutan paling atas google namun setidaknya jika proses pengindekan cepat maka pengunjungpun akan cepat juga menghampiri blog kamu

Cara Membuat Breadcrumb Terindex Google

• Cari kode <b:includable id='main' var='top'> didalam template sobat
• 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> &#187; <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"'>
&#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 == "archive"'>
<!-- breadcrumb untuk pencarian label dan arsip -->
<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 ==
"index"'>
<div class='breadcrumbs'><b:if cond='data:blog.pageName == ""'><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'/>

• 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;}

• Simpan Template

Note : Jika sebelumnya sobat sudah memasang breadcrumb yang lama maka hapus dulu semua kode nya

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 membuat breadcrumb terindex google. Silahkan dicoba dan semoga bermanfaat :D dan apabila tutorial diatas belum berbuah hasil maka silahkan memberitahu saya melalui komentar dibawah ya. Sekian dan terimakasih.