Cara Pasang Breadcrumb Di Blog

 

Cara pasang Breadcrumb di blog 

Pythontolis.blogspot.com- Cara Pasang Breadcrumb di Blog akan saya jelaskan pada artikel berikut ini

Kalian tahu gak apa itu Breadcrumb? yah mungkin bagi blogger pemula belum terlalu familiar yah dengan istilah yang satu ini

Breadcrumb merupakan salah satu bantuan navigasi yang ada pada User interface sebuah blog, dengan adanya Breadcrumb ini, pembaca akan di mudahkan untuk mengetahui navigasi sebuah artikel atau halaman blog yang mereka baca tuh sob

Breadcrumb ini erat kaitannya dengan SEO yah sob, jadi merupakan hal penting yang harus kalian tau dan kalian pasang ke dalam blog kalian sob

Biasanya Breadcrumb terlihat pada bagian atas atau bawah judul artikel, jika kalian pernah melihat tulisan seperti ini "Home >> Category/Teks/Arsip >> Artikel"" itulah yang di sebut dengan Breadcrumb yah sob

Jika kalian pernah melakukan Pengindeksan artikel ke dalam Search console, maka di bagian bawah akan ada tulisan Breadcrumb, jika kalian sudah memasang kodenya ke dalam HTML Thema Blog kalian yah sob, cara memasang kode Breadcrumb cukup mudah kok sob, berikut ulasannya

Memasang Kode Breadcrumb

1. Masuk ke Dasbord Blogger kalian
2. Pilih Tata Letak
3. Lalu Masuk ke Edit HTML
4. Cari Kode ]]></b:skin>
5. Lalu Masukkan Kode HTML berikut tepat di bawahnya

• .breadcrumbs {
  padding:5px 5px 5px 0;
  margin:0;font-size:95%;
  line-height:1.4em;
  border-bottom:4px double #e2e7b4;
  }
  .breadcrumbs a {
  text-decoration:none;
  color: #000000;
  }

6. Kemudian kalian cari lagi kode seperti ini

• <div class='post entry'>

7. Lalu pastekan kode HTML ini tepat di bawahnya

• <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</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>

8. Lalu Save perubahan
Setelah kalian lakukan hal tersebut, sudah bisa di pastikan Breadcrumb telah terpasang pada Blog kalian, dan itu akan menjadi nilai tambah untuk mengembangkan blog kalian yah sob

Kalian Masuk Ke google search console, pastekan salah satu link artikel kalian dan enter

Breadcrumb

Perhatikan Bagian Bawah gambar yah sob, jika Breadcrumb sudah tercentang hijau artinya kalian telah sukses memasang kode di atas

Silahkan di coba yah sob, jika ada pertanyaan bisa langsung mengisi kolom komentar atau bisa menghubungi saya via medsos yah sob, link nya ada di sebelah kanan layar artikel

Baca juga artikel lain yang bisa membantu kalian untuk mengoptimasi blog lebih baik lagi

• Cara membuat blog yang bisa menghasilkan uang
• Syarat Monetisasi Blog
• Tips Blogging dan hal yang harus kalian hindari