Breadcrumb schema markup adalah jenis data terstruktur berbasis JSON-LD yang digunakan pada situs web untuk membantu mesin pencari memahami hierarki halaman dan jalur navigasi pengguna. Berdasarkan dokumentasi dan standar implementasi data terstruktur, breadcrumb merupakan salah satu jenis schema markup esensial yang dapat diterapkan di samping format lain seperti article, carousel, course list item, dan course info.
Penerapan markup ini memberikan konteks visual yang jelas pada hasil pencarian (SERP) sehingga pengguna dapat melihat posisi halaman yang sedang mereka akses secara real-time di dalam struktur direktori situs web Anda.
Jenis Schema Markup Terkait
Selain breadcrumb, terdapat beberapa jenis schema markup lain yang umum digunakan sesuai dengan fungsi halaman web masing-masing. Berikut adalah matriks jenis schema markup yang didukung dalam standar implementasi web modern:
| Jenis Schema | Fungsi Utama | Area Tampilan SERP |
|---|---|---|
| Breadcrumb | Menunjukkan jalur navigasi hierarkis situs web | Di atas URL hasil pencarian |
| Article | Menandai konten berita atau artikel blog | Rich snippets berita / Top stories |
| Carousel | Menampilkan daftar item dalam format geser/carousel | Tampilan daftar interaktif di SERP |
| Course | Menyediakan informasi detail mengenai program kursus | Kotak informasi khusus edukasi |
Langkah Penerapan Breadcrumb JSON-LD
Untuk mengimplementasikan breadcrumb schema markup pada halaman web, Anda perlu menyisipkan skrip JSON-LD di bagian kepala (<head>) atau di dalam tubuh dokumen HTML (<body>). Berikut adalah contoh struktur kode nyata yang dapat digunakan:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Beranda",
"item": "https://example.com"
},{
"@type": "ListItem",
"position": 2,
"name": "Kategori",
"item": "https://example.com/kategori"
},{
"@type": "ListItem",
"position": 3,
"name": "Judul Halaman",
"item": "https://example.com/kategori/judul-halaman"
}]
}
</script>Validasi dan Pengujian Teknis
Setelah menerapkan kode JSON-LD ke dalam template situs web Anda, pastikan untuk selalu melakukan pengujian menggunakan alat validasi resmi seperti Schema Markup Validator atau Rich Results Test dari Google. Hal ini bertujuan untuk memastikan bahwa struktur data terbaca dengan sempurna tanpa adanya kesalahan sintaksis atau properti yang hilang.