Breadcrumb

Breadcrumb ditampilkan di halaman web

Jejak breadcrumb di sebuah halaman menunjukkan posisi halaman dalam hierarki situs. Pengguna dapat menjelajahi seluruh hierarki situs, setingkat demi setingkat, dengan memulai dari breadcrumb terakhir pada jejak breadcrumb.

Contoh

Google Penelusuran menggunakan markup breadcrumb pada isi halaman untuk mengategorikan informasi dari halaman tersebut dalam hasil penelusuran. Sering kali, seperti yang diilustrasikan dalam kasus penggunaan berikut, pengguna bisa sampai di sebuah halaman yang sama dari jenis kueri penelusuran yang sangat berbeda. Meskipun setiap penelusuran dapat menampilkan halaman web yang sama, breadcrumb mengategorikan konten dalam konteks kueri Google Penelusuran. Halaman ancillaryjustice.html dapat menampilkan jejak breadcrumb berikut, bergantung pada konteks penelusuran:

Kueri penelusuran untuk judul buku "Ancillary Justice" dapat menghasilkan breadcrumb berikut:

BooksAuthorsAnn Leckie › Ancillary Justice

Berikut ini contoh di JSON-LD untuk mendukung breadcrumb tersebut:

Kueri penelusuran untuk penghargaan berbasis genre dan tahun, "2014 Nebula Award best novel", dapat menghasilkan breadcrumb berikut:

BooksScience FictionAward Winners

RDFa

Berikut ini contoh di RDFa untuk mendukung breadcrumb tersebut:

Microdata

Berikut ini contoh di Microdata untuk mendukung breadcrumb tersebut:

Berikut ini contoh beberapa jejak breadcrumb:

BooksScience FictionAward Winners
LiteratureSpeculative Fiction

RDFa

Berikut ini contoh RDFa untuk mendukung breadcrumb tersebut:

Microdata

Berikut ini contoh Microdata untuk mendukung breadcrumb tersebut:

Contoh HTML

Berikut adalah contoh blok breadcrumb HTML dalam halaman sebagai bagian dari desain visual.

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    Award Winners
  </li>
</ol>

Panduan

Halaman Anda harus mengikuti pedoman ini agar memenuhi syarat untuk ditampilkan dengan breadcrumb di Google Penelusuran.

Definisi jenis data terstruktur

Untuk menentukan breadcrumb, tentukan BreadcrumbList yang berisi minimal dua ListItems. Anda harus menyertakan properti wajib agar konten Anda memenuhi syarat untuk ditampilkan dengan breadcrumb.

BreadcrumbList adalah item container yang menampung semua elemen dalam daftar. Definisi lengkap BreadcrumbList tersedia di schema.org/BreadcrumbList .

Properti wajib
itemListElement

BreadcrumbList

Array breadcrumb yang tercantum dalam urutan tertentu. Tentukan setiap breadcrumb dengan ListItem Misalnya:


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Authors",
    "item": "https://example.com/books/authors"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Ann Leckie",
    "item": "https://example.com/books/authors/annleckie"
  }]
}

ListItem

ListItem berisi detail tentang masing-masing item dalam daftar. Definisi lengkap ListItem tersedia di schema.org/ListItem.

Properti wajib
item

URL atau subjenis dari Thing

URL ke halaman web yang mewakili breadcrumb. Ada dua cara untuk menentukan item:

  • URL: Menentukan URL halaman. Contoh:
    
    "item": "https://example.com/books"
  • Thing: Gunakan ID untuk menentukan URL berdasarkan format markup yang Anda gunakan:
    • JSON-LD: Gunakan @id untuk menentukan URL.
    • Microdata: Anda dapat menggunakan href atau itemid untuk menentukan URL.
    • RDFa: Anda dapat menggunakan about, href, atau resource untuk menentukan URL.

Jika breadcrumb adalah item terakhir dalam jejak breadcrumb, item tidak diperlukan. Jika item tidak disertakan untuk item terakhir, Google akan menggunakan URL dari halaman yang memuatnya.

name

Text

Judul breadcrumb yang ditampilkan untuk pengguna. Jika Anda menggunakan Thing dengan name, bukan URL untuk menentukan item, maka name tidak diperlukan.

position

Integer

Posisi breadcrumb dalam jejak breadcrumb. Posisi 1 menandakan awal jejak.