Breadcrumb (BreadcrumbList) structured data

Un breadcrumb trail pe o pagină indică poziția paginii în ierarhia site-ului și poate ajuta utilizatorii să înțeleagă și să exploreze eficient un site. Un utilizator poate naviga în sus în ierarhia site-ului, un nivel la un moment dat, începând de la ultimul breadcrumb din breadcrumb trail.

Disponibilitatea funcției

Această funcție este disponibilă pe desktop în toate regiunile și limbile unde este disponibil Google Search.

Cum să adaugi date structurate

Datele structurate sunt un format standardizat pentru a oferi informații despre o pagină și pentru a clasifica conținutul paginii. Dacă ești nou în utilizarea datelor structurate, poți afla mai multe despre cum funcționează datele structurate.

Iată o prezentare generală despre cum să construiești, testezi și să lansezi date structurate.

Adaugă proprietățile necesare. În funcție de formatul pe care îl folosești, învață unde să inserezi datele structurate pe pagină.

Folosești un CMS? Poate fi mai ușor să folosești un plugin integrat în CMS-ul tău.

Folosești JavaScript? Învață cum să generezi date structurate cu JavaScript.
Urmează ghidurile.
Validează codul tău folosind Rich Results Test și corectează orice erori critice. Ia în considerare și corectarea problemelor non-critice care pot fi semnalate în instrument, deoarece acestea pot ajuta la îmbunătățirea calității datelor tale structurate (totuși, acest lucru nu este necesar pentru a fi eligibil pentru rich results).
Publică câteva pagini care includ datele tale structurate și folosește URL Inspection tool pentru a testa cum vede Google pagina. Asigură-te că pagina ta este accesibilă pentru Google și nu este blocată de un fișier robots.txt, eticheta noindex sau cerințe de autentificare. Dacă pagina arată bine, poți cere Google să recrawleze URL-urile tale.

Notă: Permite timp pentru recrawling și reindexare. Amintește-ți că poate dura câteva zile după publicarea unei pagini pentru ca Google să o găsească și să o crawleze.
Pentru a menține Google informat despre schimbările viitoare, se recomandă să trimiți un sitemap. Poți automatiza acest lucru cu Search Console Sitemap API.

Exemple

Google Search folosește marcajul breadcrumb în corpul unei pagini web pentru a categoriza informațiile din pagină în rezultatele căutării. Adesea, așa cum este ilustrat în următoarele cazuri de utilizare, utilizatorii pot ajunge la o pagină din tipuri foarte diferite de interogări de căutare. În timp ce fiecare căutare poate returna aceeași pagină web, breadcrumb-ul categorizează conținutul în contextul interogării Google Search. Pagina pentru câștigătorii unui premiu fictiv de carte ar putea folosi următoarele breadcrumb trails:

Dacă există un singur breadcrumb trail care poate duce la pagină, pagina ar putea specifica următorul breadcrumb trail:

Cărți › Science Fiction › Câștigători ai premiilor

JSON-LD

Iată un exemplu în JSON-LD pentru a susține acel breadcrumb:

<>
  <head>
    <title>Câștigători ai premiilor</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Cărți",
        "item": "https://example.com/books"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Câștigători ai premiilor"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</>

RDFa

Iată un exemplu în RDFa pentru a susține acel breadcrumb:

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol vocab="https://schema.org/" typeof="BreadcrumbList">
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/books">
          <span property="name">Cărți</span></a>
        <meta property="position" content="1">
      </li>
      ›
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction">
          <span property="name">Science Fiction</span></a>
        <meta property="position" content="2">
      </li>
      ›
      <li property="itemListElement" typeof="ListItem">
        <span property="name">Câștigători ai premiilor</span>
        <meta property="position" content="3">
      </li>
    </ol>
  </body>
</>

Microdata

Iată un exemplu în Microdata pentru a susține acel breadcrumb:

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/books">
            <span itemprop="name">Cărți</span></a>
        <meta itemprop="position" content="1" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction">
          <span itemprop="name">Science Fiction</span></a>
        <meta itemprop="position" content="2" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <span itemprop="name">Câștigători ai premiilor</span>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
  </body>
</>

Iată un exemplu de bloc breadcrumb în cadrul paginii ca parte a designului vizual.

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol>
      <li>
        <a href="https://www.example.com/books">Cărți</a>
      </li>
      <li>
        <a href="https://www.example.com/sciencefiction">Science Fiction</a>
      </li>
      <li>
        Câștigători ai premiilor
      </li>
    </ol>
  </body>
