Contoh Breadcrumb Schema

Gunakan satu item per baris: Nama | URL

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. 1

    Salin format barisnya

    Ketik satu baris per tingkat dengan format Nama | URL, misalnya Beranda | https://example.com/ pada baris pertama.

  2. 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. 3

    Buat

    Lanjut ke hasil. Alat menomori langkah mulai dari 1 dan membangun tag script.

  4. 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

Alat ini tersedia dalam bahasa lain

Panduan dan contoh penggunaan