AI Visibility

BreadcrumbList Schema: Implement Site Navigation Structure for Search and AI

By Reviewed by Hawrry Bhattarai
August 7, 2026 7 min read
Contents
TL;DR — the short answer

How to implement BreadcrumbList schema JSON-LD for breadcrumb rich results, site structure signals, and improved content categorization for AI systems.

6 min read · AI Visibility · Last updated July 2026

Quick answer: BreadcrumbList schema tells search engines and AI systems how a page fits within your site hierarchy. Breadcrumb rich results appear in Google SERPs, improving CTR. For AI systems, BreadcrumbList signals content category context — helping AI correctly classify your page within your topic area.

Introduction

Breadcrumb navigation — “Home > Blog > AI Visibility > BreadcrumbList Schema” — is typically a visual UI element. BreadcrumbList schema makes that hierarchy machine-readable.

For SEO, it enables breadcrumb rich results (the breadcrumb path shown below your URL in search results). For AI systems, it signals where a page sits within your content architecture — providing category context that improves accurate content classification.

What you’ll learn:
– The BreadcrumbList JSON-LD structure
– How to implement breadcrumbs for multi-level sites
– Rich result eligibility requirements
– BreadcrumbList for AI category signals
– Common implementation mistakes to avoid


Table of Contents

  1. BreadcrumbList Schema Structure
  2. Multi-Level Breadcrumb Implementation
  3. Rich Result Display
  4. BreadcrumbList for AI Classification
  5. Implementation on Different Platforms
  6. Common Mistakes
  7. Frequently Asked Questions

BreadcrumbList Schema Structure

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://ignitednepal.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://ignitednepal.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "AI Visibility",
      "item": "https://ignitednepal.com/blog/ai-visibility/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BreadcrumbList Schema Guide",
      "item": "https://ignitednepal.com/blog/ai-visibility/breadcrumblist-schema/"
    }
  ]
}

Property breakdown:
@type: "BreadcrumbList" — declares this as a breadcrumb list
itemListElement — array of ListItem objects, one per breadcrumb level
position — integer starting at 1, sequential
name — the visible label for this breadcrumb level
item — the URL for this breadcrumb level (full absolute URL)


Multi-Level Breadcrumb Implementation

For deep site hierarchies, include all levels in sequence:

E-commerce example:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://store.com/"},
    {"@type": "ListItem", "position": 2, "name": "Electronics", "item": "https://store.com/electronics/"},
    {"@type": "ListItem", "position": 3, "name": "Laptops", "item": "https://store.com/electronics/laptops/"},
    {"@type": "ListItem", "position": 4, "name": "MacBook Pro 14-inch", "item": "https://store.com/electronics/laptops/macbook-pro-14/"}
  ]
}

Blog content example:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://site.com/"},
    {"@type": "ListItem", "position": 2, "name": "Resources", "item": "https://site.com/resources/"},
    {"@type": "ListItem", "position": 3, "name": "Schema Guides", "item": "https://site.com/resources/schema/"},
    {"@type": "ListItem", "position": 4, "name": "BreadcrumbList Schema", "item": "https://site.com/resources/schema/breadcrumblist/"}
  ]
}

