1. Schema.org Breadcrumb tag:
The schema.org Breadcrumb tag is used to define a breadcrumb within a page, which indicates this page’s position in the website hierarchy.
How to set it up? (HTML code)
Insert the HTML breadcrumb block on the page as part of the visual design. Here is an HTML breadcrumb:
<html>
<head>
<title>Titre de la page</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": https://example.com/Accueil
},{
"@type": "ListItem",
"position": 2,
"name": "catégorie",
"item": "https://example.com/accueil/catégorie"
},{
"@type": "ListItem",
"position": 3,
"name": "marque",
},{
"@type": "ListItem",
"position": 4,
"name": "Produit",
}]
}
</script>
</head>
<body>
</body>
</html>
For example:
Here is how it was implemented on a category page on Cdiscount:
<script type="application/ld+json">
{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/photo-numerique/v-112-0.html","@type":"Thing","name":"Appareil photo"}},{"@type":"ListItem","position":2,"item":{"@id":"/photo-numerique/reflex-numerique/l-11213.html","@type":"Thing","name":"Reflex numériques"}}],"@context":"https://schema.org"}
</script><script type="application/ld+json">
Regarding the product sheet, it was implemented as it follows:
<script type="application/ld+json">
{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/photo-numerique/v-112-0.html","@type":"Thing","name":"Appareil photo"}},{"@type":"ListItem","position":2,"item":{"@id":"/photo-numerique/reflex-numerique/l-11213.html","@type":"Thing","name":"Reflex numériques"}},{"@type":"ListItem","position":3,"item":{"@id":"/photo-numerique/reflex-numerique/reflexs-avec-objectifs/l-1121318.html","@type":"Thing","name":"Reflex avec objectif"}},{"@type":"ListItem","position":4,"item":{"@id":"/photo-numerique/reflex-numerique/reflexs-avec-objectifs/lf-102064_6-canon.html","@type":"Thing","name":"Reflex avec objectif Canon"}}],
"@context":"https://schema.org"}</script><script type="application/ld+json">
You can also go through the Google doc on the topic.
Now you are an expert on this topic! 😊
To go further:
Have you found your answer?