Cara Membuat Breadcrumb Agar Terindeks Google

Trik Cara Membuat Breadcrumb Agar Terindeks Google Pada Blogger/Blogspot - Versi kali ini tentu berbeda dengan versi sebelumnya yang hanya menampilkan 1 label dalam hasil pencarian,, dengan menggunakan trik berikut label yang akan muncul dalam hasil pencarian tidak hanya satu,,,
 
Untuk membuat agar label atau kategori pada breadcumbs tersebut bisa muncul dalam hasil pencarian menggunakan mesin pencari Google, caranya adalah sebagai berikut:

* jika anda sudah menggunakan breadcumbs versi lama, silahkan kembalikan seperti semula terlebih dahulu

Langkah-langkah membuat breadcumbs supaya bisa terindex dalam hasil pencarian
1. Login terlebih dahulu ke akun blogger milik anda
2. Jika sudah ,,,, masuk ke Rancangan - pilih Edit HTML - jangan lupa centang Expand Template Widget
3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (gunakan ctrl+f untuk mempercepat proses pencarian), jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua..
4. kemudian masukkan kode <b:include data='posts' name='breadcrumb'/> tepat diatas kode tersebut..
5. Lalu cari kode <b:includable id='main' var='top'>
6. Kemudian tempatkan(copy) kode dibawah ini tepat diatas kode tersebut

<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 www.berryhs.com -->
<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'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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 and search pages  www.berryhs.com  -->
<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>

7. langkah selanjutnya cari kode ]]></b:skin>
8. Jika sudah letakkan kode CSS berikut tepat diatas kode tadi

 .breadcrumbs{
      margin-left:10px;
      padding: 5px 0;
      border-bottom: 1px dotted;
      line-height:1.4em;
      }

Kemudian simpan dan coba lihat hasilnya...

untuk melihat apakah breadcumbs yang telah anda buat tersebut berhasil atau tidak silahkan bisa anda cek dengan menggunakan Rich Snippets Testing Tool

Selamat mencoba semoga artikel kali ini bermanfaat untuk anda 

Bayu Ardiyanto Review Rating: 85 out of 100 based on199854 reviews.