Memasang
BreadCrumb adalah salah satu trik ngeblog agar blog lebih SEO
Friendly. mari sedikit kita ulas apa itu BreadCrumb?. BreadCrumb dalam
bahasa Indonesia diartikan dengan "remah roti". Dari arti
tersebut dalam definisi yang sebenarnya bukanlah itu tetapi sebuah
navigasi halaman yang berfungsi untuk memudahkan user untuk menavigasi
halaman blog atau website.
Selain
untuk mempermudah user, BreadCrumb juga termasuk teknik SEO yang
sangat disenangi search engine karena robot akan dengan gampang mengcrawl halaman blog kita. dapat kita lihat tampilan BreadCrumb pada search engine dibawah ini
Pada
gambar di atas yang dilingkari warna ungu adalah index search engine
dalam hal ini google merupakan dari breadcrumb yang kita buat
sebelumnya.
Apakah
Anda ingin index search engine google seperti itu? mari kita langsung
saja mengerjakan Cara Memasang BreadCrumb Pada Blog Blogger
1. Masuk pada ID blogger anda di Blogger.com
2. Masuk pada tata letak atau layout kemudian pada tab klik edit HTML
3.
Sebelum memasang BreadCrum backup lah template Anda terlebih dahulu,
caranya Click Download Full Template and please back up your template
first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
4. Beri tanda centang pada kotak kecil yang bertuliskan tulisan Expand Template Widget
5. Cari kode ]]></b:skin> lebih singkat tekan Ctrl+F
6. Copy dan paste kode di bawah ini diatas kode ]]></b:skin> tadi
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;
font-size:95%;
line-height:1.5em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
7. Lalu cari kode <div class='post hentry'>
8. Copy dan paste kode di bawah ini di bawah kode <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti dengan kata kunci utama blog Anda</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
10. Simpan/save dan lihat hasilnya
Cara
Memasang BreadCrumb Pada Blog Blogger ini dapat juga di lihat pada
tampilan halaman blog Anda lebih kurang hasilnya seperti ini
Dengan
memasang breadcrumb pada blog blogger Anda akan lebih disenangi oleh
search engine google. Silahkan Anda kreasikan tampilan breadcrumb Anda
sendiri. Semoga postingan yang berjudul "Cara Memasang BreadCrumb Pada
Blog Blogger" ini bermanfaat untuk kita semua.
