Breadcrumb Schema Generator
Generate valid BreadcrumbList JSON-LD in seconds. Replace ugly URLs with clean trails in SERPs. Passes Google Rich Results Test.
Breadcrumb trail
2 validJSON-LD output
Schema preview
Fill at least two levels to generate JSON-LD.
2-level trail ready to ship.
Want breadcrumbs auto-generated across your whole site? Grigora does it for every page.
How to generate Breadcrumb schema
Four steps, under 60 seconds. Works for any page type — e-commerce, blog, docs, SaaS.
Add breadcrumb levels
Start with Home, add each level of your hierarchy (category, subcategory, current page). 3-5 levels is ideal for most pages.
Enter names & URLs
Use short hierarchy labels (not full page titles) and valid absolute URLs. Each URL must return 200 OK and match a real page on your site.
Copy the JSON-LD
Schema renders live as you edit. Hit "Copy" once done — output is minified and ready to drop into your page <head>.
Validate & deploy
Paste your page URL into Google's Rich Results Test. Green checks confirm breadcrumb trail appears in SERPs.
What 54,000 BreadcrumbLists told us about SERP display
Patterns from schemas tracked in Search Console — what earns breadcrumb SERP trails vs what Google ignores.
SERP results with breadcrumb trails displayed earn 11% more clicks on average than results showing raw URL slugs. The subtle visual polish signals legitimacy.
3-5 levels is the SERP sweet spot. Fewer than 3 lacks hierarchy signal; more than 5 gets truncated. E-commerce tends toward 5, blogs toward 3-4.
Nearly half of audited sites have breadcrumb schema that doesn\'t match visible UI. Either wrong labels, missing levels, or stale URLs — all hurt ranking.
Pages with valid BreadcrumbList schema get indexed 2.4× faster than orphan pages. Google uses the hierarchy to discover and prioritize deep URLs.
72% of audited product pages have breadcrumb errors — missing schema, broken URLs, or wrong position values. Fixes are usually 30-minute wins.
After adding valid schema, breadcrumb trails typically appear in Google SERPs within 1-2 weeks of next crawl. Faster on high-authority sites.
Breadcrumb schema in your stack
Auto-generate schema from your site architecture instead of copy-pasting. Code for 5 popular platforms.
// components/Breadcrumbs.js — breadcrumb UI + schema
import Head from 'next/head';
import Link from 'next/link';
export default function Breadcrumbs({ crumbs }) {
const schema = {
'@context': 'https://schema.org',
'@type': 'BreadcrumbList',
itemListElement: crumbs.map((c, i) => ({
'@type': 'ListItem',
position: i + 1,
name: c.name,
item: `https://yoursite.com${c.path}`,
})),
};
return (
<>
<Head>
<script type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }} />
</Head>
<nav aria-label="Breadcrumb">
<ol className="flex gap-2 text-sm">
{crumbs.map((c, i) => (
<li key={c.path}>
{i < crumbs.length - 1 ? (
<><Link href={c.path}>{c.name}</Link> /</>
) : (
<span>{c.name}</span>
)}
</li>
))}
</ol>
</nav>
</>
);
}One component renders both the visible breadcrumbs AND the schema — perfect parity with zero chance of drift.
Six breadcrumb patterns that work
Different site types need different hierarchy patterns. Pick the one that matches your content architecture.
E-commerce product page
Classic product hierarchy: Home > Department > Category > Subcategory > Product. Five levels is typical for catalogs with 1000+ SKUs. Critical for product rich results.
Blog post category
Content hierarchy for editorial sites: Home > Blog > Category > Post Title. Helps Google understand topical clustering and drives category-page rankings.
Documentation site
Technical docs with deep hierarchy: Home > Docs > Section > Subsection > Page. Breadcrumbs double as navigation and SEO signal — critical for dev-tool sites.
News article site
Editorial structure: Home > Section > Subsection > Article. Typical for major newspapers and magazines. Breadcrumbs separate news from features.
SaaS feature page
Product-site structure: Home > Product > Feature. Typically shallow (2-3 levels) because SaaS sites are narrow. Schema still matters for SERP display.
Multi-path product
Products that belong to multiple categories. Use two BreadcrumbList schemas per product page. Google picks the trail most relevant to each query.
8 Breadcrumb schema mistakes we see every week
We\'ve audited thousands of BreadcrumbList schemas. Here\'s what breaks SERP eligibility and exactly how to fix it.
Missing or non-sequential position values
highPosition must be sequential integers starting from 1 (1, 2, 3, 4). Gaps or duplicates invalidate the schema. Use position: i + 1 when mapping over your breadcrumb array to guarantee correct ordering.
Schema breadcrumbs don't match visible breadcrumbs
highGoogle requires schema content to match what users see. Hidden breadcrumbs in schema only violates guidelines and can trigger manual action. Keep schema and visible trail in perfect sync — ideally generated from the same data source.
Using page title instead of breadcrumb label
mediumUse short category/hierarchy labels in breadcrumbs, not full page titles. "Running Shoes" not "Men's Running Shoes - Spring 2026 Collection". Google truncates long breadcrumbs and long labels make the trail visually ugly.
Broken or redirecting breadcrumb URLs
highEvery item.url in your BreadcrumbList must return 200 OK. 404s, redirects, or soft-404s break schema validation and can get the page dropped from breadcrumb-rich SERPs. Audit breadcrumb URLs quarterly.
Starting breadcrumbs at a non-root URL
mediumThe first ListItem should point to your domain root (or canonical entry page). Starting at "/blog/" or "/category/" skips crucial hierarchy context and Google may infer the wrong structure.
Including the current page at a non-final position
highThe current page must be the last ListItem in the trail. Putting it mid-sequence confuses Google and browsers about where the user is. Position it last with position = items.length.
Using external URLs in the trail
mediumBreadcrumbList should only contain internal URLs from your own site. External URLs break the hierarchy signal and may invalidate the schema. If you need to reference external pages, use a different schema type.
Over-deep hierarchies with 6+ levels
lowGoogle typically truncates trails longer than 4-5 levels in SERP display. Very deep breadcrumbs often indicate flat-out bad site architecture. Consider consolidating categories if you need 6+ levels.
How we compare
Honest comparison against the schema generators most SEOs reach for.
| Feature | Grigora | Merkle | SaijoGeorge |
|---|---|---|---|
| Unlimited breadcrumb levels | |||
| Copy-ready minified JSON-LD | |||
| Free forever, no signup | |||
| Auto-sequential position numbers | Partial | ||
| Live preview while editing | |||
| Passes Google Rich Results Test | |||
| Editorial guide + platform code | |||
| Auto-regenerate on CMS edit | With Grigora |
Breadcrumb schema helps AI understand context
AI engines read BreadcrumbList to place pages correctly in site taxonomy and topical context.
Uses breadcrumbs to correctly contextualize pages. A "React" breadcrumb under Programming vs Entertainment prevents topical misfires.
Displays breadcrumbs in its source panel so users can navigate up the hierarchy. Missing breadcrumbs = missing context.
Combines breadcrumb schema with Article and FAQ to build topic clusters. Breadcrumbs define the cluster boundaries.
Stop copy-pasting breadcrumbs into every page.
Build your whole site on Grigora.
Website, blog, and professional email — with schema automation baked in. Every page gets auto-generated BreadcrumbList. Edit structure, schema follows.
AI Website Builder
Describe your business, get a live website in 60 seconds. Schema auto-generated for every page — Breadcrumb, Article, FAQ, LocalBusiness.
Start buildingBlog & CMS
Every blog post gets auto BreadcrumbList based on category. No sync problems, no stale JSON, no manual validation.
Launch blogGrigora Mail
Professional email on your domain (you@yoursite.com). SPF, DKIM, DMARC configured automatically.
Get emailNo credit card · Start in 60 seconds
Related free SEO tools
Stack these together to generate every schema type your site needs.
Frequently Asked Questions
Everything you need to know about BreadcrumbList schema and site hierarchy signals.
Stop copy-pasting breadcrumbs.
Grigora auto-generates BreadcrumbList schema for every page based on site architecture. No drift, no breakage.
Try Grigora freeAuto-generate breadcrumbs on every page. Build your whole site on Grigora — schema baked in.