Notification

×

Cara Pasang Navigasi Breadcrumb di Blog

25 September 2010 | 01:03 WIB Last Updated 2021-09-18T08:57:30Z
Cara pasang navigasi breadcrumb di blog adalah menampilkan navigasi berdasarkan label kategori yang terdapat dalam artikel. dengan menampilkan navigasi ini maka pengunjung akan mudah mengetahui konten apa saja yang berhubungan dengan artikel tersebut. memasang breadcrumb merupakan salah satu trik SEO, dan tidak sedikit blogger yang menggunakan navigasi breadcrumb ini, bahkan kini setiap blog yang kita kunjungi  sudah menggunakan/terdapat navigasi breadcrumb ini. Navigasi breadcrumb ini  biasanya kita temukan diatas artikel/dibawah judul artikel. berikut adalah contohnya :

Home » tutorial blog » Cara Pasang Navigasi Breadcrumb di Blog
Browse: Home » Tutorial Blog » SEO » Hack Template Blogspot Agar SEO Friendly
 
3 manfaat navigasi breadcrumb, yaitu:
  • Memperindah tampilan halaman/artikel.
  • Memudahkan pengunjung dalam menelusuri blog.
  • Mengoptimalkan halaman di search engine (mesin pencari).
Yang terpenting dari 3 hal di atas tentu adalah "mengoptimalkan halaman di search engine" atau sering disebut Optimasi SEO.  Salah satu cara optimasi SEO adalah Optimasi SEO onpage dan off offpage, baca "cara optimasi seo onpage dan offpage". hal tersebut juga didukung dengan meta tag yang seo friendly.

Breadcrumb navigation mungkin tidak sepenting keyword (kata kunci) dalam SEO. Tapi yang jelas navigasi breadcrumb ini merupakan salah satu trik dalam optimasi SEO.

Lalu bagaimana cara membuat/memasang navigasi breadcrumb tersebut? mari kita simak tutorialnya :
  • Masuk ke account blogger sobat
  • Pilih menu Tata Letak (Layout) » Edit HTML.
  • Centang tulisan Expand Widget Templates.
  • Cari kode berikut :
<b:if cond='data:post.title'>
  • Tambahkan kode dibawah ini sesudah kode tersebut :
<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.com/'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
Ganti tulisan namablog yang dicetak tebal berwarna merah dengan nama blog anda
  • Simpan template dan lihat hasilnya
Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> di bawah kode <data:post.title/> di atas.
----Semoga Bermanfaat----
×