Skip to main content

Cara Membuat Breadcrumb Seo Friendly Pada Blogger Kamu

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

    Comments

    Popular posts from this blog

    Cara Melihat Tweet Yang di Protect Tanpa Follow

    Cara Melihat Tweet Yang di Protect Cara melihat twitter yang di protect - Ini adalah sebuah tutorial yang akan membahas cara melihat akun twitter yang di protect tanpa follow. Kegiatan seperti ini biasanya di kenal dengan sebutan stalker , untuk sebagian orang bisa menjadi sebuah kegiatan yang menyenangkan namun tidak bagi orang yang sedang menjadi target stalkernya ketika dia tahu dia sedang di awasi seseorang padahal akun mereka sudah di seting se privat mungkin, namun tidak ada yang tidak mungkin di dunia online ini, banyaknya cara dan back door yang bisa digunakan dapat menjadi salah satu jalan bagi siapapun untuk menjadi stalker rahasia untuk orang - orang yang mempunyai akun twitter yang di kunci .  Untuk sebuah tutorial  cara melihat twitter yg di protect kita tidak membutuhkan kepiawayan lebih atau harus menadi seorang ha cker. bayak cara lain untuk menjadi stalker yang rapih dan bersih. Stalker Twitter. Sumber gambar : logoinlogo.com Baca juga : Tutorial menge...

    Share Backlink Manual Techniques To Improve Your Blog Or Website on Search Engine Popularity

    Backlink Manual Techniques IZOKE - This is a way to get backlinks from sites famous for added strength on your website or blog in order to become the order of the first page of google. Below are some links that you can use as a weapon for website and blog. Backlink scheme Here's How The Way: Open this link one by one and then change the URL www.izoke.id posts by URL Website or blog. Free Blogger Template :  Free Template Blogger Fast Loading Score A 99% (Amazin Faster) LINK : 1. Click Here to Get a Free Backlink 2. Click Here to Get a Free Backlink 3. Click Here to Get a Free Backlink 4. Click Here to Get a Free Backlink 5. Click Here to Get a Free Backlink 6. Click Here to Get a Free Backlink 7. Click Here to Get a Free Backlink 8. Click Here to Get a Free Backlink 9. Click Here to Get a Free Backlink 10. Click Here to Get a Free Backlink 11. Click Here to Get a Free Backlink 12. Click Here to Get a Free Backlink 13. Click Here to Get a Free Backlink 14. Click Here to Get a Free ...

    Maria Ozawa Kecelakaan Mobil di Manila Philippines

    IZOKE - Bintang film cantik terkenal asal jepang ini mengalami insiden tabrakan ketika dia berada di Manila Filipina. Mobil yang di kendarai Maria Ozawa menabrak salah satu mobil ditengah ramainya lalu lintas kota Manila Filipina . Kejadian kecelakaan yang tidak seperti biasanya ini cukup menarik karena ketika Maria Ozawa sebagai orang yang mengendarai mobil yang menabrak tersebut justru tidak sama sekali dimarahi oleh pemilik mobil yang ditabraknya. Hal ini justru menjadi lucu ketika orang di sekitar malah meminta foto selfie bersama sang bintang film terkenal asal jepang ini. Maria Ozawa / Miyabi Maria Ozawa mengaku salah dan meminta maaf kepada pemilik kendaraan yang ditabraknya, dengan berkata " Im Sorry.. Im Sorry .. " dan sambil memegang pipi sang pemilik kendaraan tersebut sampai akhirnya dia luluh dan tidak memarahinya. Kejadian yang terjadi malam hari di Kota Manila Filipina itu menjadi berbeda suasananya ketika dengan kehadiran para fans Maria Ozawa yang tiba ...