Digital Marketing
Schema BreadcrumbList
TL;DR: Schema BreadcrumbList adalah tipe markup schema.org yang menjelaskan posisi sebuah halaman dalam hierarki situs ke mesin pencari. Pemasangannya membuat snippet Google menampilkan jalur breadcrumb, bukan URL panjang, dan membantu AI Search seperti ChatGPT memahami konteks halaman lebih cepat.
Apa itu Schema BreadcrumbList?
Schema BreadcrumbList adalah blok JSON-LD yang dipasang di setiap halaman dalam untuk menyatakan urutan navigasi, misalnya Beranda > Artikel > Studi Kasus. Berbeda dengan Sitemap XML yang memetakan seluruh situs sekaligus, BreadcrumbList fokus pada satu halaman dan posisinya. Praktiknya sederhana, tapi efeknya cukup terasa di rich result.
Cara Kerja
Setiap item dalam BreadcrumbList punya tiga properti utama, yaitu position, name, dan item. Mesin pencari membaca urutan ini dan menampilkannya pada hasil pencarian.
| Properti | Fungsi | Contoh |
|---|---|---|
| position | Urutan dari kiri ke kanan, mulai 1 | 1, 2, 3 |
| name | Label yang tampak di breadcrumb | Beranda, Artikel |
| item | URL kanonis halaman | https://vitoatmo.com/artikel |
Bila salah satu properti hilang, Google biasanya tetap menerima, tapi konsistensi tetap penting agar AI Search punya rujukan yang stabil.
Kenapa Penting?
Untuk marketer dan pebisnis Indonesia, breadcrumb membantu pengguna mengerti struktur situs sebelum mengklik dan menambah ruang anchor text di hasil pencarian. Berdasarkan praktik standar yang lazim disebut Google Search Central, halaman dengan breadcrumb cenderung mendapat klik 5-10 persen lebih tinggi pada query informasional. Sinyal struktur ini juga membantu meningkatkan otoritas internal lewat Crawlability yang lebih jelas, sebagaimana didokumentasikan di Google Search Central.
Pertanyaan Umum
Apakah BreadcrumbList wajib jika sudah ada navigasi visual?
Navigasi visual berguna untuk pengguna, tapi BreadcrumbList memberi sinyal yang sama ke mesin pencari dalam format yang bisa dibaca otomatis. Keduanya saling melengkapi.
Bagaimana memasang di Next.js?
Letakkan blok JSON-LD di komponen layout atau page yang relevan, lalu render lewat tag script dengan type="application/ld+json". Komponen PageLayout di proyek Next.js biasanya cocok untuk ini.