Breadcrumb Schema Generator — Free JSON-LD Tool

Introduction

Breadcrumb navigation shows users where they are in your site hierarchy — Home, Category, Product — and breadcrumb structured data can surface that same trail directly in search results. Google displays breadcrumb paths below the page title when BreadcrumbList JSON-LD is valid and the page qualifies for rich results. Hand-authoring JSON-LD means nesting ListItem objects with position, name, and item properties while keeping URLs absolute and properly escaped.

Certoflow's Breadcrumb Schema Generator converts breadcrumb name and URL pairs into BreadcrumbList JSON-LD. Add rows for each level, generate, and paste the output into a <script type="application/ld+json"> block. Processing runs entirely in your browser — site structures and unreleased URLs never upload to a server.

Validate output with the JSON-LD Validator before deployment. For general head markup on the same page, use the Meta Tags Generator.

What this tool does

The generator accepts breadcrumb entries and produces formatted JSON-LD:

Feature	Behavior
Name field	Display label for the breadcrumb level
URL field	Absolute URL for that level
Add level	Inserts another breadcrumb row
Generate	Outputs pretty-printed BreadcrumbList JSON
Copy	One-click copy to clipboard

The default example includes Home and Blog entries so you can preview the structure. Each row maps to one position in the itemListElement array.

How it works

Certoflow's generateBreadcrumbSchema function builds a schema.org BreadcrumbList object:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.com/blog/"
    }
  ]
}

Steps:

1. Filter rows with both name and URL filled in
2. Require at least one valid entry
3. Assign position numbers sequentially starting at 1
4. Pretty-print JSON with 2-space indentation

Paste into your page template:

<script type="application/ld+json">
  ... generated JSON here ...
</script>

Breadcrumb schema should match the visible breadcrumb navigation on the page. Mismatches between markup and rendered HTML may cause Google to ignore the structured data.

All processing runs client-side with no network calls.

Worked example

Position	Name	URL
1	Home	https://certoflow.com/
2	SEO Tools	https://certoflow.com/seo/
3	Breadcrumb Schema Generator	https://certoflow.com/seo/breadcrumb-schema-generator/

The generator produces a three-item BreadcrumbList with positions 1, 2, and 3. The current page is typically the last item.

Real-world examples

E-commerce product page

Home → Electronics → Laptops → MacBook Pro. Four-level breadcrumb schema clarifies category hierarchy for crawlers and enables trail display in product search results.

Blog article

Home → Blog → SEO → How to Write Meta Descriptions. Three levels match the on-page breadcrumb component rendered above the article title.

Documentation site

Home → Docs → API Reference → Authentication. Technical documentation benefits from hierarchy signals when users search for specific API topics.

Multi-category publishing

A news article filed under World → Europe → France gets breadcrumb schema reflecting the editorial taxonomy, not just the URL path.

Certoflow tool pages

Tool pages include visible breadcrumbs (SEO Tools → specific tool). Generated BreadcrumbList JSON-LD mirrors the same hierarchy for rich result eligibility.

Common mistakes

Using relative URLs. Google recommends absolute https URLs in each item property. Relative paths like https://example.com/blog/ are preferred over bare /blog/.

Mismatch with visible breadcrumbs. Schema names and order must match what users see on the page. Hidden or schema-only breadcrumbs violate guidelines.

Skipping the current page. The last breadcrumb should include the current page name and URL, not stop at the parent category.

Duplicate breadcrumb schema sitewide. Each page needs its own BreadcrumbList reflecting that page's specific path, not a generic site-wide template.

Invalid JSON from manual edits. After generating, avoid hand-editing without validating in the JSON-LD Validator.

Expecting guaranteed rich results. Valid schema enables eligibility — Google decides display based on page quality and query context.

Use cases

New site launches — Generate breadcrumb schema templates for CMS page types.

SEO audits — Rebuild expected JSON-LD from site hierarchy and compare against production.

E-commerce category pages — Consistent BreadcrumbList across deep product catalogs.

Developer handoffs — Copy-ready JSON-LD reduces errors in pull request implementations.

Migration projects — Map old URL hierarchy to new breadcrumb structure before cutover.

FAQ

Do breadcrumbs help SEO?

Breadcrumb schema can enable breadcrumb trails in search results and clarifies site hierarchy for crawlers. It is not a direct ranking factor but improves SERP presentation and navigation signals.

Must URLs be absolute?

Yes. Use full https URLs in each item property for best compatibility with Google's guidelines.

How many levels can I add?

There is no fixed limit, but breadcrumbs typically span 2–5 levels. Very deep paths may truncate in search display.

Must schema match visible breadcrumbs?

Yes, substantially. Google compares structured data to rendered page content. Major mismatches violate guidelines.

Where do I paste the JSON-LD?

Inside a <script type="application/ld+json"> block in your page head or body.

Can I validate before deploying?

Yes. Paste generated output into the JSON-LD Validator to check for errors, then verify with Google's Rich Results Test on the live URL.

Is my site structure sent to Certoflow?

No. Generation runs locally in JavaScript. URLs and labels never leave your device.

Can I use this offline?

After the page loads once, generation works offline because logic runs entirely client-side.