面包屑

面包屑是网页上显示的一条层级路径，指明当前网页在网站层次结构中的位置^[1][4]。

用户可以从路径的最低层级开始，一次一个层级地往上，走到网站层次结构中的最高层级^[1]。因为把当前位置放回整条路径里，用户就知道自己站在哪一层、还能往哪走^[1]。也就是说，面包屑把网页的位置关系直接摆到用户眼前。

表达的内容

面包屑帮助用户有效地了解和探索网站^[1][3]。

一条路径由若干层级组成，最末一级是当前网页，往上依次是它所属的各级目录^[1]。用户顺着这条线往上一级一级退，就能理解网站的整体结构^[1]。也就是说，面包屑同时说明了「这是什么」和「它属于哪里」。

一条路径用 BreadcrumbList 结构化数据标注，这段代码放在网页的 <head> 或 <body> 里：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "首页", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "数控机床", "item": "https://example.com/cnc-machine" },
    { "@type": "ListItem", "position": 3, "name": "三轴加工中心" }
  ]
}
</script>

position 标出层级次序，最末一级是当前网页，只写 name 不写 item。

与网址结构的区别

面包屑应当代表网页的典型用户路径，而不是直接照搬网址结构^[1]。

因为到达同一个网页可能有多种方式，路径要按人的走法来画^[1]。一个网页甚至可以有不止一条面包屑路径^[1]。也就是说，面包屑描述内容归属，不是地址的字面拆解。

在搜索结果中的呈现

面包屑标记会影响搜索结果里可见网址的显示方式。

设备	可见网址
桌面设备	仍包含域名和面包屑导航两部分[2]
移动设备	已简化为只显示域名[2]

也就是说，同一份标记在不同设备上呈现不同，标记本身在桌面仍继续得到支持^[2]。

附录

参见

• 信息架构
• 网址结构
• 结构化数据简介

参考资料

官方（境外）

1. 《如何添加面包屑导航 (BreadcrumbList) 标记》，Google 搜索中心。
2. 《简化移动搜索结果中的可见网址元素》，Google 搜索中心，2025-01-23。

第三方

3. 《What Are Breadcrumbs & Why Do They Matter for SEO?》，Search Engine Journal。
4. 《What Are Breadcrumbs? SEO Implications & Best Practices》，Semrush。

外部链接

无。