Textual description of firstImageUrl

Memasang Breadcrumb Google

Update : 26 September 2018
Google Breadcrumb
Seperti kita ketahui cara memasang breadcrumb navigation adalah trik untuk meningkatkan SEO blogger kita. Dahulu ketika kita memasang breadcrumb di blogspot adalah sesuatu yang penting dan tidak penting. Namun sekarang breadcrumb navigasi untuk blogger sangatlah penting. Breadcrumb sekarang mulai di indeks oleh google dan ditampilkan di hasil pencarian google. Sejuta trik tidak tahu pastinya tentang breadcrumb navigasi mulai ditampilkan di google. Oleh karena itu bagi yang belum memasang breadcrumb navigasi di blogger mulailah memasangnya. Dan bagi yang sudah memasang breadcrumb navigasi buatlah agar cepat diindeks oleh google.

Struktur untuk breadcrumb ini dapat digambarkan seperti ini :
Home > SEO > Membuat Breadcrumb Navigasi di Blogger

Untuk breadcrumb navigasi di blogger yang belum direview dan sesudah direview untuk hasil pencarian bisa lihat perbandingannya pada gambar di bawah ini :
Gambar sebelum dipasang
rich snippets di blogger
Gambar hasil setelah memasang Breadcrumb google di hasil pencarian google

Google Breadcrumb

Untuk cara memasang breadcrumb google
1. Edit HTML
2. Cari kode <div class='post hentry uncustomized-post-template'> atau <b:if cond='data:post.title'>
3. Paste kode berikut ini di bawah salah satu kode tersebut :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <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>

4. Save template
5. Cek di https://www.google.com/webmasters/tools/home?hl=en
6. Lihat hasilnya

Bagi teman-teman yang kurang puas dengan breadcrumb ini kalian dapat menambah koleksi review google dengan memasang microformat di daftar link

Akhir kata semoga dengan memasang bredcrumb google ini bisa lebih meningkatkan kualitas SEO pada blogger kita.

8 comments:

  1. Terima kasih sahabat atas berbagi ilmunya nih.Langsung dipraktekkan sahabat

    ReplyDelete
  2. Makasih bih tutorialnya, tapi punya saya pake WP...gimana sih caranya kalo buat WP? biar di ggoogle tampil kayak gitu juga...

    ReplyDelete
  3. Ok Gan..langsung pake nih..thanks gan..nnti mo balik lagi mo tanya2..boleh khan gan..

    ReplyDelete
  4. # mansyur
    boleh aj gan, ap sih yang gak buat kamu, haha lebay

    ReplyDelete
  5. bro, itu di tampilan searching google, kok link sejutatrik dibawahnya bisa muncul bintang2 gitu yah?gimana munculinnnya?kadang malah ada blog yg ada foto authornya juga di samping kiri bintang2.

    Portal artikel dan Info menarik!

    ReplyDelete

Silahkan berkomentar sesuai artikel. Setiap komentar adalah tanggung jawab anda. Komentar spam akan dihapus, baik secara otomatis dengan javascript ataupun manual. Saya sudah menyediakan nama/url jadi link aktif di komentar tidak perlu lagi disertakan. Jadilah blogger Indonesia yang bijak. Anda berkomentar saya berkunjung!