Cara Membuat Breadcumb Seo Friendly

Setelah kita membuat blog saatnya kita mengoptimasi blog kita agar lebih banyak pengjunjung yang datang seiring bertambahnya pagerank.Jika anda merasa bahwa anda membutuhkan pagerank dengan cepat dan aman salah satunya adalah dengan memasang breadcumb.Tetapi sebagian breadcumb tidak di deteksi oleh mesin pencari.lalu bagaimana?berikut tutorial Cara Membuat Breadcumb Seo Friendly

1.Langkah pertama sobat login dulu ke blog, yang akan di buat breadcrumb.
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.

2.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 atas kode tersebut

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

3.Sekarang cari kode <b:includable id='main' var='top'> jika sudah, paste kode berikut tepat di atas 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"'>



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

» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</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"'>



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

4.Untuk mempercantik Breadcrumb Google yang sudah sobat buat, sekarang tambahkan sedikit sentuhan CSS berikut ini yang perlu sobat tambahkan di atas kode ]]></b:skin>

.breadcrumbs{
      margin-left:10px;
      padding: 5px 0;
      border-bottom: 1px dotted;
      line-height:1.4em;
      }

Script by :daftarsemauku.web.id