Er is heel veel te vertellen over technische SEO en Structured Data. Inmiddels is dit alweer het vierde blog over Schema.org Markup Language. In dit blog gaan we het hebben over een, misschien, wel makkelijk te gebruiken Structured Data namelijk de BreadcrumbList. Ben je hier voor het eerst? Lees dan hier het eerste blog.
Wat is de Schema.org BreadcrumbList?
Je kent het sprookje van Hans en Grietje vast wel. Onderweg naar de plek waar ze door hun vader in de steek zouden worden gelaten, strooiden ze met broodkruimels om de weg terug te vinden. Schema.org BreadcrumbList werkt eigenlijk net zo. (Wist je trouwens dat de naam ook op het sprookje is gebaseerd) Deze BreadcrumbList type geeft de zoekmachines en AI een beter beeld over hoe de pagina is opgebouwd.
Waarom zou je het gebruiken?
Als eerste is het voor de gebruiker van je website superhandig om te laten weten waar ze zijn. Soms heb je boven een productpagina/dienstpagina wel 3 hoofdpagina’s. Zodra de gebruiker op de laatste pagina is, kan hij eenvoudig op de bovenliggende pagina’s klikken. Ook is het goed om te gebruiken zodat Google de structuur van je website beter begrijpt. Denk aan bijvoorbeeld de specifieke diensten onder het hoofdkopje diensten. Als laatste en zeker niet onbelangrijk, is dit goed voor AI. ChatGPT bijvoorbeeld kan op deze manier snel de structuur van je website ontdekken.
Hoe gebruik je Schema.org BreadcrumbList?
De meeste Content Management Systemen (CMS) voegen dit automatisch toe aan de website. Met WordPress zijn Yoast SEO of Rankmath goede SEO plugins die hier goed voor zijn. In HubSpot kan je dit ook laten bouwen door een ontwikkelaar. Wil je dit liever zelf doen, dan kan je de de JSON-LD Structured Data zelf in de <head> toevoegen. Let er dan wel op dat je alles goed en overal hetzelfde doet. Bekijk ook onderaan deze blog de tips die je helpen bij een succesvolle implementatie.
Hier vind je de code die je moet toevoegen:
<scripttype="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://example.com/diensten",
"name": "Diensten"
}},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://example.com/diensten/seo",
"name": "SEO"
}}]
}
</script>
Tips voor een goede implementatie
- Breadcrumbs moeten niet alleen in je structured data zitten — ze moeten ook zichtbaar zijn voor de gebruiker in de HTML.
- De “position” moet kloppen (1, 2, 3, …), en er mag geen gat in de volgorde zitten.
- Voor “item” in elke “ListItem”, gebruik absoluut volledige links, geen relatieve URLs.
- Zorg dat alle breadcrumb-items (behalve de laatste) aanklikbare links zijn.
Als laatste
Het is misschien één van de wat makkelijker Schema.org Type, maar vergis je niet in de noodzaak van een volledig juiste implementatie. Zelfs bij een enkele spellingsfout is je hele code niks meer waard. Wil je graag dat wij je hierbij ondersteunen? Neem dan contact met ons op.
Wil je meer lezen over Schema.org? Kijk dan op onze LinkedIn pagina.
Ga hier naar het volgende blog. Deze gaat over het Review Type van Schema.org
