What order should breadcrumbs be in?

From the top of your site hierarchy (Home) down to the current page. Positions are numbered automatically.

Do I need actual visible breadcrumbs on my page too?

It's best practice to have visible on-page breadcrumbs that match your structured data, since search engines expect schema to reflect what's genuinely shown on the page rather than being purely hidden markup.

Where do I add the generated code?

Paste the full <script type="application/ld+json"> block into the page's HTML, typically in the <head> or elsewhere in the document body.

Does adding breadcrumb schema guarantee it shows in search results?

No — valid schema makes your page eligible, but Google decides whether to display the breadcrumb trail in a given search result based on additional relevance and quality signals.

How many breadcrumb levels should I include?

Include enough levels to accurately reflect your site's real navigation hierarchy — usually 2 to 5 levels for most sites, though there's no strict limit if your structure genuinely needs more.

Breadcrumb Schema Generator

Generate breadcrumb JSON-LD.

TL;DR: Breadcrumb Schema Generator is a free, browser-based tool that lets you generate breadcrumb JSON-LD.

Add each breadcrumb level from home to the current page.

Generated code

About the Breadcrumb Schema Generator

Breadcrumb Schema Generator builds `BreadcrumbList` JSON-LD markup, defining parent-child site architecture hierarchies that replace messy URLs with clean breadcrumb trails in Google Search results.

How to Use the Breadcrumb Schema Generator

Define your breadcrumb levels (e.g. Level 1: Home, Level 2: Calculators, Level 3: Mortgage Calculator).
Enter names and target URLs for each breadcrumb position.
Review the sequential position indices (`position: 1, 2, 3`).
Copy and embed the BreadcrumbList JSON-LD script.

Expert Tips for Breadcrumb Schema Generator

Clean SERP URLs: Google displays `example.com > Calculators > Mortgage` instead of complex query strings.
Topical Hierarchy Signals: Reinforces category and subcategory topical relationships for search engines.
Exact Position Ordering: Always number breadcrumbs sequentially starting with `position: 1` for the root homepage.

Related Guides & Tutorials

What Is Schema Markup Json Ld — Learn in-depth concepts, best practices, and expert tips.

100% Client-Side Privacy Guarantee

All processing runs locally inside your browser using JavaScript and HTML5 APIs. Your data, files, and inputs are never uploaded to any remote server. Complete privacy by design.

Frequently Asked Questions

: From the top of your site hierarchy (Home) down to the current page. Positions are numbered automatically.
: It's best practice to have visible on-page breadcrumbs that match your structured data, since search engines expect schema to reflect what's genuinely shown on the page rather than being purely hidden markup.
: Paste the full <script type="application/ld+json"> block into the page's HTML, typically in the <head> or elsewhere in the document body.
: No — valid schema makes your page eligible, but Google decides whether to display the breadcrumb trail in a given search result based on additional relevance and quality signals.
: Include enough levels to accurately reflect your site's real navigation hierarchy — usually 2 to 5 levels for most sites, though there's no strict limit if your structure genuinely needs more.

Cite This Tool

Referencing this tool in a paper, article, or bibliography? Copy a ready-made citation below.

NexLove.org. (2026). Breadcrumb Schema Generator [Software]. https://nexlove.org/tools/breadcrumb-schema-generator.html

“Breadcrumb Schema Generator.” NexLove.org, 2026, nexlove.org/tools/breadcrumb-schema-generator.html.

NexLove.org (2026) Breadcrumb Schema Generator. Available at: https://nexlove.org/tools/breadcrumb-schema-generator.html (Accessed: 2026).

@misc{nexlove_breadcrumb_schema_generator,
  title = {Breadcrumb Schema Generator},
  author = {{NexLove.org}},
  year = {2026},
  url = {https://nexlove.org/tools/breadcrumb-schema-generator.html}
}

Embed This Tool

Add the live Breadcrumb Schema Generator tool to your own website with this snippet — it loads the real, working tool in an iframe, not a static screenshot.

<iframe src="https://nexlove.org/embed/breadcrumb-schema-generator.html" width="100%" height="600" style="border:1px solid #e2e8f0;border-radius:12px" title="Breadcrumb Schema Generator — NexLove.org" loading="lazy"></iframe>

Related SEO Tools

Product Schema Generator

Organization Schema Generator

Browse all SEO Tools