Case Study

Studi Kasus Felicia Tan: Pasang BreadcrumbList Schema di 380 Halaman Kategori Naikkan CTR Organik dari 2,1% ke 2,6% di 2026

A
Admin·26 Mei 2026·0 kali dibaca·4 min baca
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.

tsx
// 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:

MetrikSebelumSesudahDelta
Posisi rata-rata8,48,3-0,1
Impresi/bulan142.000146.500+3,2%
Klik/bulan2.9823.809+27,7%
CTR2,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.

Bagikan

Artikel Terkait

#breadcrumblist-schema#structured-data#ctr-organik#case-study

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang