Trik Cara Membuat Breadcrumbs Terindex Google

Trik Cara Membuat Navigasi Breadcrumbs Agar Terindex Search Engine Google - Sebelum kita mulai tutorial blog kali ini, barangkali ada diantara anda, yang belum mengenal apa itu Breadcrumbs??
Sebetulnya artikel tentang cara memasang breadcumbs di blogger pernah kita bahas dlm blog ini,, jika anda belum membacanya silahkan bisa anda baca disini

untuk membuat agar label atau kategori yang terdapat dalam breadcumbs tersebut bisa muncul dalam hasil pencarian atau indeks dengan menggunakan mesin pencari Google, caranya adalah sebagai berikut:

* jika anda sudah menggunakan breadcumbs versi lama, silahkan kembalikan seperti semula terlebih dahulu

Langkah-langkah membuat breadcumbs supaya bisa terindex dalam hasil pencarian
1. Login terlebih dahulu ke akun blogger milik anda
2. Jika sudah masuk ke Rancangan - pilih Edit HTML - jangan lupa centang Expand Template Widget
3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (gunakan ctrl+f untuk mempercepat proses pencarian), jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua..
4. kemudian masukkan kode <b:include data='posts' name='breadcrumb'/> tepat diatas kode tersebut..
5. Lalu cari kode <b:includable id='main' var='top'>
6. Kemudian tempatkan(copy) kode dibawah ini tepat diatas kode tersebut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

7. langkah selanjutnya cari kode ]]></b:skin>
8. Jika sudah letakkan kode CSS berikut tepat diatas kode tadi

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

9. Terakhir simpan dan lihat hasilnya..

untuk melihat apakah breadcumbs yang telah anda buat tersebut berhasil atau tidak silahkan bisa anda cek dengan menggunakan Rich Snippets Testing Tool

Selamat mencoba semoga artikel tentang Trik Cara Membuat Breadcrumbs Terindex Google tersebut bermanfaat untuk anda

Baca juga:
Trik Cara Paling Ampuh Agar Blog Cepat Terindex Google               4.5