Breadcrumbs Schema Generator
Generate error-free Schema.org JSON-LD breadcrumbs, semantic HTML, and CSS. Features SERP preview, URL parsing, and CMS templates for WordPress & Shopify.
About
Breadcrumb navigation is a critical component of technical SEO, serving a dual purpose: it enhances user experience by clarifying site structure and assists search engine crawlers in understanding the hierarchy of your content. When implemented correctly with Structured Data, breadcrumbs can trigger rich snippets in SERPs, replacing the raw URL with a clean, navigational path (e.g., Home โบ Category โบ Product).
This tool is designed for strict compliance with the Schema.org BreadcrumbList specification. Unlike basic generators, it simultaneously constructs the invisible JSON-LD for bots and the visible HTML/CSS for humans. It addresses common implementation errors, such as incorrect position indexing, missing absolute URLs, and unclosed microdata tags.
Formulas
The search engine constructs the breadcrumb path by parsing the ListItem array. The logic for the i-th element in a path of length n is defined as:
Where the entire structure B is strictly ordered:
Reference Data
| Property | Type | Requirement | Description |
|---|---|---|---|
| @context | URI | REQUIRED | Must be set to https://schema.org. |
| @type | String | REQUIRED | Must be BreadcrumbList. |
| itemListElement | Array | REQUIRED | A list of ListItem objects representing the hierarchy. |
| item | URL | REQUIRED | The absolute URL of the breadcrumb level. |
| name | String | REQUIRED | The human-readable label for the breadcrumb level. |
| position | Integer | REQUIRED | The position in the list, starting at 1. |