Cara Buat Navigasi Breadcrumb SEO Friendly di Blogger

Cara membuat navigasi breadcrumb di blogger. Navigasi breadcrumb merupakan link/tautan yang berfungsi memberikan petunjuk mengenai lokasi atau kategori dari sebuah artikel dan memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang dibaca.

Link yang ditampilkan di sini adalah link dimana artikel anda berada atau bisa disebut sebagai lokasi dari artikel anda. Navigasi breadcrumb ini biasa diletakkan di atas judul artikel/postingan. Lihat contoh navigasi breadcrumb berikut.

Home � tutorial blog � Cara Membuat Navigasi Breadcrumb di Blogger

Ada 3 manfaat/kegunaan dari 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 SEO. Bagi yang belum mengetahui mengenai SEO, Anda bisa mencari di google mengenai apa itu SEO.

Breadcrumb navigation mungkin tidak sepenting keyword dalam SEO. Tapi yang jelas navigasi breadcrumb ini merupakan salah satu dari faktor SEO. Jadi, sedikit banyaknya juga akan mempengaruhi posisi blog anda di search engine, terutama google.

Cara memasang navigasi breadcrumb di blogspot
Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan anda. Berikut tutorialnya.

1. Masuk ke blogger.
2. Pilih menu Tata Letak (Layout) � Edit HTML.
3. Centang tulisan Expand Widget Templates.
4. Cari kode berikut. Anda akan menemukan lebih dari satu kode seperti ini. Pilih yang kedua, yang berada di dalam / di bawah kode <b:includable id='post' var='post'>.
   
   
   <b:if cond='data:post.title'>
   
   
5. Tambahkan kode berikut di bawahnya.
   
   
   <b:if cond='data:blog.pageType == "item"'>
   <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 != "true"'>,</b:if>
   </b:loop>
   &#187;
   </b:if>
   <data:post.title/>
   </b:if>
   
   
6. Simpan template.
   

Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> di bawah kode <data:post.title/> di atas.

Sekarang lihat hasilnya. Jika sudah berhasil, berarti Anda sudah menjalankan salah satu tips SEO.

Salam sukses!