Loading page
Free BreadcrumbList tool
Replaces the SERP URL path with a human-readable breadcrumb trail — e.g. Home › Services › Shopify — improving CTR and page understanding. Rich result eligible. No signup. No credit card.
Replaces the SERP URL path with a human-readable breadcrumb trail — e.g. Home › Services › Shopify — improving CTR and page understanding.
Add each breadcrumb item in order from Home to the current page.
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": []
}Validation
★ Rich result eligible — validate at Google Rich Results Test
<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": "Services",
"item": "https://example.com/services"
}]
}
</script>Understanding the format
BreadcrumbList schema maps your site's navigation hierarchy in a way Google can render in SERPs. Instead of showing a raw URL like 'https://example.com/services/shopify', Google shows 'Home › Services › Shopify'. This increases SERP click-through rate by making the result look more trustworthy and contextual. BreadcrumbList also helps AI crawlers understand your site structure — a service page with a breadcrumb to '/services' tells the LLM this content is a service, not a blog post. Every deep-linked page on your site should have BreadcrumbList schema.
Replacing raw URLs with readable breadcrumb trails in Google search results
Communicating page hierarchy to AI crawlers for better content categorisation
Increasing SERP click-through rate through cleaner result presentation
Skipping the 'item' URL on the last breadcrumb — Google requires it even for the current page
Using non-sequential position numbers — they must be 1, 2, 3, not 0-indexed
Having breadcrumb text that differs from the visible breadcrumb nav on the page
Using the same breadcrumb schema on every page regardless of their actual URL path
Omitting BreadcrumbList on deep pages — every page deeper than 1 level should have it
Need expert implementation?
Our team audits your existing schema, fixes errors, and deploys a complete structured data strategy — Organisation, Service, FAQ, Article, and BreadcrumbList — for Google Rich Results and AI Overviews.
FAQ
BreadcrumbList schema maps your site's navigation hierarchy in a way Google can render in SERPs. Instead of showing a raw URL like 'https://example.com/services/shopify', Google shows 'Home › Services › Shopify'. This increases SERP click-through rate by making the result look more trustworthy and contextual. BreadcrumbList also helps AI crawlers understand your site structure — a service page with a breadcrumb to '/services' tells the LLM this content is a service, not a blog post. Every deep-linked page on your site should have BreadcrumbList schema.
Replacing raw URLs with readable breadcrumb trails in Google search results Communicating page hierarchy to AI crawlers for better content categorisation Increasing SERP click-through rate through cleaner result presentation
Yes — BreadcrumbList schema is eligible for rich results. You can validate your generated JSON-LD using Google's Rich Results Test at search.google.com/test/rich-results.
Skipping the 'item' URL on the last breadcrumb — Google requires it even for the current page Using non-sequential position numbers — they must be 1, 2, 3, not 0-indexed Having breadcrumb text that differs from the visible breadcrumb nav on the page Using the same breadcrumb schema on every page regardless of their actual URL path Omitting BreadcrumbList on deep pages — every page deeper than 1 level should have it
In WordPress, you can add JSON-LD schema by inserting a Custom HTML block at the top of your page containing a <script type="application/ld+json"> tag, or by using Yoast SEO's Schema tab to add custom schema. You can also paste the script into your theme's header.php file.
In Shopify, paste the JSON-LD script block inside the <head> section of your theme.liquid file. For Online Store 2.0 themes, you can also add it via a JSON section or App Block if your theme supports it.
In Next.js (App Router), add the schema directly in your page.tsx server component using: <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaObject) }} />. Place it at the top of the returned JSX alongside other metadata.
This tool was built by Sterlingweb Growth Labs Private Limited, an India-based Shopify, WordPress, and SEO/AEO/GEO agency headquartered in Nashik. Learn more at /about or see our technical SEO services at /services/technical-seo-aeo-geo-services.