Membuat Breadcrumbs Dapat Di Indeks Google

Breadcrumbs

Membuat Breadcrumbs Dapat Di Indeks Google   APA ITU Breadcrumbs ?
Breadcrum yaitu menu navigasi tambahan yang biasanya terdapat diatas judul posting/artkel seperti yang ada di blog ini . Kegunaan breadcrumbs hanya untuk memudahkan pencarian artikel saja berdasarkan label atau arsip. Kalau di template anda belum ada breadcrumbs silahkan dibaca artikel terdahulu Cara Membuat Breadcrumbs di Blogspot. Pada tutorial blog kali ini saya hanya akan membahas bagaimana cara supaya breadcrumbs dapat terindeks oleh search engine atau Google. Tujuannya adalah untuk meningkatkan hasil SERP pencarian google terhadap keyword judul artikel yang dibuat. Menurut SEO maka akan menjadi nilai plus jika artikel anda terindeks di Google bukan hanya judul dan urlnya, tapi juga terindeks berikut label kategori yang ada pada breadcrumbs. Sudah paham toh maksudnya..?? Kalau begitu langsung saja tancap ke trik agar breadcrums terindek google ini.

Trik Agar Breadcrumbs Terindeks Oleh Google

1.   Login ke dashboard blogger anda, pilh Rancangan > Edit HTML. Jangan lupa centang Expand widget template.

2.   Cari kode <div class='breadcrumbs'>   dalam template anda. Pada template yang saya pakai ini susunan kodenya seperti dibawah ini. Kalau sobat ragu-ragu download dulu full template sebelum melakukan perubahan untuk jaga-jaga kalau gagal atau salah.

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='post' var='post'>

  <div class='post hentry'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

&#187;

<b:if cond='data:post.labels'>

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

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop>

&#187;

</b:if>

<data:post.title/>

</div>

</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

&#187; Archives for <data:blog.pageName/>

</div>

</b:if>

3.       Ganti/rubah kode yang saya tandai dengan warna merah diatas dengan kode dibawah ini.

<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>

4.      Save/Simpan template anda.

5.  Untuk mengetahui apakah breadcrumbs anda sudah dapat terindeks oleh google, sobat dapat menggunakan Rich Snippets Testing Tool dengan memasukkan url salah satu postingan anda yang sudah terindeks dan klik tombol Preview. Tapi yang perlu dipahami adalah hasil test ini tidak akan serta merta langsung muncul begitu anda melakukan perubahan pada breadcrumbs seperti diatas. Tapi hasilnya akan terlihat setelah google melakukan indeks terakhir pada blog atau crawling atau pada googlebot last acces berikutnya. Mudah-mudahan tidak membingungkan ya .. :D.

       

Mudah kan cara nya jadi apa lagi ayo kita pasang diblog