Cara Mudah Membuat Breadcrumbs Pada Blog

|| || , || 4 komentar

Cara Mudah Membuat Breadcrumbs Pada Postingan Blog

Cara Mudah Membuat Breadcrumbs Pada Postingan Blog ~ Sudah banyak blogger yang mulai memasang breadcrumbs pada blog miliknya. Hal ini karena ada yang mengatakan bahwa memasang breadcrumbs pada blog adalah salah satu teknik SEO yang  disenangi oleh mesin pencari. Lalu apa saja manfaat breadcrumbs yang dapat kita dan pengunjung blog rasakan.

Manfaat Memasang Breadcrumbs

Manfaat memasang breadcrumbs pada blog atau khususnya postingan blog adalah memudahkan dan membantu googlebot untuk mengenali struktur dari blog anda. Mengapa demikian? karena halaman-halaman yang berada pada hirarki atas akan mendapatkan lebih banyak aliran poin dibanding halaman-halaman yang lebih di bawah hirrarki.


Memasang breadcrumbs dapat memudahkan pengunjung untuk mengetahui di mana posisi merek saat berkunjung ke blog anda. Selain itu, menurut beberapa blogger ada yang mengatakan memasang breadcrumbs pada blog dapat meningkitkan traffic secara signifikan. Tetapi banyak di antara mereka yang melakukan optimasi yang terlalu belebihan yang belum tentu menciptakan hasil yang memasang di sukai google.

Saya yakin breadcrumbs yang akan saya share ini SEO friendly dan dapat di indeks oleh mesin pencari. Apa buktinya? Buktinya breadcrumbs yang saya pasang ini bisa dilihat saat berada di hasil pencarian google. Pasti anda semua bingung apa maksud perkataan saya ini, untuk tidak membingungkan lagi saya akan  menjelaskanya dengan gambar. Berikut gambarnya:

Contoh Breadcrumbs yang terindeks google
Dari gambar di atas kita bisa melihat, saat berada di pencarian google tepatnya di bawah judul artikel, breadcrumbs yang saya pasang ini dapat terindeks dan ditampilkan oleh mesin pencari google. Sedangkan blog yang url-nya saya sensor itu, hanya menampilkan url saja dan tidak menampilkan breadcrumbs seperti yang saya pasang itu.

Bagaimana Cara Membuat Breadcrumbs Pada Blog

Caranya sangatlah mudah, anda hanya harus mengikutii langkah-langkah sederhana di bawah ini:
  • Login dengan akun blogger saudara
  • Pulih menu TEMPLATE, kemudian klik Edit HTML
  • Cari kode ]]></b:skin>
  • klik pointer pada kolom HTML, lalu tekan Ctrl+F atau F3 untuk mempermudah pencarian kode
  • Simpan kode di bawah ini tepat di atas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah itu cari kode seperti di bawah ini:
 <b:includable id='main' var='top'>
  • Ganti kode di atas dengan kode  di bawah ini:
<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>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'/>
  • Klik simpan template dan lihat hasilnya
Jika anda mengikuti langkah-langkah di atas dengan baik dan benar, maka hasilnya akan seperti di bawah ini:
Contoh Breadcrumbs saat berada di postingan blog

Untuk melihat apakan breadcrumbs anda terindeks atau tidak, anda bisa menggunakan  Google structured Data Testing Tool yang disediakan oleh google webmaster tools. Cara menggunakannya sangatlah mudah, anda hanya harus memasukan url artikel blog anda, kemudian klik pratinjau. Jika berhasil terindeks, maka akan ada breadcrumbs sederhana di bawah judul artikelnya.
 

Klik Gambar Untuk Memperbesar dan Memperjelas

Namun perlu anda ingat, seperti halnya menampilkan foto di hasil pencarian google. Breadcrumbs ini tidak akan langsung muncul saat anda mencoba browser di google. Butuh waktu satu, dua, atau tiga hari untuk benar-benar muncul di hasil pencarian google, namun bisa saja memakan waktu mingguan atau bahkan juga bulanan.

Terima kasih atas Sudah Mau Berkunjung . . .
Terima Kasih Atas Kunjungan Anda
Judul: Cara Mudah Membuat Breadcrumbs Pada Blog
Ditulis Oleh Riki Junizar
Artikel ini dipatenkan pada www.myfreecopyright.com, Jika mengutip harap berikan link balik yang menuju artikel Cara Mudah Membuat Breadcrumbs Pada Blog ini. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih atas perhatiannya

/[4 komentar Untuk Artikel Cara Mudah Membuat Breadcrumbs Pada Blog]\
ARSIP mengatakan...

di ebook Panduan Pengoptimalan Mesin Telusur pemberian dari mbah Google sendiri, breadcrumb di singgung karena breadcrumbs dapat membantu pengunjung sehingga tidak tersesat dan ini termasuk kedalam kategori Visitor Friendly.

terima kasih mas atas mau keberbagiannya

Bernama mengatakan...

terima kasih mas mau berbagi, blog saya belum 1 bulan dan ini membantu saya tentang memasang breadcrumbs

Akmal Januar Pratama mengatakan...

Terimakasih gan, ane baru tau ada gituan di trik SEO huft :(

www.akumaru.com

naam flow mengatakan...

Trmksh bgt mas Bosss...
Barusan praktek & berhasil

Posting Komentar

Terima kasih telah membaca artikel di atas, kalau boleh dibantu tolong berikan komentar yang relevan sesuai dengan topik pembahasan artikel di atas. Anda diperbolehkan berkomentar dengan memperhatikan hal-hal berikut:
1. Komentar jangan mengandung SARA dan PORNO.
2. Jangan berkomentar dengan menggunakan LINK MATI apalagi LINK AKTIF.
3. Jika anda orang Indonesia yang cinta tanah air, maka berkomentarlah dengan bahasa baku dan sopan.
Jika komentar anda melanggar syarat di atas, maka komentar anda tidak akan saya publish dan akan saya tandai sebagai SPAMER.

Terima kasih atas kunjunganya ^_&