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
01 | .breadcrumbs { |
02 | padding : 5px 5px 5px 0 ; |
03 | margin : 0 ; |
04 | font-size : 95% ; |
05 | line-height : 1.5em ; |
06 | border-bottom : 4px double #e2e7b4 ; |
07 | } |
08 | .breadcrumbs a { |
09 | text-decoration : none ; |
10 | color : #000000 ; |
11 | } |
8. Copy dan paste kode di bawah ini di bawah kode <div class='post hentry'>
1 | < 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' >< b style = "color: blue;" >Ganti dengan kata kunci utama blog Anda</ b ></ 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 > |
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.
Selamat mencoba,,
Source: tutorial.bertuah.org
0 komentar:
Posting Komentar