Definisi Breadcrumb sangat di perlukan dalam blog , maka dari itu saya akan mengajak anda untuk membuat Breadcrumb mudah yang simple dan SEO Friendly. Breadcrumb sangat diperlukan dalam blog agar search engine lebih mudah merayapi blog anda. hampir semua blogger memiliki breadcrumb didalam Templatenya masing-masing. nah , bagi anda yang belum memiliki menu breadcrumb di dalam template , atau hanya sekedar ingin tahu bagaimana script / kode menu breadcrumb yang seo friendly , silahkan anda simak lebih dalam lagi.
Contoh dari Breadcrumb
Home >> Nama Label >> judul title postingan dalam blog
Cara Membuat Breadcrumb SEO Friendly
- Login ke Blogger
- Ke Editor Template HTML
- Cari kode ]]></b:skin> untuk mempermudah , anda bisa menggunakan Ctrl+F
- Copy kode dibawah ini lalu pastekan 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}
- setelah itu cari kode <b:includable id='main' var='top'>
- setelah ketemu , ganti kode <b:includable id='main' var='top'> dengan kode dibawah ini
<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'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
- Simpan Template
- Anda telah berhasil Membuat Breadcrumb yang SEO Friendly
oh iya , selain SEO Friendly. breadcrumb yang telah kita buat diatas dapat terindex oleh mesin pencari loh.
