🔗

Breadcrumb Schema Generator

Generate valid BreadcrumbList JSON-LD structured data to show navigation trails in Google Search. Cleaner URLs, higher trust, better click-through rates.

🔗 Breadcrumb Items

Add breadcrumb items in order. The first item is usually "Home".

1
2
✓ Valid schema
2 / 2 items valid
breadcrumb-schema.json
18 lines
{
  "@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/"
    }
  ]
}
↗ Test in Google

Related Schema Generators

❓
FAQ Schema Generator
Generate FAQPage JSON-LD for rich Q&A results
📰
Article Schema Generator
Article, NewsArticle & BlogPosting markup
🛍️
Product Schema Generator
Product markup with price, rating & availability
🏪
Local Business Schema
LocalBusiness markup for map & local search
🎫
Event Schema Generator
Event markup for online & offline events
🗂️
Schema Hub
All schema generators in one place

What Is Breadcrumb Schema Markup?

Breadcrumb schema (BreadcrumbList) is a type of structured data that communicates a page's position in a website's hierarchy to search engines. Instead of displaying the raw URL in search results, Google replaces it with a readable breadcrumb trail derived from your schema — for example, "Home › Blog › JavaScript › Closures".

Why Breadcrumb Schema Improves SEO

Cleaner SERP Display

Breadcrumb trails replace cryptic URL strings in search results with human-readable navigation paths, making your listing more inviting and trustworthy to users.

Higher Click-Through Rate

Studies show breadcrumb trails in search results increase CTR by 15–20% compared to raw URL display, especially for informational and e-commerce content.

Site Structure Signal

Breadcrumb schema explicitly communicates your site's information architecture to Google, helping it understand which pages are parents and children of others.

Mobile SERP Optimization

On mobile search results, breadcrumbs are even more prominent than on desktop, replacing the URL entirely with the breadcrumb path — critical for mobile conversion.

How to Add Breadcrumb Schema to Your Site

  1. Identify the navigation path — Start with Home and add each level of your site hierarchy until you reach the current page.
  2. Enter each breadcrumb item — Add the display name and the full URL (including https://) for each level.
  3. Reorder if needed — Use the ↑/↓ buttons to put items in the correct order from broadest to most specific.
  4. Copy the generated JSON-LD — Paste it inside a <script type="application/ld+json"> tag in your page's <head>.
  5. Add visible breadcrumbs on the page — Pair the schema with visible breadcrumb navigation for the best user and SEO experience.

Breadcrumb Schema Best Practices

  • Always use absolute URLs (including https://) not relative paths in breadcrumb schema.
  • The first item should always be your homepage URL.
  • The last item should be the current page's URL — match it to the canonical URL.
  • Keep breadcrumb names short — they must fit in the search result display area.
  • Pair JSON-LD breadcrumb schema with visible HTML breadcrumbs for the strongest signal.
  • Every page except the homepage should have breadcrumb schema.

Frequently Asked Questions

What is breadcrumb schema markup?

Breadcrumb schema (BreadcrumbList) is structured data that defines the hierarchical navigation path from the homepage to the current page. Google uses this data to replace the raw URL in search results with a human-readable breadcrumb trail like "Home > Blog > JavaScript", which is easier to understand and typically improves click-through rates.

Where does breadcrumb schema appear in search results?

Breadcrumb trails appear directly below the page title in Google Search results, replacing the green URL. Instead of seeing "https://example.com/blog/javascript/closures", users see "example.com › blog › javascript › closures". This is both more readable and more trustworthy for users.

Do I need breadcrumb schema if I already have visible breadcrumbs on my page?

Visible breadcrumbs help users but structured data is what tells Google to use them in search results. Google can sometimes infer breadcrumbs from visible elements, but explicit BreadcrumbList schema is far more reliable. Best practice is to have both: visible breadcrumbs for users and JSON-LD breadcrumb schema for search engines.

Should all pages on my site have breadcrumb schema?

Yes, breadcrumb schema is recommended for all pages except the homepage (which is already position 1 in every breadcrumb trail). It's especially valuable for deep pages in blogs, e-commerce sites, and documentation sites where the URL structure might otherwise be long and opaque.

How many breadcrumb items can I add?

There is no limit in the schema specification. However, Google typically displays only the first 2–4 levels in search results due to space constraints. Keep your site hierarchy shallow (3–4 levels) for best display results. Very deep breadcrumb trails may be truncated with ellipses.