BreadcrumbList Schema：帮助AI和Google理解您网站的结构

当AI读取您的网站时，它寻找的东西之一是层级结构。哪个页面是概述？哪个页面是详情？哪个页面属于什么主题？BreadcrumbList schema是您以清晰、结构化的方式回答这些问题的方法。

BreadcrumbList如何工作

BreadcrumbList是从首页到当前页面的"导航节点"列表。它做两件事：

1. 在Google SERP上：

代替原始URL，用户看到美观的层级链：example.vn › blog › huong-dan › breadcrumb-schema → CTR提升。

2. 对AI搜索：

AI理解：这篇文章属于"指南"主题，是"博客"的子集——当回答关于结构化数据的问题时，这是合适的引用来源。

完整JSON-LD BreadcrumbList

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Trang chủ",
      "item": "https://example.vn/vi"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.vn/vi/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Hướng dẫn",
      "item": "https://example.vn/vi/blog/huong-dan"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BreadcrumbList Schema: Giúp AI và Google Hiểu Cấu Trúc Website"
    }
  ]
}

注意最后一个item没有item字段（URL）——这是当前页面，不需要链接。

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}`,
      }),
    })),
  };
}

不同页面类型的面包屑

服务页面

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Trang chủ", "item": "https://example.vn/vi" },
    { "@type": "ListItem", "position": 2, "name": "Dịch vụ", "item": "https://example.vn/vi/dich-vu" },
    { "@type": "ListItem", "position": 3, "name": "AEO cho E-commerce" }
  ]
}

产品页面（电商）

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Trang chủ", "item": "https://shop.vn" },
    { "@type": "ListItem", "position": 2, "name": "Thời trang", "item": "https://shop.vn/thoi-trang" },
    { "@type": "ListItem", "position": 3, "name": "Áo nam", "item": "https://shop.vn/thoi-trang/ao-nam" },
    { "@type": "ListItem", "position": 4, "name": "Áo polo cotton" }
  ]
}

SitelinksSearchBox schema

SitelinksSearchBox允许Google在用户搜索您品牌时显示内联搜索框：

{
  "@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/tim-kiem?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}

Google激活站点链接搜索的条件：

• 网站有搜索结果相关的正常运作搜索栏
• 搜索URL使用query参数正常工作
• Google已索引足够多的页面（通常需要一定的域名权重）

常见BreadcrumbList错误

对AI搜索的影响

BreadcrumbList schema以很少有人想到的方式影响AEO：

• 主题聚类：AI识别出/blog/huong-dan/*是"技术指南"集群，与/blog/kien-thuc/*"理论知识"集群不同。在回答实践问题时，AI优先选择/huong-dan/。
• 权重传递：AI理解分类页（/blog/huong-dan）是子文章的"父级权威"。如果分类页有良好的schema和许多子文章，分类页从AI那里获得更高的权重。
• 引用精度：AI可以引用"ABC的指南部分"而非仅仅"ABC网站"——更具体，更可信。

BreadcrumbList是最容易实现但最常被忽视的schema之一。一次正确实现，从SEO（富媒体结果）和AEO（AI上下文）中长期获益。

常见问题