Memasang Breadcrumbs SEO Terindeks Google Di Blog

Memasang Breadcrumbs SEO Terindeks Google Di Blog - Mungkin sudah banyak blog yang sudah menggunakan fiture Breadcrumbs di blognya, ada yang berasal dari templatenya dan ada juga yang menambahkannya sendiri.

Breadcrumbs biasanya muncul secara horizontal di atas judul postingan artikel, breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap pengguna menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. fungsi breadcrumbs untuk memudahkan pengunjung mengetahui dimana posisi dia berada, dengan breadcrumbs urusan navigasi link akan lebih mudah, dan breadcrumbs sangat baik untuk SEO blog karena akan memperkuat kata kunci yang berada di dalam postingan.

Cara Pertama : Memasang Breadcrumbs SEO Di Blog

Pertama-tama masuk ke Edit HTML template anda, kemudian cari dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs {

padding:0 5px 5px 0;

margin:0 0 5px;

font-size:11px;

border-bottom:1px dotted #ccc;

font-weight:normal

}

Sekarang cari <b:includable id='main' var='top'> dan ganti mulai dari <b:includable id='main' var='top'> hingga penutup akhir </b:includable> dengan kode di bawah ini


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

<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 page and search pages.. -->

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

<b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>

Silahkan klik simpan template anda.

Cara Kedua : Memasang Breadcrumbs SEO Di Blog

Silahkan lakukan cara ini apabila cara pertama tidak berhasil atau terjadi error.
Pertama-tama cari dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs {

padding:0 5px 5px 0;

margin:0 0 5px;

font-size:11px;

border-bottom:1px dotted #ccc;

font-weight:normal

}

Sekarang cari kode <b:includable id='main' var='top'> dan letakkan kode di bawah ini tepat di atasnya

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

<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 page and search pages.. -->

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

Silahkan klik Simpan template anda.

Untuk mengecek breadcrumbs tampil atau tidak di rich snippet pencarian google anda bisa mengeceknya melalui Google Rich Snippet Tools : Cliquez ici!

Jika ada pertanyaan jangan sungkan untuk bertanya melalu komentar.
Espérons utiles.

Sumber : http://www.blogsiryan.web.id/2014/05/memasang-breadcrumbs-seo-terindeks-google-di-blog.htm