Cara Membuat Breadcrumbs pada postingan artikel sebenarnya sangat mudah. Breadcrumbs
ini adalah sebuah teknik yang mulai menjadi trend sejak tahun 2009. Breadcrumbs
atau "remah roti" adalah istilah yang sering digunakan oleh orang
barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu
titik awal.
Banyak pelaku SEO meyakini bahwa teknik
breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur
dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapat
lebih banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah
hirarki.
Secara teknis saya meyakini bahwa
teknik breadcrumbs ini membawa efek positif bagi SEO, karena bagaimana pun link
antar halaman itu selalu memberi efek positif dalam aliran pagerank. Bagi yang
ingin memasang breadcrumbs bisa mengikuti prosedur berikut:
- Masuk ke akun blogger saudara
- Pilih menu TEMPLATE
- Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
- Klik tombol EDIT HTML
- Centang Expand Widget Template
- Cari kode ]]></b:skin
- Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
.breadcrumbs
{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height:
1.4em; border-bottom:3px double #eee;}
- Setelah itu cari kode seperti di bawah:
<b:includable
id='main' var='top'>
- Ganti kode di atas dengan kode di bawah
<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' 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"'>
<!-- 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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<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' 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"'>
<!-- 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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
- Simpan Perubahan. Breadcrumbs akan terlihat seperti contoh berikut (lihat gambar di bawah)
sumber:http://trikmudahseo.blogspot.com/2012/10/cara-membuat-breadcrumbs-pada-postingan.html
ARTIKEL TERKAIT :
Blogger
Tidak ada komentar:
Posting Komentar