BreadcrumbList Schema: Helping AI and Google Understand Your Website Structure

When AI reads your website, one of the things it is looking for is hierarchical structure. Which page is the overview? Which is the detail? Which page belongs to which topic? BreadcrumbList schema is how you answer these questions clearly and in a structured way.

How BreadcrumbList Works

BreadcrumbList is a list of "waypoints" leading from the homepage to the current page. It does two things:

1. On Google SERP:

Instead of a raw URL, users see a clean hierarchical path: example.vn › blog › guides › breadcrumb-schema → CTR improves.

2. With AI search:

AI understands: this article belongs to the "Guides" topic, which is a child of "Blog" — when answering questions about structured data, this is a relevant source to cite.

Complete BreadcrumbList JSON-LD

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.vn/en"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.vn/en/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Guides",
      "item": "https://example.vn/en/blog/guides"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BreadcrumbList Schema: Helping AI and Google Understand Website Structure"
    }
  ]
}

Note that the last item does not have an item field (URL) — this is the current page, no link is needed.

Implementation in Next.js App Router

// lib/schema/breadcrumb.ts
const siteUrl = process.env.NEXT_PUBLIC_SITE_URL!;

interface BreadcrumbItem {
  name: string;
  href?: string;
}

export function generateBreadcrumbSchema(
  items: BreadcrumbItem[],
  locale: string
): object {
  return {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    itemListElement: items.map((item, index) => ({
      "@type": "ListItem",
      position: index + 1,
      name: item.name,
      ...(item.href && {
        item: `${siteUrl}/${locale}${item.href}`,
      }),
    })),
  };
}

Breadcrumbs for Different Page Types

Service page

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://example.vn/en" },
    { "@type": "ListItem", "position": 2, "name": "Services", "item": "https://example.vn/en/services" },
    { "@type": "ListItem", "position": 3, "name": "AEO for E-commerce" }
  ]
}

Product page (E-commerce)

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://shop.vn" },
    { "@type": "ListItem", "position": 2, "name": "Fashion", "item": "https://shop.vn/fashion" },
    { "@type": "ListItem", "position": 3, "name": "Men's Shirts", "item": "https://shop.vn/fashion/mens-shirts" },
    { "@type": "ListItem", "position": 4, "name": "Cotton Polo Shirt" }
  ]
}

SitelinksSearchBox Schema

SitelinksSearchBox allows Google to display an inline search box when users search for your brand:

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://example.vn/#website",
  "url": "https://example.vn",
  "name": "AEO Saigon",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://example.vn/search?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}

Conditions for Google to activate Sitelinks Search:

• Website has a functioning search with relevant results
• Search URL works correctly with query parameters
• Google has indexed enough pages (typically requires reasonable domain authority)

Common BreadcrumbList Errors

Impact on AI Search

BreadcrumbList schema affects AEO in ways few people consider:

• Topical clustering: AI recognizes /blog/guides/* as a cluster of "technical guides", distinct from /blog/knowledge/* as a "theoretical knowledge" cluster. When answering practical questions, AI prioritizes /guides/.
• Authority flow: AI understands that the category page (/blog/guides) is the "parent authority" for its child articles. If a category page has good schema and many child articles, the category page receives higher authority from AI.
• Citation precision: Instead of citing "website ABC", AI can cite "in the Guides section of ABC" — more specific, more trustworthy.

BreadcrumbList is one of the easiest schemas to implement yet is often overlooked. Implement it correctly in one session, and benefit long-term from both SEO (rich results) and AEO (AI context).

Frequently asked questions