Skip to main content

Breadcrumb Generator

New

Build accessible breadcrumb navigation HTML and matching schema.org BreadcrumbList JSON-LD from a simple list of page names and URLs.

breadcrumbseonavigationschema.orgjson-ld
Read the guide
Shortcuts:⌘ KSearch

Preview

HTML

Schema.org JSON-LD (BreadcrumbList)

Continue with:

Frequently Asked Questions

Why does breadcrumb markup matter for SEO?

Search engines like Google can display your breadcrumb trail directly in search results (replacing the raw URL path) when a page includes valid BreadcrumbList structured data, which can make your listing easier to scan and click.

Do I need both the HTML breadcrumb and the JSON-LD, or just one?

They serve different purposes — the HTML `<nav>` is the actual visible, accessible navigation for users and screen readers, while the JSON-LD is a separate structured-data signal purely for search engines; using both together is the standard, recommended approach.

Why does the last item in the trail not get a link?

The last breadcrumb represents the current page, so it's marked with `aria-current="page"` and rendered as plain text rather than a link, since linking a page to itself provides no navigational value and can confuse assistive technology.

What format should I type the breadcrumb trail in?

One entry per line, formatted as "Name | URL" (a page name, a pipe character, then its full URL) — the generator parses each line in order to build both the HTML and the JSON-LD output.

Can I use a relative URL instead of a full absolute URL?

For the visible HTML breadcrumb, yes — relative URLs will work fine for internal navigation; however, for the JSON-LD structured data, search engines generally expect and recommend fully-qualified absolute URLs.

Related Tools