Rules for all implementations:
– Start at position 1 (Home or root)
– Use sequential integers (no gaps)
– The final item should be the current page
– All item URLs must be absolute (https://), not relative


Rich Result Display

BreadcrumbList enables breadcrumb rich results in Google Search — the navigation path shown in the URL section of a result:

Standard SERP display:

ignitednepal.com › blog › ai-visibility › breadcrumb-schema

With BreadcrumbList schema, Google may display:

Ignited Nepal > Blog > AI Visibility > BreadcrumbList Schema

This enhanced display improves user understanding of the page’s context before clicking. Studies show breadcrumb-enhanced results can improve CTR by 2-5% for informational content.

Eligibility requirements:
– BreadcrumbList schema must be present
– All URLs in the schema must be accessible and indexed
– The breadcrumb path should match visible on-page breadcrumb navigation (if present)


BreadcrumbList for AI Classification

Beyond rich results, BreadcrumbList signals serve an important AI classification function:

When AI systems retrieve your page, the BreadcrumbList tells them explicitly: “This page is in the AI Visibility > Schema > BreadcrumbList category of this site.”

This category context helps AI systems:
1. Verify the page’s topic is relevant to the query
2. Understand the page’s relationship to broader topic clusters
3. Attribute the content accurately (“according to Ignited Nepal’s schema guide”)

For sites with large content libraries, BreadcrumbList schema at scale provides a content taxonomy map that AI retrieval systems can use for more accurate topic classification.


Implementation on Different Platforms

WordPress (manual): Add JSON-LD in a <script type="application/ld+json"> block in your page template’s <head>. Use WordPress template variables to populate the breadcrumb path dynamically.

WordPress (Yoast SEO / Rank Math): Both plugins generate BreadcrumbList schema automatically when breadcrumb navigation is enabled in plugin settings. Enable in plugin settings → appearance → breadcrumbs.

Shopify: Use a custom schema snippet in snippets/breadcrumb-schema.liquid and include it in your theme’s layout/theme.liquid.

Webflow: Add a custom code embed in page settings with the JSON-LD block. For dynamic CMS content, use Webflow’s CMS fields in the embed.

Custom CMS: Generate BreadcrumbList JSON-LD server-side from your URL path structure. Parse the URL path to build position and item arrays dynamically.


Common Mistakes

Mistake 1 — Relative URLs: Using /blog/schema/ instead of https://ignitednepal.com/blog/schema/. Always absolute URLs.

Mistake 2 — Position gaps: Having positions 1, 2, 4 (skipping 3). Positions must be sequential with no gaps.

Mistake 3 — Mismatch with visible breadcrumbs: If your page shows “Home > Blog > Schema” as visible breadcrumbs but the schema shows different URLs or names, Google flags this as a discrepancy. Keep schema and visible breadcrumbs in sync.

Mistake 4 — Omitting intermediate levels: If your hierarchy is Home > Category > Subcategory > Article, do not omit the Subcategory level in the schema. Include all levels.

Mistake 5 — Including the last item’s item property incorrectly: The last breadcrumb should link to the current page. If the current page is canonical, it should be the full canonical URL.

BreadcrumbList Checklist

Verify your implementation before publishing

Checklist Score
0/8


Frequently Asked Questions

Q: Is BreadcrumbList schema required for breadcrumb rich results?
A: Yes. Without BreadcrumbList schema, Google may show the URL path in search results but not the formatted breadcrumb rich result. Schema is required for the structured breadcrumb display.

Q: Should I add BreadcrumbList schema to every page?
A: Yes. BreadcrumbList should be page-specific (reflecting the current page’s position in the hierarchy). Most CMS plugins and themes generate it automatically per-page when breadcrumb features are enabled.

Q: Does BreadcrumbList help with voice search?
A: Not directly for voice responses, but it helps Google correctly classify and contextualize your content, which can indirectly benefit ranking and citation for voice queries in your topic area.


Conclusion

BreadcrumbList schema is a low-effort, high-value implementation. Most major CMS platforms support it automatically through SEO plugins. For custom builds, the JSON-LD structure is straightforward to generate server-side. The rich result and AI classification benefits make it worth implementing at scale across your full content library.


Get AI-Ready with Ignited Nepal

We audit and implement complete schema markup strategies including BreadcrumbList, Article, FAQPage, and Organization schemas.

→ Request an AI Visibility Audit


Written by the Ignited Nepal AI Visibility team. ignitednepal.com

NR

Article by

Niraj Raut

Head of Search at Ignited Nepal. Drove 340% organic traffic growth for EzyDog (Australia), 4× revenue for The Turf Man (Australia), and 120% month-on-month traffic growth for ThemeGrill (Nepal). Keynote speaker at WordCamp Nepal 2023 and verified WordPress.org open-source contributor.