Cara memasang breadcrumbs yang SEO friendly

Cara memasang breadcrumbs yang SEO friendly adalah dengan memperhatikan system pengindexan breadcrumbs pada mesin pencari google. Memang banyak sekali jenis breadcrumbs namun tidak di lengkapi oleh data vocabulary navigasi. Sehingga hanya menjalankan fungsi utamanya saja sebagai menu navigasi dalam mempermudah menuju kategori - kategori yang saling berhubungan, maupun menuju kategori yang berbeda jenis pada blogspot kalian.

Pernah terpikir awalnya, mana sih yang cocok untuk SEO. Dan setelah eksperimen memilih dan memilah. pasnem menemukan satu yang terbaik di antara keseluruhan jenis breadcrumbs yang pernah pasnem temui. Mudah - mudahan ini pilihan yang tepat ya..!! Hohoho

Cara memasangnya silahkan sobat cari bagian <b:includable id='main' var='top'> pada template xml blogspot sobat. Atau bisa melalui menu Rancangan >> Edit HTML. Namun akan lebih baik bila mengedit di file template.xml nya untuk menghindari kesalahan.

Kemudian letakkan script berikut di atas nya yang tadi.

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

kemudian sobat cari lagi bagian <b:include data='top' name='status-message'/> dan letakkan script berikut ini di bawahnya <b:include data='posts' name='breadcrumb'/> . Semoga sobat paham caranya..

Bila ada kesulitan dalam pemasangannya.. Silahkan berkomentar.. Kritik dan saran dari sobat adalah inspirasi yang tak ternilai harganya.. :D

keep blogging...

Author : Admin at : Selasa, 18 September 2012

Label :