Trik Blogger: Pasang Breadcrumb di Blog

Breadcrumb

Pasang Breadcrumb Template SEO Friendly - Kali ini aku bakalan kasih tutorial blog biar template jadi SEO Friendly and so' bisa ningkatkan SERP yaitu memasang breadcrumb pada blog. Meski udah banyak yang bahas tentang navigasi ini tapi aku coba bagi lagi yang ku dapetin.

dasarnya, Breadcrumb merupakan navigasi seo yang sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.

Jika anda tahu revolution theme karya brian gardner, mungkin anda pernah melihat deretan navigasi sederhana di atas judul artikel yang sedang di baca, sebagai contoh screenshotnya seperti ini :

Screen Shot-nya Breadcrumb

Pengertian yang mudah tentang breadcrumb adalah kategori blog kita mendapat kesempatan terindex di search engine.

Jika seperti ini maka sebuah kategori penting dalam relefansi pengelompokan artikel.


Semakin relefan artikel dalam sebuah category maka semakin berkesempatan untuk tamil di search engine google.

Cara pasang navigasi breadcrumb berikut ini :

1. Login ke blogger degan ID mu.
2. Klik Tata Letak.
3. Kemudian klik tab Edit HTML
4. Click Download Full Template and please back up your template first. Untuk menghindari kalo sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
   
6. Cari kode ]]></b:skin>
   
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin> 
   .breadcrumbs{
   padding:5px 5px 5px 0;
   margin:0;font-size:95%;
   line-height:1.4em;
   border-bottom:4px double #cadaef;
   }
   
8. Sok cari kode berikut pada template anda :
   <div class='post hentry uncustomized-post-template'>
   
   
9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Simpan dan lihat hasilnya dengan melihat dipostingan mu. Style template seperti ini bakal menambah seo friendly sebuah template dan semoga akan semakin ningkatin serp anda dalam search engine.