</>

Dacă există mai multe moduri de a naviga către o pagină pe site-ul tău, poți specifica mai multe breadcrumb trails pentru o singură pagină. Iată un breadcrumb trail care duce la o pagină pentru cărți câștigătoare de premii:

Cărți › Science Fiction › Câștigători ai premiilor

Iată un alt breadcrumb trail care duce la aceeași pagină:

Literatură › Câștigători ai premiilor

JSON-LD

Iată exemplul JSON-LD care susține breadcrumb trails multiple:

<>
  <head>
    <title>Câștigători ai premiilor</title>
    <script type="application/ld+json">
    [{
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Cărți",
        "item": "https://example.com/books"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Câștigători ai premiilor"
      }]
    },
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Literatură",
        "item": "https://example.com/literature"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Câștigători ai premiilor"
      }]
    }]
    </script>
  </head>
  <body>
  </body>
</>

RDFa

Iată exemplul RDFa care susține breadcrumb trails multiple:

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol vocab="https://schema.org/" typeof="BreadcrumbList">
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/books">
          <span property="name">Cărți</span></a>
        <meta property="position" content="1">
      </li>
      ›
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction">
          <span property="name">Science Fiction</span></a>
        <meta property="position" content="2">
      </li>
      ›
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinners">
          <span property="name">Câștigători ai premiilor</span></a>
        <meta property="position" content="3">
      </li>
    </ol>
    <ol vocab="https://schema.org/" typeof="BreadcrumbList">
      <li property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" href="https://example.com/literature">
          <span property="name">Literatură</span></a>
        <meta property="position" content="1">
      </li>
      ›
      <li property="itemListElement" typeof="ListItem">
        <span property="name">Câștigători ai premiilor</span>
        <meta property="position" content="2">
      </li>
    </ol>
  </body>
</>

Microdata

Iată exemplul Microdata care susține breadcrumb trails multiple:

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/books">
            <span itemprop="name">Cărți</span></a>
        <meta itemprop="position" content="1" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction">
          <span itemprop="name">Science Fiction</span></a>
        <meta itemprop="position" content="2" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/books/sciencefiction/awardwinners">
          <span itemprop="name">Câștigători ai premiilor</span></a>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/literature">
          <span itemprop="name">Literatură</span></a>
        <meta itemprop="position" content="1" />
      </li>
      ›
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <span itemprop="name">Câștigători ai premiilor</span>
        <meta itemprop="position" content="2" />
      </li>
    </ol>
  </body>
</>

Iată un exemplu de bloc breadcrumb în cadrul paginii ca parte a designului vizual.

<>
  <head>
    <title>Câștigători ai premiilor</title>
  </head>
  <body>
    <ol>
      <li>
        <a href="https://www.example.com/books">Cărți</a>
      </li>
      <li>
        <a href="https://www.example.com/books/sciencefiction">Science Fiction</a>
      </li>
      <li>
        Câștigători ai premiilor
      </li>
    </ol>
    <ol>
      <li>
        <a href="https://www.example.com/literature">Literatură</a>
      </li>
      <li>
        Câștigători ai premiilor
      </li>
    </ol>
  </body>
</>

Ghiduri

Trebuie să urmezi aceste ghiduri pentru a fi eligibil să apari cu breadcrumbs în Google Search.

Google recomandă să oferi breadcrumbs care reprezintă un traseu tipic al utilizatorului către o pagină, în loc să oglindești structura URL-ului. Nu este necesar să incluzi un ListItem breadcrumb pentru calea de nivel superior (domeniul sau numele gazdei site-ului tău), nici pentru pagina în sine.

Definiții ale tipurilor de date structurate

Pentru a specifica breadcrumbs, definește un BreadcrumbList care conține cel puțin două ListItems. Trebuie să incluzi proprietățile necesare pentru ca conținutul tău să fie eligibil pentru afișare cu breadcrumbs.

`BreadcrumbList`

BreadcrumbList este elementul container care conține toate elementele din listă. Definiția completă a BreadcrumbList este disponibilă la schema.org/BreadcrumbList. Proprietățile suportate de Google sunt următoarele:

Proprietăți necesare

Proprietăți necesare
`itemListElement`	`ListItem` Un array de breadcrumbs listate într-o ordine specifică. Specifică fiecare breadcrumb cu un `ListItem`. De exemplu: `{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Cărți", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Autori", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" }] }`

itemListElement

ListItem

Un array de breadcrumbs listate într-o ordine specifică. Specifică fiecare breadcrumb cu un ListItem. De exemplu:

{

  "@context": "https://schema.org",

  "@type": "BreadcrumbList",

  "itemListElement": [{

    "@type": "ListItem",

    "position": 1,

    "name": "Cărți",

    "item": "https://example.com/books"

  },{

    "@type": "ListItem",

    "position": 2,

    "name": "Autori",

    "item": "https://example.com/books/authors"

  },{

    "@type": "ListItem",

    "position": 3,

    "name": "Ann Leckie",

    "item": "https://example.com/books/authors/annleckie"

  }]

}

`ListItem`

ListItem conține detalii despre un element individual din listă. Definiția completă a ListItem este disponibilă la schema.org/ListItem. Proprietățile suportate de Google sunt următoarele:

Proprietăți necesare

Proprietăți necesare
`item`	`URL` sau un subtip de `Thing` URL-ul către pagina web care reprezintă breadcrumb-ul. Există două moduri de a specifica `item`: `URL`: Specifică URL-ul paginii. De exemplu: `"item": "https://example.com/books"` `Thing`: Folosește un id pentru a specifica URL-ul în funcție de formatul de marcaj pe care îl folosești: JSON-LD: Folosește `@id` pentru a specifica URL-ul. Microdata: Poți folosi `href` sau `itemid` pentru a specifica URL-ul. RDFa: Poți folosi `about`, `href` sau `resource` pentru a specifica URL-ul. Dacă breadcrumb-ul este ultimul element din breadcrumb trail, `item` nu este necesar. Dacă `item` nu este inclus pentru ultimul element, Google folosește URL-ul paginii conținute.
`name`	`Text` Titlul breadcrumb-ului afișat pentru utilizator. Dacă folosești un `Thing` cu un `name` în loc de un `URL` pentru a specifica `item`, atunci `name` nu este necesar.
`position`	`Integer` Poziția breadcrumb-ului în breadcrumb trail. Poziția 1 semnifică începutul trail-ului.

item

URL sau un subtip de Thing

URL-ul către pagina web care reprezintă breadcrumb-ul. Există două moduri de a specifica item:

URL: Specifică URL-ul paginii. De exemplu:
```
"item": "https://example.com/books"
```
Thing: Folosește un id pentru a specifica URL-ul în funcție de formatul de marcaj pe care îl folosești:
- JSON-LD: Folosește @id pentru a specifica URL-ul.
- Microdata: Poți folosi href sau itemid pentru a specifica URL-ul.
- RDFa: Poți folosi about, href sau resource pentru a specifica URL-ul.

Dacă breadcrumb-ul este ultimul element din breadcrumb trail, item nu este necesar. Dacă item nu este inclus pentru ultimul element, Google folosește URL-ul paginii conținute.

name

Text

Titlul breadcrumb-ului afișat pentru utilizator. Dacă folosești un Thing cu un name în loc de un URL pentru a specifica item, atunci name nu este necesar.

position

Integer

Poziția breadcrumb-ului în breadcrumb trail. Poziția 1 semnifică începutul trail-ului.

Monitorizează rich results cu Search Console

Search Console este un instrument care te ajută să monitorizezi cum performează paginile tale în Google Search. Nu trebuie să te înscrii în Search Console pentru a fi inclus în rezultatele Google Search, dar poate ajuta să înțelegi și să îmbunătățești cum vede Google site-ul tău. Google recomandă verificarea Search Console în următoarele cazuri:

După implementarea datelor structurate pentru prima dată
După lansarea de noi șabloane sau actualizarea codului tău
Analizând traficul periodic

După implementarea datelor structurate pentru prima dată

După ce Google a indexat paginile tale, caută probleme folosind Raportul de stare pentru rich results. Ideal, va exista o creștere a elementelor valide și nicio creștere a elementelor invalide. Dacă găsești probleme în datele tale structurate:

Corectează elementele invalide.
Inspectează un URL live pentru a verifica dacă problema persistă.
Solicită validarea folosind raportul de stare.

După lansarea de noi șabloane sau actualizarea codului tău

Când faci schimbări semnificative pe site-ul tău, monitorizează pentru creșteri ale elementelor invalide de date structurate.

Dacă vezi o creștere a elementelor invalide, poate ai lansat un nou șablon care nu funcționează sau site-ul tău interacționează cu șablonul existent într-un mod nou și greșit.
Dacă vezi o scădere a elementelor valide (nepotrivită de o creștere a elementelor invalide), poate nu mai încorporezi date structurate în paginile tale. Folosește URL Inspection tool pentru a afla ce cauzează problema.

Analizând traficul periodic

Analizează traficul tău Google Search folosind Raportul de Performanță. Datele îți vor arăta cât de des apare pagina ta ca un rich result în Search, cât de des utilizatorii dau click pe ea și care este poziția medie în care apari în rezultatele căutării. Poți de asemenea să extragi automat aceste rezultate cu Search Console API.

Depanare

Dacă întâmpini probleme în implementarea sau depanarea datelor structurate, iată câteva resurse care te pot ajuta.

Dacă folosești un sistem de management al conținutului (CMS) sau altcineva se ocupă de site-ul tău, cere-le ajutorul. Asigură-te că le transmiți orice mesaj din Search Console care detaliază problema.
Google nu garantează că funcțiile care consumă date structurate vor apărea în rezultatele căutării. Pentru o listă de motive comune pentru care Google poate să nu afișeze conținutul tău într-un rich result, vezi Ghidurile Generale pentru Date Structurate.
Poate ai o eroare în datele tale structurate. Verifică lista de erori de date structurate și Raportul de date structurate neparse.
Dacă ai primit o acțiune manuală pentru date structurate împotriva paginii tale, datele structurate de pe pagină vor fi ignorate (deși pagina poate apărea în rezultatele Google Search). Pentru a remedia problemele de date structurate, folosește Raportul de Acțiuni Manuale.
Revizuiește ghidurile din nou pentru a identifica dacă conținutul tău nu este conform cu ghidurile. Problema poate fi cauzată de conținut spammy sau de utilizarea spammy a marcajului. Totuși, problema poate să nu fie o problemă de sintaxă, astfel încât Rich Results Test nu va putea identifica aceste probleme.
Depanare pentru lipsa rich results / scădere în totalul rich results.
Permite timp pentru recrawling și reindexare. Amintește-ți că poate dura câteva zile după publicarea unei pagini pentru ca Google să o găsească și să o crawleze. Pentru întrebări generale despre crawling și indexare, verifică FAQ-ul Google Search despre crawling și indexare.
Pune o întrebare în forum-ul Google Search Central.

Notă de Transparență E-E-A-T: Acest material reprezintă o analiză aprofundată, adaptare și traducere tehnică a documentației oficiale Google Search Central. Conținutul original este oferit de Google sub licența Creative Commons Attribution 4.0 (CC-BY 4.0). AdvancedSystems operează ca o agenție premium independentă de consultanță și audit SEO, aducând valoare adăugată prin explicarea conceptelor arhitecturale pentru piața B2B din România.

Breadcrumb (BreadcrumbList) structured data

Disponibilitatea funcției

Cum să adaugi date structurate

Exemple

JSON-LD

RDFa

Microdata

JSON-LD

RDFa

Microdata

Ghiduri

Definiții ale tipurilor de date structurate

`BreadcrumbList`

`ListItem`

Monitorizează rich results cu Search Console

După implementarea datelor structurate pentru prima dată

După lansarea de noi șabloane sau actualizarea codului tău

Analizând traficul periodic

Depanare

Implementează această viziune pentru afacerea ta

Despre Autor

GenAI Estimator

Cuprins

Breadcrumb (BreadcrumbList) structured data

Date structurate Breadcrumb (BreadcrumbList)

Disponibilitatea funcției

Cum să adaugi date structurate

Exemple

Un singur breadcrumb trail

JSON-LD

RDFa

Microdata

Breadcrumb trail multiplu

JSON-LD

RDFa

Microdata

Ghiduri

Definiții ale tipurilor de date structurate

BreadcrumbList

ListItem

Monitorizează rich results cu Search Console

După implementarea datelor structurate pentru prima dată

După lansarea de noi șabloane sau actualizarea codului tău

Analizând traficul periodic

Depanare

Implementează această viziune pentru afacerea ta

Despre Autor

GenAI Estimator

Cuprins

`BreadcrumbList`

`ListItem`