Breadcrumb Schema Generator
Generate BreadcrumbList structured data so search results show a readable path instead of a raw URL.
BreadcrumbList markup - replaces the raw URL in search results with a readable path.
Breadcrumb in search results
<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": "Tools",
"item": "https://example.com/tools"
},
{
"@type": "ListItem",
"position": 3,
"name": "CSS Generator",
"item": "https://example.com/tools/css-generator"
}
]
}
</script>About the breadcrumb schema generator
Breadcrumb markup replaces the URL line in a search result with a readable hierarchy. It is one of the easiest rich result wins available and applies to almost any site with more than one level of navigation.
The order matters: position 1 is the top of the hierarchy, and the last item is the current page.
How to use it
- 1Enter each level from top to current page.
- 2Give every level except the last a URL.
- 3Copy the JSON-LD.
- 4Pair it with visible breadcrumbs on the page.
Questions
Should the last breadcrumb have a URL?
It is optional. The last item is the current page, so many implementations leave the item property off.
Do the breadcrumbs need to be visible?
Google prefers markup that reflects something on the page. Visible breadcrumbs plus matching markup is the safest combination.
Can I have several breadcrumb trails?
Yes, if a page genuinely sits in more than one hierarchy. Provide multiple BreadcrumbList objects.