Cara Buat Breadcrumb Seo Friendly di Blog

Fossil Handbags - Hallo sahabat Webs.Icu - Berbagi Tutorial dan Informasi, Pada Artikel sebelumnya Fossil Handbags telah membahas atau memberikan informasi tentang untuk artikel kali ini Webs.Icu akan memberikan informasi tentang Cara Buat Breadcrumb Seo Friendly di Blog Anda dapat menemukan artikel serupa lainnya dalam Kategori Blogger, Kategori SEO, Kategori Tips dan Trik, Untuk mempermudah dalam melakukan pencarian.

Cara Buat Breadcrumb Seo Friendly di Blog


Konten [Tampil]
Breadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )

Cara Pasang Navigasi Breadcrumb di blogger

Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya ini, kebetulan judul post-nya waktu itu adalah tentang burung twitter terbang, untuk membuat dan memasang breadcrumb saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan tutorial blogger yang saya berikan berikut ini:

Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot

  • Login di Blogger
  • Pilih Design 
  • Pilih Edit Html
  • Centang pada Expand Widget Templates
  • Cari kode ]]></b:skin>
  • Copy paste kode dibawah 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;}

  • Kemudian cari kode seperti di bawah ini
<div class='post hentry uncustomized-post-template'>
Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini
<div class='post hentry'>


  • Letakkan kode dibawah ini tepat diatas salah satu kode biru 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,nofollow'><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>

  • Klik save dan sobat sudah berhasil membuat Breadcrumb yang SEO friendly
Update

    Demikian artikel tentang

    Cara Buat Breadcrumb Seo Friendly di Blog

    mudah-mudahan bisa memberi manfaat untuk anda semua. Sampai jumpa di postingan berikutnya. Jangan lupa kunjungi juga Webs.Icu untuk update tentang Web atau Blog
    Joe Ajat Bukan seorang penulis
    Bukan seorang penulis tapi hobi berbagi Informasi.
  • Facebook
  • WhatsApp
  • Instagram
  • Show comments
    Hide comments

    Belum ada Komentar untuk "Cara Buat Breadcrumb Seo Friendly di Blog"

    Posting Komentar

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel