Cara Mudah Membuat Breadcrumbs SEO Friendly

Cara Mudah Membuat Breadcrumbs SEO Friendly – Tutorial memberi breadcrumb pada blog – Cara membuat breadcrumb diatas postingan artikel

Breadcrumb selain berfungsi untuk mempermudah pengunjung mencari dan menelusuri lokasi artikel dalam blog dan kembali ke awal halaman/home-page dengan mudah, breadcrumb juga berguna untuk membantu mesin pencari menelusuri artikel kita dengan cepat ( menurut ahli seo ).

Kita sering tahu ada beberapa blog yang dalam mesin pencarian muncul breadcumb seperti ini dibawah judul:

1. Home page / tahun / bulan / judullinkartikel

2. Home page > Label

benar bukan?pernah lihat yaa? kalau belum, silakan dicoba mencari salah satu kata kunci di mesin pencari google. pasti kalian menemukan beberapa yang seperti contoh 1 atau pun contoh 2

Menurut berbagai sumber yang “ahli dalam Seo”, cara breadcrumb no. 2 dikatakan lebih bersahabat dan seo friendly dengan google / mesin pencari. Kalian percaya atau tidak itu tergantung pendapat dan penilaian masing – masing :) , sekarang Andie Shinigami | Tutorial dan Cara Mudah akan membagikan tutorial membuat breadcrumb seperti no. 2 diatas

Cara Mudah Membuat Breadcrumbs SEO Friendly

1. Log in / masuk dahulu ke Blogger
2. Pilih menu Template > klik Edit HTML > klik Lanjutkan
3. Jangan lupa Centang “Expand Template Widget”4. Cari kode ]]></b:skin> menggunakan CTRL+F dan simpan kode berikut ini diatasnya:

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

5. Cari kode <b:includable id='main' var='top'>, kemudian ganti 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 == &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'/>

6. Klik Save / Simpan Template .

Jika berhasil, maka tampilan diatas postingan sobat akan nampak seperti blog punya saya ini. Seperti contohnya postingan Ekiosku.com jual beli online aman menyenangkan dan artikel Mau Bikin Website + Hosting MurahAbizZ? Ke Rajawebhost.com aja!. Silakan diperhatikan ya.

sekian tutorial Cara Mudah Membuat Breadcrumbs SEO Friendly yang dapat saya bagikan. semoga menambah referensi dan membantu sobat semua. See you tomorrow and hasta la vista baby.