Cara Membuat Breadcrumb Pada Blog SEO Friendly

Breadcrumb Navigation adalah sebuah menu yang dipakai untuk menavigasi halaman sebuah website atau blog, hal ini akan memudahkan pengunjung blog anda untuk menavigasi halaman website atau blog. Pemasangan Breadcrumb untuk SEO adalah penting karena hal ini sangat berguna untuk mempermudah Robot.txt atau Google Bot untuk menjelajahi atau crawling halaman blog kalian yang akan nantinya blog kalian akan menjadi SEO Friendly, dan tentunya akan mempermudah pengindexan oleh search engine Google.

Berikut adalah Cara Membuat Breadcrumb Pad Blog SEO Friendly :

1. Loginlah Ke Blogger

2. Pilih Menu Template lalu Edit Template

3. Cari lah kode ]]></b:skin> dengan cara CTRL + F agar lebih cepat

4. Copy paste Script berikut ini tepat diatas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

5. Cari kode berikut :

<div class='post hentry uncustomized-post-template'>

kalau tidak ada cari lah kode ini sebagai alternatif :

<div class='post hentry'>

6. Letakkan kode berikut tepat diatas kode pada nomor 5 tersebut :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><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>

7. Klik Save

8. Lihatlah hasil dari Breadcrumb tersebut, jika gagal anda cukup menekan CTRL + Z Sampai kembali ke template tersebut kembali seperti semula

Gambar tersebut adalah contoh dari breadcrumb navigation yang ada di blog saya yaitu TechnoCenterID. Untuk membuat breadcrumb sendiri bukanlah hal yang sulit mengingat anda tinggal mencopy paste script yang akan saya berikan berikut ini ke HTML template kalian.

Demikianlah Cara Membuat Breadcrumb Pad Blog SEO Friendly. Dengan membuat Breadcrumb ini maka akan membuat blog anda menjadi lebih baik di mata search engine Google, semoga bermanfaat dan terimakasih.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Almara Kurniawan

Artikel Terkait