Cara membuat breadcrumb pada blog

Cheater Ninja Saga Ngeblog SEO tips - Cara membuat breadcrumb pada blog




Nah Tips SEO pada kesempatan kali ini kita akan membahas tentang cara agar menu breadcrumb terindex oleh google atau mesin pencari. Maksudnya disini adalah bukan menu yang terindex pada google, melainkan label pada sebuah artikel yang akan terindex pada google, jadi artikel yang berada pada mesin pencari akan berbeda tampilannya dari sebelummnya, yakni lebih singkat. Tujuan lain Tips SEO ini untuk meningkatkan trafik pengunjung karena tampilan berbeda pada artikel yang terindex oleh google.

Tampilan Breadcrumb pada blog

tetapi sebelumnya label anda harus sudah diindex dulu oleh google 
caranya copy alamat label kalian
contoh
http://www.berbagicheat-ns.blogspot.com/search/label/SEO
lalu pastekan di google jika ada berarti sudah terindex
kalo belum bisa liat cara agar semua artikel anda diindex oleh google

Tampilan jika label anda sudah terindex oleh google

Ok kalo udah Cara membuat breadcrumb pada blog cukup mudah kok

cuma

1. Masuk ke account blogger anda
2. pada dashboard pilih template
3. setelah itu edit HTML dan jangan lupa checklist expand widget template
4. cari kode di bawah ini
   <b:includable id='main' var='top'>
   lalu hapus kode tersebut dan ganti dengan kode berikut
   <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'>
   <b:if cond='data:label.isLast == &quot;true&quot;'>
    &#187; <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>
    &#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'/>
5. selanjutnya cari lagi kode berikut
   ]]></b:skin>
   letakkan kode berikut sebelum kode tersebut
   breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
6. Simpan template

Sekian Cara membuat breadcrumb pada blog semoga dapat bermanfaat dan jangan lupa kunjungi blog saya ini ya

oiya tolong doakan saya karena besok senen udah menjalankan UNAS

thx