Studi Kasus Felicia Tan: Pasang BreadcrumbList Schema di 380 Halaman Kategori Naikkan CTR Organik dari 2,1% ke 2,6% di 2026
TL;DR: Toko online Felicia Tan punya 380 halaman kategori produk dengan URL yang sering dipotong Google di SERP. Setelah saya pasang BreadcrumbList Schema di template kategori, snippet di SERP mulai menampilkan breadcrumb "vitoatmo > kategori > sub-kategori" sebagai pengganti URL. CTR organik agregat naik dari 2,1% ke 2,6% dalam 5 minggu, tanpa perubahan posisi rangking.
Saya audit Search Console milik Felicia di akhir Maret 2026. Catalogue produknya cukup dalam: 4 level navigasi (Beranda > Kategori > Sub-kategori > Tipe). URL panjang seperti /kategori/elektronik/audio/headphone-wireless muncul di SERP, tapi Google sering memotongnya menjadi /kategori/elektronik/audio/.... Listing tampak kurang ramah dibaca.
Hipotesa saya: pengguna SERP yang melihat URL terpotong cenderung skip listing yang tidak jelas konteksnya. Sementara competitor utama Felicia sudah menampilkan breadcrumb bersih di SERP, dengan label kategori yang lebih mudah dipahami.
Audit: Markup yang Hilang
Saya cek halaman kategori dengan Schema Markup Validator. Hasilnya: halaman hanya punya Article markup yang salah tipe (kategori bukan artikel). Tidak ada Structured Data khusus untuk navigasi. Padahal halaman ini punya breadcrumb visual yang konsisten di header, hanya tidak diberi tahu ke mesin.
Selain itu, beberapa kategori dalam belum punya breadcrumb visual sama sekali. Saya rekomendasikan dua perbaikan paralel: (1) tambah breadcrumb visual ke seluruh template kategori, (2) pasang BreadcrumbList JSON-LD yang match dengan breadcrumb visual itu.
Implementasi: Component Reusable
Karena Felicia pakai Next.js App Router, saya buat satu komponen <BreadcrumbJsonLd /> yang dipanggil di setiap layout kategori. Komponen ini terima props items (array {name, href}), lalu render JSON-LD lengkap dengan itemListElement dan position.
// Pseudocode
<BreadcrumbJsonLd items=[
{name:'Beranda', href:'/'},
{name:'Elektronik', href:'/kategori/elektronik'},
{name:'Audio', href:'/kategori/elektronik/audio'},
{name:'Headphone Wireless', href:'/kategori/elektronik/audio/headphone-wireless'}
] />
Pendekatan reusable ini penting karena ada 380 halaman kategori. Tanpa komponen single source of truth, markup gampang tidak konsisten antar halaman, dan inkonsistensi sekecil apapun bisa men-trigger warning di Search Console.
Validasi Sebelum Deploy
Saya jalankan Rich Results Test ke 12 URL sampel dari berbagai level kedalaman. Semua valid. Saya juga submit sitemap baru ke Google dan ping IndexNow untuk mempercepat re-crawl massal 380 URL.
Hasil dalam 5 Minggu
Setelah re-crawl selesai (terlihat di laporan Cakupan Search Console), breadcrumb mulai muncul di SERP. Metrik agregat untuk seluruh halaman kategori:
| Metrik | Sebelum | Sesudah | Delta |
|---|---|---|---|
| Posisi rata-rata | 8,4 | 8,3 | -0,1 |
| Impresi/bulan | 142.000 | 146.500 | +3,2% |
| Klik/bulan | 2.982 | 3.809 | +27,7% |
| CTR | 2,1% | 2,6% | +23,8% |
Kenaikan CTR sebesar 23,8% relatif terjadi tanpa naik posisi yang berarti. Praktik yang sama saya pakai untuk beberapa toko online client lain, dan pola hasilnya konsisten di rentang 5 sampai 25 persen kenaikan CTR. Detail teknis lebih lengkap bisa dirujuk ke dokumentasi resmi Google Search Central tentang breadcrumb.
Pertanyaan Umum
Apakah breadcrumb di JSON-LD harus match dengan breadcrumb visual?
Iya, idealnya. Google menyarankan markup mencerminkan apa yang dilihat pengguna. Mismatch yang signifikan bisa men-trigger manual action atau setidaknya warning di Search Console.
Apakah BreadcrumbList efektif untuk blog atau artikel?
Efektif, tapi dampak CTR-nya umumnya lebih kecil dibanding kategori produk. Blog biasanya hanya dua level: Beranda > Artikel. Marketplace dan toko online dengan navigasi dalam paling diuntungkan.
Berapa lama Google re-crawl 380 halaman?
Dengan submit sitemap + IndexNow, umumnya selesai dalam 1 sampai 3 minggu. Tanpa keduanya, bisa 4 sampai 8 minggu.
Apakah perlu tambah Product Schema juga di halaman kategori?
Tidak. Halaman kategori berisi listing produk, bukan satu produk tunggal. Pakai BreadcrumbList di halaman kategori, dan Product Schema di halaman detail produk.
Pelajaran untuk Marketer Lain
URL teknis yang dipotong di SERP adalah pemborosan halaman yang sudah punya posisi bagus. Sebelum optimasi konten atau backlink, pastikan listing Anda tampil ramah dibaca pengguna. BreadcrumbList adalah salah satu markup paling murah dipasang dengan dampak CTR paling cepat terlihat. Untuk situs dengan navigasi dalam, ini wajib.
Artikel Terkait
Case Study
Studi Kasus Yuanita Sekar: Pasang Person Schema di Next.js untuk Muncul di Knowledge Panel Google dalam 60 Hari 2026
Catatan implementasi Person Schema pada situs personal branding Yuanita Sekar yang membantu Google mengenali entitas dan menampilkan knowledge panel dalam waktu sekitar 60 hari.
Case Study
Studi Kasus Nalesha: Pillar Cluster Strategy Naikkan Organic Traffic Parfum dari 1.200 ke 4.800 Sesi per Bulan di 2026
Bagaimana Nalesha membangun pillar content "Panduan Memilih Parfum" plus 11 artikel cluster dan menumbuhkan organic traffic 4x dalam 7 bulan tanpa tambah budget iklan.
Case Study
Studi Kasus Ade Mulyana: Pasang Product Schema di Halaman Paket Layanan Notaris untuk Naikkan CTR Organik 23% di 2026
Halaman paket layanan Ade Mulyana hanya dapat klik organik tipis meski sudah rank 4. Setelah pasang Product Schema dengan harga dan rating, CTR naik dari 1,8% ke 2,2% dalam 6 minggu.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang