Optimasi Breadcrumb Blogger Agar Seo Friendly (Studi Kasus SEO)

Breadcrumb : Tidak ada yang pernah membahas secara detail tentang pentingnya fungsi breadcrumb pada blogger

Seolah olah, breadcrumb cukup dipasang kemudian dicuekin, alangkah sia sianya

Dalam kesempatan kali ini gurublogger akan menunjukkan pentingnya optimasi breadcrumb pada blog

😀 Ups … ada ada aja

Apa Itu Breadcrumb?

Bread = Roti
Crumb = Remahan
Breadcrumb = Remahan roti
Breadcrumb Trail = Jejak Remahan Roti

Istilah breadcrumb diadopsi dari kisah Hansel and Gretel (dongeng jerman) dimana remahan roti digunakan untuk menemukan jalan pulang (sebagai jejak = trail), dongeng hansel dan gretel bisa dibaca disini

Pengertian Breadcrumb : Breadcrumb adalah jenis skema navigasi sekunder yang mengungkapkan lokasi pengguna pada sebuah situs web / aplikasi / explorer pada komputer, dll

Breadcrumb memungkinkan user untuk mengetahui sedang di bagian mana posisinya saat ini.

Breadcrumb Pada Komputer

breadcrumb-pada-komputer Dari gambar breadcrumb diatas kita tau bahwa file gambar.gif berada di folder belajar blog, dan file belajar blog ada di dalam documents, dan documents merupakan salah satu folder didalam komputer

 

Breadcrumb Pada Web / Blog :

breadcrumb-pada-blog Dari gambar diatas, kita tau bahwa artikel parse html berada dalam kategori Tools yang merupakan sub kategori dari Blogger

Jadi apakah breadcrumb dan label itu sama?

Beda, breadcrumb adalah navigasi untuk memperlihatkan kategori / label

Breadcrumb Dalam Search Result

Breadcrumb merupakan salah satu elemen yang wajib dioptimasi dalam teknik SEO modern (2021)

Berikut ini adalah studi kasus yang telah guru blogger lakukan terkait breadcrumb :

Studi Kasus Breadcrumb

Keyword :

  1. cara membuat blog
  2. blog wordpress
  3. cara mendaftarkan google adsense
  4. cara mendapatkan uang dari blog
  5. cara menjadi blogger
  6. daftar adsense
  7. daftar blogger
  8. micro blog
  9. safelink blogger
  10. blogger terkenal

Hasil studi kasus yang saya lakukan terhadap kata kunci diatas adalah :

 Dari 100 halaman web yang ditampilkan oleh google di halaman pertama, keseluruhan web tersebut telah menggunakan breadcrumb yang dioptimasi, Tingkat prosentasenya mencapai 100%

Lalu apakah teman teman hanya akan memasang breadcrumb di blog, kemudian membiarkannya begitu saja? breadcrumb-yang-baik

TRENDING :  Cara Mudah Membuat Contact Us di Blog Untuk Adsense

Optimasi Breadcrumb

Pertanyaan selanjutnya adalah, berapa panjang breadcrumb yang optimal menurut SEO?

Dikarenakan lebar device yang berbeda, maka ada 2 kondisi yaitu Desktop dan Mobile view

Desktop Breadcrumb

Bila pengunjung blog mayoritas berasal dari desktop, maka ada baiknya teman teman mengoptimasi breadcrumb sesuai desktop view

Berikut ini adalah hasil studi kasus yang telah dilakukan oleh Guru Blogger :

1. Breadcrumb = font-family: arial,sans-serif ; font size: 14 px

font-breadcrumb-di-google

2. Panjang Breadcrumb = 352 px Max

breadcrumb-length

3. Separator Breadcrumb = 13 px

breadcrumb-separator

4. Breadcrumb Mengakomodir Spasi

label-breadcrumb-blogger

5. Breadcrumb diganti titik bila panjangnya melampaui 352px

breadcrumb-terpotong-titik

Dari hasil studi kasus diatas, kesimpulan yang dapat diambil adalah

 Condition = font-family: arial,sans-serif ; font size: 14 px
352 px Max = {Your www url (in px)} + {n X 13px} + {n category length (in px)}
n = number of category / label

Bila ingin menggunakan breadcrumb secara maksimal gunakan formula diatas.

Bila teman teman menemukan adanya kesalahan atau memiliki hasil percobaan yang berbeda, silahkan memberi tanggapan dalam kolom komentar

Mobile Breadcrumb Optimization

Dikarenakan lebar mobile device bermacam macam (variabelnya cukup banyak), diperlukan tambahan waktu untuk riset

Akan saya lakukan update bila sudah berhasil, untuk sementara silahkan pilih kata yang tidak panjang sebagai label agar breadcrumb pada mobile view hasilnya maksimal breadcrumb-mobile-view

Hubungan Breadcrumb Dengan Label

Idealnya, kita ingin label dalam navigasi breadcrumb bisa tampil sesuai selera, namun sayang blogger mengurutkan label berdasarkan abjad

optimasi-label-di-blogger

Berdasarkan gambar diatas :

  1. gurublogger.id memiliki beberapa kategori yang salah satunya adalah Blogger
  2. Blogger juga memiliki beberapa sub kategori yang salah satunya adalah Dasbor,
  3. dan Dasbor juga memiliki beberapa sub kategori yang salah satunya adalah post editor,
  4. halaman html yang kita lihat berada disitu
TRENDING :  Aplikasi Teknik SEO Mengikuti Perubahan Algorithm 2021 lalu

Susunan amtara kategori utama, sub kategori, kategori tambahan, dll akan acak bila teman teman tidak menyusun nama label berdasarkan huruf abjad

Salah satu trik paling mudah mungkin dengan menambahkan angka, namun biasanya kita agak kurang nyaman

Trik lain yang bisa digunakan adalah merubah susunan label dengan javascript, namun kelemahan penggunaan javascript adalah menurunnya performance blog (jadi bukan pilihan tepat)

Solusi terbaik adalah Kompromi

Kita harus membuat penyesuaian nama label urut berdasarkan abjad (sesuai aturan breadcrumb yang telah diberikan blogger)

Caranya adalah memilah milah kata dalam synonim dan bahasa yang berbeda, dan kalau perlu digambar optimasi-label-untuk-breadcrumb

Kira kira seperti itulah tips dan trik terkait optimasi SEO untuk label

Lakukan optimasi breadcrumb semaksimal mungkin, karena google mencintai blog dengan strutkur navigasi yang baik

Untuk melihat apakah schema mark up untuk breadcrumb di blog milik teman teman sudah diterapkan dengan baik, maka silahkan cek struktur breadcrumbnya di google rich result test cara-cek-struktur-breadcrumb

Bila struktur breadcrumb hasil tes masih salah, teman teman bisa mengganti breadcrumb guru blogger