Membuat Breadcrumbs Di Blogger Agar Terindeks Google

Breadcrumbs
Membuat Breadcrumbs Di Blogger Agar Terindeks Google - Secara sederhana breadcrumbs adalah menu navigasi suatu dokumen atau postingan dari suatu web atau blog. Biasanya breadcrumbs diletakan di atas title postingan blog sehingga mudah diketahui oleh pengunjung atau pembaca postingan blog. Sebagai contoh bisa Anda lihat pada bagian atas title postingan blog ini.

Dan konon katanya Om Google menyukai web atau blog yang mempunyai breadcrumbs sehingga breadcrumbs dipakai sebagai salah satu trik SEO. Namun bagaimana kalau kita sudah pasang breadcrumbs di blog kita, tapi breadcrumbs-nya tidak terindeks Google. Nah untuk itu saya share cara Membuat Breadcrumbs Di Blogger Agar Terindeks Google agar blog kita lebih SEO.

Seperti yang saya alami, blog saya sudah memakai breadcrumbs namun yang tampil di hasil pencarian Google bukan breadcrumnya melainkan url dari postingan.

Screenshot Breadcrumbs 

Setelah saya searching di Google, akhirnya saya menemukan kodenya agar breadcrumbs dapat terindek Google. Nah bagi Anda yang belum memasang breadcrumbs atau mungkin sudah memasang breadcrumbs namun tidak terindeks Google, silahkan simak tutorial Membuat Breadcrumbs Di Blogger Agar Terindeks Google di bawah ini.

Silahkan masuk ke dashboard blog Anda >> Template >> Edit HTML >> centang Expand Widget Templates. Namun untuk menjaga terjadi kesalahan, alangkah baiknya Anda back up dulu templatenya sehingga apabila terjadi kesalahan dapat kembali ke template sebelumnya.

Kemudian cari kode <div class='post hentry'> Gunakan CTRL + F pada keyboard untuk memudahkan pencarian. Setelah ketemu silahkan copy kode di bawah ini SETELAH / DI BAWAH kode tadi.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;padding:4px 8px;margin:4px 0px;line-height:1.4em;'>
<span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a> &gt; </span>
<span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'>
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope='http://data-vocabulary.org/Breadcrumb' itemtype='http://data-vocabulary.org/Breadcrumb'><span itemprop='title'><data:post.title/> </span></span>
</div>
</b:if>
</b:if>

Kode yang berwarna merah itu untuk kode kotak breadcrumbs-nya, silahkan Anda rubah dan sesuaikan dengan tema blog Anda.

Bagi yang sudah mempunyai breadcrumbs namun belum atau tidak terindeks Google silahkan coba dengan kode di atas.

Setelah itu silahkan Anda save templatenya dan coba cek di Google Rich Snippets Testing Tools DI SINI Silahkan coba masukan salah satu url postingan blog Anda pada kotak yang disediakan. Apabila penempatannya benar, maka penampakannya akan seperti gambar di bawah ini.

Screenshot Breadcrumbs 2

Sekarang yang nampak di hasil pencarian Google adalah breadcrumbs dan bukan lagi url dari postingan tersebut.

Namun perubahan ini tidak dapat langsung tampil di hasil pencarian Google untuk postingan yang kita terbitkan sebelum kita membuat breadcrumbs ini, kita harus menunggu karena Google memerlukan waktu untuk menampilkannya. Untuk postingan yang kita terbitkan setelah kita Membuat  Breadcrumbs Di Blogger Agar Terindeks Google ini, maka Google akan langsung menampilkan breadcrumbs-nya.

Nah demikian saja sharing Membuat  Breadcrumbs Di Blogger Agar Terindeks Google kali ini mudah-mudahan bermanfaat.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments