Breadcrumb schema voorbeeld

Gebruik één item per regel: Naam | URL

Een goed voorbeeld van breadcrumb schema toont elk veld dat Google leest: het lijsttype, de positie van elke stap, de naam en de URL. Gebruik het voorbeeld hieronder als referentie en typ daarna je eigen pad in de tool hierboven, zodat je dezelfde structuur krijgt met jouw pagina’s.

Maak van het voorbeeld je eigen markup

  1. 1

    Neem het regelformaat over

    Typ per niveau één regel in de vorm Naam | URL, bijvoorbeeld Home | https://example.com/ op de eerste regel.

  2. 2

    Voeg elk dieper niveau toe

    Zet de sectie op regel twee en de huidige pagina op de laatste regel, elk met de volledige URL.

  3. 3

    Genereren

    Ga door naar het resultaat. De tool nummert de stappen vanaf 1 en bouwt de script-tag.

  4. 4

    Vergelijk met het voorbeeld

    Controleer of je uitvoer dezelfde sleutels heeft als het voorbeeld en klik dan op Kopiëren.

Een compleet voorbeeld voor een pagina met drie niveaus

Stel dat een blogbericht staat op https://example.com/blog/breadcrumb-basis/. Het zichtbare pad is Home, Blog, Breadcrumb-basis. In de tool ingevoerd ziet het er zo uit:

Home | https://example.com/
Blog | https://example.com/blog/
Breadcrumb-basis | https://example.com/blog/breadcrumb-basis/

De gegenereerde uitvoer is:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Breadcrumb-basis",
      "item": "https://example.com/blog/breadcrumb-basis/"
    }
  ]
}
</script>

Wat elk onderdeel doet

Veld Betekenis
@context Vertelt parsers dat het vocabulaire schema.org is.
@type: BreadcrumbList Geeft aan dat het blok een pad beschrijft.
itemListElement De geordende lijst met stappen.
position Stapnummer, met 1 voor het hoogste niveau.
name Het label dat in het pad wordt getoond.
item De URL van die stap.

Het voorbeeld aanpassen

Houd de volgorde aan van de bovenkant van de site tot de huidige pagina. Gebruik dezelfde labels die bezoekers in het zichtbare broodkruimelpad zien en schrijf volledige URL's inclusief protocol. Een regel zonder naam of URL wordt overgeslagen, dus de nummering blijft zonder gaten. De tool schrijft ook voor de laatste stap een URL, wat geldige markup is.

Voor een diepere pagina voeg je gewoon meer regels toe. Een product op niveau vijf krijgt vijf items met de posities 1 tot en met 5.

Je eigen uitvoer lezen

Lees je versie na het genereren van boven naar beneden en vergelijk hem met het voorbeeld. Het eerste item moet je homepage zijn op positie 1. Het laatste item moet de pagina zijn waarop de markup staat, met zijn eigen URL. Ziet een naam er verkeerd uit, ga dan terug, pas die regel aan en genereer opnieuw. Verder hoeft er niets te veranderen, behalve de nummering, en die werkt de tool zelf bij.

Bij een ondiepere pagina, zoals een Over ons-pagina direct onder de home, krimpt het voorbeeld tot twee items. De structuur verandert nooit, alleen het aantal ListItem-objecten, en dat aantal regelt de tool.

Veelgestelde vragen

Pas nadat je de namen en URL’s door je eigen hebt vervangen. Example.com is een plaatsvervanger, en markup die verwijst naar pagina’s die niet bestaan of niet bij het zichtbare pad passen, kan worden genegeerd.

Zoveel als de pagina niveaus heeft. Twee tot vijf is gebruikelijk. De tool accepteert elk aantal regels.

Het resultaat is een plakklaar blok van het type application/ld+json. Zet het in de head of body van de pagina en verpak het niet in iets anders.

De regel wordt overgeslagen en krijgt geen positienummer. Voeg de URL toe achter het verticale streepje om de stap in het pad te houden.

Gerelateerde tools

Tool beschikbaar in andere talen

Handleidingen en toepassingen