Online Tool Store Online Tool Store
🌐 SEO & web

· 2 min. leestijd

Hoe je een breadcrumb-schema in JSON-LD genereert

Heshan Fernando

Medeoprichter & COO

Heshan Fernando is medeoprichter en Chief Operating Officer van Ceyentra Technologies, waar hij projectmanagement, engineering en de strategie voor onderzoek en ontwikkeling leidt. Met ruim negen jaar ervaring in de sector zet hij complexe uitdagingen van klanten graag om in praktische oplossingen met grote impact. Dankzij zijn klantgerichte leiderschap leveren multidisciplinaire teams steeds veilige, schaalbare digitale producten van industriële kwaliteit die blijvende bedrijfswaarde opleveren. Bekijk op LinkedIn

Delen

Hoe je een breadcrumb-schema in JSON-LD genereert

Breadcrumbs helpen mensen begrijpen waar een pagina zich in een site bevindt. Breadcrumb-gestructureerde data doet vergelijkbaar werk voor zoekmachines door het paginapad in een machineleesbaar formaat te beschrijven. De markup is niet ingewikkeld, maar kleine fouten in positienummers, URL’s of itemnamen kunnen hem ongeldig maken.

Een breadcrumb-schemagenerator helpt je JSON-LD te bouwen voor breadcrumb-paden zonder elk ListItem met de hand te schrijven.

Wat breadcrumb-schema inhoudt

Breadcrumb-schema gebruikt meestal het BreadcrumbList-type van Schema.org. Elke stap in het pad is een ListItem met een positie, naam en URL. De volgorde is belangrijk omdat die het pad beschrijft van de breedste pagina naar de huidige pagina.

JSON-LD wordt vaak gebruikt omdat het in een scripttag kan worden geplaatst zonder de zichtbare paginamarkup te veranderen.

Waarom mensen hier vastlopen

Breadcrumbs zijn repetitief. Als je ze met de hand codeert, is het makkelijk om een positie te dupliceren, een niveau over te slaan of de verkeerde URL te plakken. Op grote sites zorgt dat voor inconsistente gestructureerde data tussen templates.

Een ander probleem is mismatch. De gestructureerde data moet het zichtbare breadcrumb-pad en de echte paginahiërarchie weerspiegelen.

Breadcrumb-veldWat het vertegenwoordigt
PositieVolgorde in het pad
NaamMensleesbaar label
Item-URLCanonieke pagina voor die stap
BreadcrumbListContainer voor het pad

Hoe ziet goede breadcrumb-JSON-LD eruit

Sequentiële posities

Elke stap zou vanaf 1 opwaarts moeten tellen, zonder duplicaten.

Canonieke URL’s

Gebruik de voorkeurspagina-URL, geen trackinglinks of tijdelijke paden.

Labels die overeenkomen met het zichtbare pad

Gestructureerde data zou geen ander navigatiepad moeten beschrijven dan wat gebruikers zien.

Veelgemaakte fouten om te vermijden

  • Positienummers overslaan. Breadcrumb-items zouden duidelijk geordend moeten zijn.
  • Relatieve URL’s gebruiken waar absolute URL’s worden verwacht. Canonieke absolute URL’s zijn meestal veiliger.
  • Pagina’s toevoegen die niet in het zichtbare pad staan. Houd markup en UI op elkaar afgestemd.
  • Vergeten te valideren. Gestructureerde data moet getest worden vóór publicatie.

Zo doe je het met Breadcrumb Schema Generator

  1. Open de gratis Breadcrumb Schema Generator.
  2. Voer elk breadcrumb-label in volgorde in.
  3. Voeg de bijpassende canonieke URL toe voor elke stap.
  4. Genereer de JSON-LD-uitvoer.
  5. Controleer de posities en plak de markup in je pagina of template.

De tool is handig bij het opstellen van schema voor statische pagina’s, blogposts, documentatie of e-commercecategorieën.

Veelgestelde vragen

Welk formaat gebruikt breadcrumb-schema?

JSON-LD is een veelgebruikt formaat omdat het makkelijk toe te voegen is in een scripttag.

Moet breadcrumb-schema overeenkomen met zichtbare breadcrumbs?

Ja. De gestructureerde data moet hetzelfde pad vertegenwoordigen dat gebruikers op de pagina kunnen begrijpen.

Garanderen breadcrumbs rich results?

Nee. Gestructureerde data maakt de pagina in aanmerking komen voor bepaalde interpretaties, maar zoekmachines beslissen hoe resultaten worden weergegeven.

Laatste gedachte

Breadcrumb-schema is simpel maar precies. Genereer het zorgvuldig, houd het afgestemd op het zichtbare pad en valideer voor publicatie.

Probeer de gratis Breadcrumb Schema Generator

#breadcrumb-schema-generator#structured-data-for-breadcrumbs#browser-only-seo-web#json-ld-breadcrumbs#online-tools#free-tools