Breadcrumb

Breadcrumb ditampilkan pada halaman

Jejak breadcrumb pada 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 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:

BukuPengarangAnn LeckieAncillary Justice

Berikut ini contoh di JSON-LD yang menggunakan Fitur Pengujian Data Terstruktur untuk mendukung breadcrumb tersebut:

Kueri penelusuran untuk penghargaan berbasis genre dan tahun, "Novel terbaik Penghargaan Nebula 2014", dapat menghasilkan breadcrumb berikut:

BukuFiksi IlmiahAncillary Justice

RDFa

Berikut ini contoh di RDFa yang menggunakan Fitur Pengujian Data Terstruktur untuk mendukung breadcrumb tersebut:

Microdata

Berikut ini contoh di Microdata yang menggunakan Fitur Pengujian Data Terstruktur untuk mendukung breadcrumb tersebut:

Berikut ini contoh beberapa jejak breadcrumb:

BukuFiksi IlmiahPemenang Penghargaan
SastraFiksi Spekulatif

RDFa

Berikut ini contoh RDFa untuk mendukung breadcrumb tersebut:

Microdata

Berikut ini contoh Microdata untuk mendukung breadcrumb tersebut:

Contoh HTML

Masukkan blok breadcrumb HTML ke dalam halaman sebagai bagian dari desain visual. Jejak breadcrumb HTML untuk contoh Panduan dapat berupa:

<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>
    <a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
  </li>
<ol>

Panduan

Selain panduan data terstruktur umum, markup Profil Sosial harus membuat satu atau beberapa jejak breadcrumb tanpa crumb untuk halaman target jika halaman dapat ditemukan dalam kumpulan hasil penelusuran yang lebih besar. Melanjutkan contoh di atas, karena kueri penelusuran novel fiksi ilmiah pemenang penghargaan akan menemukan banyak halaman lain selain ancillaryjustice.html, Anda dapat menyertakan jejak breadcrumb untuk mencerminkan kategori penelusuran yang lebih luas:

BukuFiksi IlmiahPemenang Penghargaan

Definisi jenis data terstruktur

Google Penelusuran mengenali properti BreadcrumbList berikut. Anda harus menyertakan properti wajib agar konten Anda memenuhi syarat untuk ditampilkan sebagai hasil kaya.

Properti wajib
item

Thing

URL ke halaman yang mewakili breadcrumb.

name

Text

Judul breadcrumb yang ditampilkan untuk pengguna.

position

Integer

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

Kirim masukan tentang...

Penelusuran
Penelusuran