Cara Membuat Breadcrumb Terindex Oleh Google

Cara Membuat Breadcrumb Terindex Oleh Google adalah  suatu hal yang membanggakan buat blogger pemula apalagi saya ini, mengapa demikian? Tentulah karena Breadcrumb merupakan suatu elemen penting dari sebuah navigasi situs web ataupun blog. Terutama pada blog dengan struktur yang kompleks, breadcrumb sangat bermanfaat dan berguna sekali bagi pengguna yang datang ke blog kita , pengguna dapat lebih mudah mencari dan menemukan lebih banyak konten dengan adanya Breadcrumbs ini, walaupun memang dari segi sisi SEO breadcrumb tidak begitu berpengaruh tapi breadcrumb memang merupakan komponen SEO. Sebelumnya beberapa yang hari lalu setelah memasang breadcrumb, blog ini tidak terindex index oleh google, namun setelah menerapkan cara lain akhirnya breadcrumb dapat terindex google meskipun dengan separator >> tapi itu tidak akan mempengaruhi apapun, pada kesempatan kali ini saya akan membahas Cara Membuat Breadcrumb Terindex Oleh Google ,  oke simak baik baik,

1. Login dahulu ke akun blogger.

2. Masuk ke Rancangan - pilih Edit HTML - Centang Expand Template Widget (Sebelum ke pengeditan, saya sarankan untuk mendownload templatenya terlebih dahulu)

3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (pakai Ctrl+F untuk mempercepat proses pencarian), namun jika terdapat 2 kode seperti diatas maka pilihlah kode yang kedua.

4. Lalu masukkan kode <b:include data='posts' name='breadcrumb'/> tepat diatas kode tersebut.

5. Kemudian 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. Simpan dan lihat hasilnya..

sekian dari saya terimakasih semoga bermanfaat,, tinggalkan kan komentar anda

Terima kasih telah membaca Artikel Cara Membuat Breadcrumb Terindex Oleh Google . Jika Anda ingin Copy Paste Artikel ini, Harap cantumkan Link Cara Membuat Breadcrumb Terindex Oleh Google sebagai sumbernya.
<a href="http://flaviopg.blogspot.com/2014/01/cara-membuat-breadcrumb-terindex-oleh.html">Cara Membuat Breadcrumb Terindex Oleh Google</a>