Tweet

Cara Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog.
Trik SEO Optimisasi Onpage blog berikutnya akan dibahas tentang Pembuatan breadcrumbs atau yang biasa disebut menu navigasi dan bagaimana caranya agar bisa terindeks langsung oleh om google. Breadcrumbs (Menu Navigasiatau) "remah roti" adalah istilah yang sering digunakan oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal. Breadcrumbs juga dapat memberitahu dimana posisi artikel yang sedang kita baca sekarang.

Talah dikatakan sebelumnya dalam postingan Melakukan Optimisasi SEO Onpage Pada Blog,pelaku SEO banyak meyakini bahwa teknik breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapat lebih banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah hirarki.

Langsung saja ikuti langkah-langkah berikut untuk Cara Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog :

• Silahkan Masuk ke akun blogger Anda
• Pilih menu TEMPLATE
• Untuk menjaga-jaga terjadinya kesalahan, simpan dulu Full Template anda dengan mengklik tombol Cadangkan/Pulihkan
• Selanjutnya Klik tombol EDIT HTML
• Centang Expand Widget Template
• Cari kode ]]></b:skin
• Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
  
  .breadcrumbs{
  padding:5px 5px 5px 0;
  margin:0;font-size:95%;
  line-height:1.4em;
  border-bottom:3px double #aaaaaa;
  }


• Selanjutnya, cari kode seperti di bawah ini :
  
  <div class='post hentry uncustomized-post-template'>


• Letakkan kode berikut ini tepat dibawah kode diatas :
  
  <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='breadcrumbs'>
  Browse &#187; <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 != &quot;true&quot;'> , </b:if>
  </b:loop>
  </b:if> &#187; <data:post.title/>
  </div>
  </b:if>
  </b:if>


• Simpan Perubahan dan lihat hasilnya. Contoh hasil Breadcrumbs / Menu Navigasi seperti ini :
  
  

Setelah anda melakukan langkah-langkah diatas, Breadcrumbs / Menu Navigasi akan terlihat di setiap halaman artikel-artikel yang anda buat.
Sekian trik SEO optimisasi Onpage dalam Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog.
Semoga Bermanfaat!

Suka Artikel ini? Klik G+ yaa...