Cara Membuat Breadcrumb di Blogger / Blogspot

Cara Membuat Breadcrumb di Blogger / Blogspot :: Cara Membuat Breadcrumb di Blogger / Blogspot

Perlu Diketahui bahwa untuk menjadikan blog lebih disukai Search Engine
seperti google, para master seo manganjurkan untuk membuat breadcrumb
pada blog. Cara Membuat Breadcrumb di Blogger / Blogspot 
tidaklah sulit seperti yang kita bayangkan dan sebenarnya jika kita perhatikan navigasi ini sering
kita temukan juga di blog wordpress dimana menu navigasinya dimulai dari
home/branda, kemudian diikuti oleh label - label yang terdapat di blog kita  dan sublabel dan yang terakhir
diikuti oleh judul postingan.

Blog yang memiliki Breadrumb di Blogger / Blogspot

konon memiliki daya SERP yang lebih tinggi di Google dibanding yang
tidak memakai breadcrumbs. Tentu saja, itu cuma salah satu faktor.
Bagaimanapun, konten artikel yang Asli serta tidak copy pasti alias COPAS serta loading cepat dan ringan,
plus template yang ramah Google (friendly) serta internal link yang baik
adalah empat faktor yang sangat signifikan di pihak Search Engine.

membuat breadcrumb di blogger
ini sangat mudah, karena hanya di butuhkan sedikit modifikasi saja.
karena sangat mudahnya saya rasa mungkin ini akan menjadi tutorial yang
singkat. Namun agar Anda tidak bingung sedikit saya akan menjelaskan apa
itu breadcrumb ?. Breadcrumb atau breadcrumb trail adalah
bantuan navigasi yang dipakai untuk mengetahui jejak asal dari lokasi
dalam sebuah bog/website, program atau dokumen, perhatikan gambar
dibawah ini :

Cara Memasang Breadcrumb Google di Blogspot / Blogger

• Langkah pertama sobat login dulu ke blog, itu pasti. kwa kwa kwa,,


• Seperti biasa, kita langsung menuju halaman Design [Rancangan] » Edit HTML » Ceklis Expand Widget Templates (jangan lupa selalu backup template sebelum editing). Jika sobat menggunakan tampilan baru, silahkan klik Template » Edit HTML » Lanjutkan » Ceklis Expand Widget Templates.


• Jika sobat telah memasang kode breadcrumb sebelumnya, silahkan delete [hapus] dulu.


• Kemudian sobat cari kode <b:include data='top' name='status-message'/>
  biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste
  kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang sobat
  temukan biar tidak bingung).

<b:include data='posts' name='breadcrumb'/>

• Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>

<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.indonesiadocuments.blogspot.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.wakrizki.net -->

<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>

 Dan
Seleseee...hehehe sekarang anda telah memiliki bread Crumb Sobat.
Catatan SOBAT UNTUK TERINDEKS DI GOOGLE DENGAN BREADRUMD MEMANG
MEMBUTUHKAN WAKTU , jadi sobat harus bersabar dulu ya...karena jumlah
Blog yang harus direfresh google tidak hanya 1 atau 2 blog tetapi
milyaran blog dari seluruh dunia. Untuk Mengecek sobat dapa membuka GOogle Rich dan masukkan alamat postingan sobat

Cara Membuat Breadcrumb di Blogger / Blogspot - Semoga Artikel diatas dapat membuat sobat senang dan aku berharap dapat membantu serta bermanfaat bagi para sobat semuanya . Kami dari  INDONESIA DOCUMENTS menyampaikan
trimakasi Atas Kunjungan Sobat...n_n dan jika ada yang kurang serta
saran bagi kami silahkan teman teman bisa berkomentar di bawah
ini...trimakasi...n_n.