BreadcrumbList Schema Generator
Build a valid schema.org/BreadcrumbList JSON-LD block from your site's navigation hierarchy. Add crumb rows (name + URL), reorder with the up/down buttons, and get a live breadcrumb preview alongside the ready-to-copy JSON-LD. Breadcrumb schema replaces the raw URL with a human-readable path in Google search result snippets — a quick win for any multi-level site.
How to use the BreadcrumbList Schema Generator
Add one row per breadcrumb level — start with your home page and work down to the current page. The position is set automatically (1, 2, 3…).
- Click + Add crumb for each level in your navigation hierarchy, starting with Home.
- Enter a Name (the label displayed to users) and a URL (the full absolute URL for that page).
- Use the ↑ / ↓ buttons to reorder rows without re-typing. The last crumb represents the current page.
- The live breadcrumb preview below the rows shows exactly how the trail will render:
Home › Category › Page. - Click Generate (or let it live-update) to produce the JSON-LD block.
- Paste the output into your page's
<head>. All pages in the hierarchy should include a breadcrumb block — not just the deepest page.
What is BreadcrumbList schema and how does it change your SERP snippet?
BreadcrumbList is a schema.org type that describes the hierarchical navigation path from the site root to the current page. When Google processes this markup, it replaces the green URL (previously) or URL breadcrumb shown under the page title in search results with a readable navigation trail — for example, Example.com › Electronics › Keyboards — making the page's position in the site architecture immediately clear to searchers. This typically increases click-through rate for deep pages whose raw URLs are long and opaque, and it helps users understand context before they click.
The schema structure is a BreadcrumbList containing an itemListElement array of ListItem objects. Each ListItem has a position (1-indexed integer), a name (the visible label), and an item property containing the URL. Google recommends including all levels from the homepage down to the current page, with each intermediate level's URL pointing to the actual category or section page — not just the final destination. The last item's URL is optional per spec but including it is the safer practice for consistency.
Google renders breadcrumb trails for both mobile and desktop results. On mobile, the breadcrumb trail often replaces the URL entirely, which is significant given that over 60% of searches happen on mobile devices. Sites with clear URL structures and matching breadcrumb schema get the most consistent rendering. Breadcrumb schema is particularly valuable for e-commerce sites with deep category hierarchies, documentation sites, and news sites with topic sections.
Common use cases
- E-commerce category pages — replace opaque product URLs like
/p?id=38471with readable breadcrumbs (Home › Men › Shoes › Running) so Google and users immediately understand the page's context. - Documentation sites — multi-level docs with sections and sub-sections benefit from breadcrumb display to help searchers orient within a large content structure before clicking.
- News and media sites — section breadcrumbs (Home › Technology › AI) provide topic context in SERPs, reducing bounce rate from users who expected a different section.
- SaaS and product sites — help-center articles nested under feature categories become more navigable in search results, improving support article discoverability.
- Recipe and food blogs — category hierarchy (Home › Recipes › Desserts › Cakes) makes it clear which part of a large recipe site the result belongs to, filtering for intent-matched clicks.