Cara Memasang Breadcrumbs Terindex Google

Breadcrumb adalah suatu navigasi yang berisikan kategori atau label dari postingan dan biasanya selalu di awali dengan tombol menuju Home (halaman depan blog). Pada dasarnya Breadcrumb merupakan navigasi SEO sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya secara cepat atau ke halaman depan dengan cepat.

Pada kesempatan ini Saya akan membagikan tutorial bagaimana Cara memasang breadcrumbs yang terindex Google di blog.

Jadi breadcrumbs yang akan kita pasang disini adalah breadcrumbs yang terindex mesin pencarian Google, alias bukan hanya sekedar tampil di blog saja.

Jadi simple-nya seperti ini: search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidak menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Selain itu fungsi breadcrumbs adalah untuk menunjukkan lokasi artikel saat pengunjung datang di situs yang dikunjungi. Mungkin Anda sudah pernah memasang kode breadcrumbs yang terindex oleh Google di blog anda, tapi hasilnya hanya menampilkan satu label saja pada hasil pencarian/ search engine. Tapi bagaimana jika yang muncul lebih dari satu label? misalnya 2 lebel dan isinya juga ikut terindeks?. Ok tertarik untuk memasang breadcrumbs?

Mungkin saja ditemplate anda telah terpasang breadcrumbs tapi apakah breadcrums yang terpasang adalah breadcrumbs yang terindex? OK Bagaimana contoh breadcrumbs yang berhasil di index pencaharian Google? coba lihat gambar dibawah ini, yang di beri kotak dan tanda panah adalah label breadcrumbs yang berhasil di index Google.

Oke Langsung saja pada langkah-langkah pembuatan breadchumb ini:

• Seperti biasa anda harus login ke Blogger.
• Langsung menuju Template dan Edit HTML.
• Klik Expand Template Widget.
• Kemudian cari kode berikut ini :

1. ]]></b:skin>

• Letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

1. .breadcrumbs{
   padding:5px 5px 5px 0;
   margin:0;
   font-size:95%;
   line-height:1.4em;
   border-bottom:4px double #cadaef
   }

• Kemudian silahkan Cari kode berikut ini

1. <b:includable id='main' var='top'>

• Dan ganti dengan kode dibawah ini.

1. <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 -->
   <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 page and search pages.. -->
   <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><a href='http://www.online-plus.net/2015/10/cara-memasang-breadcrumbs-terindex-google.html' target='_blank'>Posts File My Archives</a> &#187; <data:blog.pageName/></span>
   </b:if></div>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
   </b:includable>

Save template anda. Kemudian cek di Google reachsnipet tools untuk melihat perubahan yang anda lakukan di atas tadi.

Silahkan kunjungi alamat ini : Testing Tool ­ Google Developers.
Setelah masuk ke Google structured data testing­tool, masukan alamat halaman artikel blog anda, jika hasilnya seperti gambar dibawah ini berarti anda sudah berhasil Memasang Breadcrumbs yang Terindex Google.
  


Memang dengan memasang breadcrumbs akan secara signifikan meningkatkan traffik. Tetapi banyak diantara mereka yang melakukan optimasi secara berlebihan yang belum tentu menciptakan hasil yang memang baik. Jadi biasakanlah untuk selalu membuat kategori pada setiap postingan, jika tidak maka pemasangan breadcrumb pada template blogspot akan sia­-sia dan tidak bermaanfaat.

Demikianlah penjelasan saya tentang Cara Memasang Breadcrumbs Terindex Google. Jika ada pertanyaan atau kesalahan dalam penulisan panduan ini, silahkan tinggalkan komentar anda di bawah artikel ini.