Breadcrumb Schema Generator

Breadcrumb markup tells search engines where a page sits in your site's hierarchy, which is why results often show a readable trail instead of a raw URL. This generator builds the BreadcrumbList JSON-LD from a list of names and URLs, and produces the matching HTML at the same time.

The HTML half matters. Structured data should describe something that exists on the page, so a breadcrumb trail in the markup with no breadcrumb on the page is backwards. The generated HTML uses a nav element with an aria-label and marks the current page with aria-current, which is what screen readers need to announce the trail correctly.

A shortcut fills the trail from a URL: paste a path and each segment becomes a level, with the slug converted into readable words. That gets you most of the way, and you can then fix the wording, which is usually all that is needed.

• BreadcrumbList JSON-LD with correct position values
• Matching accessible HTML with nav, aria-label and aria-current
• Fill the trail automatically from a URL path
• Reorder and remove levels
• Last item correctly left without a link
• Warns about missing names or URLs
• Copy either output

The breadcrumb schema generator is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

• Adding breadcrumbs to a category or product page
• Making search results show a readable path
• Generating consistent breadcrumb markup across a site
• Adding an accessible trail to a page that lacks one
• Converting an existing breadcrumb into structured data