Cara Menambahkan Breadcrumbs di Blogger agar SEO Lebih Baik

Coba Dulu Aja

Agustus 29, 2025

Ilustrasi: Cara menambahkan breadcrumbs di Blogger

Ketika kita membangun sebuah blog di Blogger, tentu tujuan utama kita adalah membuat pengunjung betah membaca dan memudahkan mereka menemukan konten yang dicari. Salah satu fitur kecil namun sangat bermanfaat adalah breadcrumbs. Mungkin kamu sering melihatnya di website profesional, berupa jalur navigasi seperti:

Beranda > Tutorial Blogger > Cara Menambahkan Breadcrumbs di Blogger

Nah, di artikel kali ini cobaduluaja.com akan membahas secara lengkap apa itu breadcrumbs, kenapa penting untuk SEO, dan bagaimana cara menambahkannya di blogger dengan mudah.

Apa itu Breadcrumbs?

Breadcrumbs adalah sebuah navgasi kecil yang biasanya muncul di bagian atas postingan atau halaman. Fungsi utamanya adalah menunjukkan posisi pengunjung di dalam struktur website.

Contohnya, jika seseorang sedang membaca artikel tentang SEO Blogger, maka breadcrumbs akan menampilkan jalur seperti

Beranda > SEO > Artikel SEO Blogger

Dengan begitu, pengunjung bisa tahu artikel yang dibaca berada di kategori apa, sekaligus bisa klik ke kategori atau halaman sebelumya.

Kenapa Breadcrumbs Penting?

1. Memudahkan Navigasi

Breadcrumbs membantu pembaca mengetahui posisi mereka di dalam blog dan bisa kembali ke kategori sebelumnya tanpa harus menekan tombol "Back".

2. Meningkatkan Pengalaman Pengguna (User Experience)

Blog dengan navigasi rapi akan terlihat lebih profesional dan membuat pengunjung betah.

3. Meningkatkan SEO di Google

Google menyukai blog yang memiliki struktur jelas. Bahkan, breadcrumbs sering muncul di hasil pencarian Google, menggantikan URL panjang dengan jalur navigasi yang lebih rapi.

Contoh di hasil pencarian: cobaduluaja.com > Blogger > Breadcrumbs

Ini tentu membuat blog terlihat lebih terpercaya.

Cara Menambahkan Breadcrumbs di Blogger

Sekarang mari kita masuk ke bagian praktik. Tenang, langkah-langkahnya cukup mudah dan tidak butuh plugin tambahan.

1. Masuk ke Dashboard Blogger

2. Buka Menu Tema

Klik Tema di menu sebelah kiri.
Tekan tombol Edit HTML untuk masuk ke pengaturan kode template.

3. Tambahkan Script Breadcrumbs

Cari kode </head> pada template kamu, lalu tempelkan script CSS berikut tepat di atasnya

<style>
.breadcrumb {
    font-size: 14px;
    margin: 10px 0;
}

.breadcrumb a {
    text-decoration: none;
    color: #0077cc;
}

.breadcrumb a:hover {
    text-decoration: underline;
}
</style>

Kode ini berfungsi untuk mengatur tampilan breadcrumbs agar lebih rapi.

4. Tambahkan Kode Breadcrumbs di Postingan

Sekarang cari kode data:post.body pada template (biasanya berada di bagian konten artikel). Diatas kode tersebut, tambahkan script berikut:

<b:if cond='data:blog.pageType == "item"'>
    <div class="breadcrumb">
        <a expr:href='data:blog.homepageUrl'>Home</a> ›
        <a expr:href='data:post.labels[0].url'><data:post.labels[0].name/></a> ›
        <data:post.title/>
    </div>
</b:if>

Kode di atas akan menampilkan jalur navigasi sesuai kategori artikel yang dibuka.

5. Simpan Perubahan

Klik tombol Simpan Tema. Setelah itu, buka salah satu artikel di blog kamu, dan breadcrumbs akan langsung terlihat.

Tips Tambahan untuk Breadcrumbs

1. Gunakan Kategori yang Tepat

Pastikan setiap artikel memiliki label atau ketegori yang sesuai agar breadcrumbs tampil rapi.

2. Cek Mobile View

Pastikan breadcrumbs terlihat baik di tampilan ponsel, karena sebagian besar pengunjung biasanya memakai smartphone.

3. Gunakan Warna yang Konsisten

Sesuaikan warna link bredcrumbs dengan tema blog agar terlihat menyatu.

Penutup

Menambahkan breadcrumbs di Blogger adalah langkah kecil yang bisa membrikan dampak besar. Selain memudahkan navigasi pengunjung, fitur ini juga membantu mesin pencari memahami struktuk blog kamu. Dengan begitu, peluang artikelmu tampil lebih baik di hasil pencarian Google akan semakin besar.

Jangan ragu untuk mencoba langkah diatas. Jika sudah berhasil, blogmu akan terliha lebih profesional dan ramah SEO.

Selamat mencoba dan semoga artikel ini bermanfaat untuk kamu yang ingin mengembangkan blog di cobaduluaja.com.