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.

TERIMA KASIH ATAS KUNJUNGAN SOBAT

Judul: Cara Membuat Breadcrumb di Blogger / Blogspot
Ditulis oleh : Indonesia Documents Group
Anda sedang membaca artikel Cara Membuat Breadcrumb di Blogger / Blogspot. Artikel ini dilindungi oleh hak Cipta kami dari www. myfreecopyright.com. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL http://indonesiadocuments.blogspot.com/2012/08/cara-membuat-breadcrumb-di-blogger.html. Jika Tidak akan diproses hukum oleh DMCA Takedown dan berakibat buruk pada blog sodara . Terima kasih atas Perhatian saudara serta Terima Kasih telah berkunjung di blog ini.