Contoh Breadcrumb Schema
Contoh breadcrumb schema yang baik menampilkan semua field yang dibaca Google: tipe daftar, posisi tiap langkah, nama, dan URL-nya. Gunakan contoh di bawah sebagai acuan, lalu ketik jalur Anda sendiri ke alat di atas dan dapatkan struktur yang sama dengan halaman Anda.
Ubah contoh menjadi markup Anda sendiri
-
1
Salin format barisnya
Ketik satu baris per tingkat dengan format Nama | URL, misalnya Beranda | https://example.com/ pada baris pertama.
-
2
Tambahkan tingkat yang lebih dalam
Taruh bagian situs di baris kedua dan halaman saat ini di baris terakhir, masing-masing dengan URL lengkap.
-
3
Buat
Lanjut ke hasil. Alat menomori langkah mulai dari 1 dan membangun tag script.
-
4
Bandingkan dengan contoh
Pastikan hasil Anda memiliki key yang sama dengan contoh, lalu gunakan tombol Salin.
Contoh lengkap untuk halaman tiga tingkat
Bayangkan sebuah artikel blog di https://example.com/blog/breadcrumb-basics/. Jalur yang terlihat adalah Beranda, Blog, Dasar-dasar breadcrumb. Jika dimasukkan ke alat, bentuknya seperti ini:
Beranda | https://example.com/
Blog | https://example.com/blog/
Dasar-dasar breadcrumb | https://example.com/blog/breadcrumb-basics/
Hasil yang dibuat:
<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": "Blog",
"item": "https://example.com/blog/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Dasar-dasar breadcrumb",
"item": "https://example.com/blog/breadcrumb-basics/"
}
]
}
</script>
Fungsi tiap bagian
| Field | Arti |
|---|---|
@context |
Memberi tahu parser bahwa kosakata yang dipakai adalah schema.org. |
@type: BreadcrumbList |
Menyatakan bahwa blok ini menggambarkan sebuah jalur. |
itemListElement |
Array berurutan berisi langkah-langkah. |
position |
Nomor langkah, dimulai dari 1 untuk tingkat teratas. |
name |
Label yang ditampilkan dalam jalur. |
item |
URL dari langkah tersebut. |
Menyesuaikan contoh
Pertahankan urutan dari puncak situs hingga halaman saat ini. Pakai label yang sama dengan breadcrumb yang dilihat pengunjung di halaman, dan tulis URL lengkap beserta protokolnya. Baris yang tidak punya nama atau URL akan dilewati, sehingga penomoran tetap berurutan tanpa celah. Alat ini juga menulis URL untuk langkah terakhir, dan itu markup yang valid.
Untuk halaman yang lebih dalam, tambahkan baris. Produk pada kedalaman lima otomatis mendapat lima entri, dengan posisi 1 sampai 5.
Membaca hasil Anda sendiri
Setelah versi Anda jadi, baca dari atas ke bawah dan bandingkan dengan contoh. Entri pertama harus berupa beranda Anda di posisi 1. Entri terakhir harus berupa halaman tempat markup berada, dengan URL-nya sendiri. Jika ada nama yang terlihat keliru, kembali, ubah baris itu, lalu buat ulang; tidak ada hal lain yang perlu diubah selain penomoran, yang diperbarui otomatis oleh alat.
Untuk halaman yang lebih dangkal, seperti halaman Tentang Kami tepat di bawah beranda, contohnya menyusut menjadi dua entri. Strukturnya tidak pernah berubah: hanya jumlah objek ListItem yang berbeda, dan alat menghitungnya untuk Anda.
Pertanyaan yang Sering Diajukan
Hanya setelah nama dan URL diganti dengan milik Anda. Example.com hanyalah placeholder, dan markup yang mengarah ke halaman yang tidak ada atau tidak sesuai dengan jalur yang terlihat bisa diabaikan.
Sebanyak jumlah tingkat halaman tersebut. Umumnya dua sampai lima. Alat menerima jumlah baris berapa pun.
Hasilnya adalah blok bertipe application/ld+json yang siap ditempel. Letakkan di head atau body halaman, dan jangan dibungkus dengan apa pun.
Baris itu dilewati dan tidak mendapat nomor posisi. Tambahkan URL setelah karakter garis tegak agar langkah tersebut tetap ada di jalur.
Alat Terkait
Parser UTM
Tempel URL kampanye dan baca lima tag UTM standarnya (source, medium, campaign, term, dan content) dengan setiap nilai ter-decode. Cara cepat memeriksa tautan pelacakan sebelum dikirim.
Pembuat Tautan UTM
Bangun URL pelacakan kampanye dengan parameter UTM source, medium, campaign, term, dan content. Tautan bersih ber-URL-encode, siap untuk iklan dan newsletter.
Penganalisis Header Keamanan
Tempel header respons HTTP Anda dan dapatkan saran berprioritas tentang header keamanan yang penting: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy, dan lainnya.
Pratinjau SERP
Pratinjau sebuah hasil pencarian Google sebelum dipublikasikan. Penghitung karakter langsung memperingatkan judul dan deskripsi meta yang terlalu panjang, dan cuplikan bergaya Google memperlihatkan tampilan hasil Anda.
Generator Peta Situs
Tempel daftar URL Anda dan hasilkan sitemap XML valid dengan changefreq, priority, dan lastmod opsional, siap disimpan dan dikirim ke Search Console.
Pratinjau cuplikan SERP dari URL
Tempel URL dan lihat bagaimana judul, deskripsi meta, dan URL kanoniknya tampil langsung sebagai cuplikan Google. Diambil langsung dari halaman, tanpa menyalin secara manual.
Alat ini tersedia dalam bahasa lain
- Ejemplo de esquema de migas de pan [ES]
- Exemple de schéma de fil d'Ariane [FR]
- パンくずリスト構造化データの例 [JA]
- Exemplo de Schema de Breadcrumb [PT]
- Ví dụ về Breadcrumb Schema [VI]
- مثال على Breadcrumb Schema [AR]
- Breadcrumb schema exempel [SV]
- 브레드크럼 Schema 예시 [KO]
- Breadcrumb-Schema Beispiel [DE]
- Breadcrumb schema voorbeeld [NL]
- ตัวอย่าง Breadcrumb Schema [TH]
- Przykład schematu breadcrumbs [PL]
- Breadcrumb Schema Example [EN]
- Esempio di Schema Breadcrumb [IT]
- Пример разметки Breadcrumb Schema [RU]
- Breadcrumb Schema Örneği [TR]
- 面包屑结构化数据示例 [ZH]