一个没公开名字的旅游站，把面包屑导航的标记补进页面源码，自然流量几乎没动；等他们把这一行补到手机版页面上、让访客也能看见，流量才涨了5%。做这件事的同一段时间，谷歌的手机搜索结果里早就不显示面包屑了。秒出海的文章页顶上也有这么一行，看得见的那行和源码里的标记两边对得上。
面包屑导航就是文章页顶上那一行「首页 / 栏目 / 本篇」，用几个链接把当前这一页和它的上级页串起来。它对SEO的用处分三块：帮谷歌看懂这页在网站层级里的位置，给栏目页和首页各留一条链接，电脑端搜索结果里用它替代一长串网址。它本身不是排名开关，加了不等于排名会动。在秒出海看来，面包屑属于上线前必须过一遍的基础项，不值得当成优化大招，但也不该关着。
- 2025年1月23日起，谷歌手机搜索结果不再显示面包屑，只显示域名，电脑端照旧显示「域名 + 面包屑」。
- BreadcrumbList至少要有2个ListItem，最后一项可以不写item，谷歌会用本页网址补上。
- 一个旅游站第二轮给手机页补上看得见的面包屑之后，自然流量涨了5%。
- 一个电商站页面上去掉面包屑最后一项的链接、标记没跟着改，自然流量掉5.5%。
- Yoast SEO的面包屑默认是关的，Rank Math要先在仪表盘打开Schema模块。
这篇只讲面包屑这一件事：它长什么样、对SEO到底有什么用、BreadcrumbList怎么写怎么验、WordPress里用主题和三个插件怎么开、容易错在哪儿、哪些步骤能交给AI。结构化数据是什么、栏目怎么分级、网址怎么设计、正文内链怎么加，各用一句话带过，链到对应的文章。
本文目录
面包屑导航是什么：文章页顶上那一行「首页 / 栏目 / 本篇」
面包屑导航，英文叫breadcrumb、breadcrumbs或者breadcrumb navigation，指的是页面顶部、导航栏下面那一行路径，写着「首页 / 栏目 / 子栏目 / 本篇」。名字来自格林童话《汉赛尔与格莱特》，两兄妹沿路撒面包屑认回家的路，网页上这行路径后来就借用了这个词。它不只出现在文章页，分类页、商品页、搜索结果页都能放，作用都是同一件事：告诉访客和搜索引擎，这一页是从哪儿进来的。
本站文章页是这样：电脑端显示「首页 / 实战教程 / google seo / 文章标题」四级，前三级是链接，最后一级本篇标题不带链接；手机上这一行放不下，最后一项会被截断。
谷歌搜索结果里的「可见网址」由两部分组成：域名加面包屑。谷歌会根据网址里的词自动学出面包屑，也可以用结构化数据去影响它显示成什么样。谷歌《SEO新手指南》里还有一句要记住：网址和域名里的关键词对排名几乎没影响，除非它出现在面包屑里。
面包屑路径按什么排
排法有三种。按层级排，就是首页、栏目、子栏目、本篇，内容站用得最多，也是谷歌文档里默认讲的那种。按属性排，比如电商站写「首页 / 女装 / 泳衣 / 连体款」，本质还是层级，只是每一级换成了筛选条件。按访问历史排，记录用户从哪一页点进来，每个访客看到的都不一样，跟谷歌建议的「典型用户路径」对不上，不适合写进标记。
其实谷歌的建议是按读者走到这一页的路径来写，不是照搬网址目录。一篇文章可以从「实战教程 / google seo」进来，也可以从「专题 / 搜索流量」进来，两条路径都成立，选读者最常用的那条。栏目怎么分级、整站结构怎么搭，属于另一件事。
面包屑导航对SEO有什么作用：帮谷歌看懂层级、给栏目和首页留链接，不是排名开关
谷歌官方能说清的只有这几条。
- 帮谷歌理解这一页在网站层级里的位置。文档原话是：「网页上的面包屑导航路径指明了网页在网站层次结构中的位置，有助于用户有效地了解和探索网站。」
- 电脑端的搜索结果里，面包屑替代一长串网址，显示在标题上方。
- 面包屑用 <a href> 写出来，就是谷歌能顺着爬的普通链接，跟正文里一条内链没有区别。
- 谷歌没有说面包屑是排名因素，也没有说加了面包屑会涨排名。
剩下的属于站长经验，不是谷歌的规则。按我做站的习惯，每一篇内容页都通过面包屑给它所属的栏目页和首页各留一条链接，内容越多，上级页拿到的链接越多。栏目页和首页本来就比单篇文章强，有一部分是这么堆起来的。
说白了，面包屑一关，站内往上走的这条链接线就断了。不少主题的面包屑开关默认是关的，上线前打开一篇文章，看标题上方有没有那一行，这一步不能省。
秒出海的AI Agent里有个SEO/GEO优化员工，管的就是技术SEO和站内，上线前会把面包屑开没开、标记在不在查一遍。
站内还有三篇可以接着看。栏目怎么分、内链怎么布，看网站结构优化；文章正文里怎么加链接，看内部链接；技术层面的总清单，看技术SEO。这三件事跟面包屑都有交叉，但这篇只讲面包屑自己。
面包屑也有成本：占页面顶部一行位置，手机屏幕窄的时候标题长会被截断。就这些。
2025年起谷歌手机搜索结果不显示面包屑：电脑端还在，手机页上的面包屑照样要留
谷歌2025年1月23日改了什么
谷歌搜索中心博客2025年1月23日发过一篇说明，意思是这样：面包屑本来是「网站层级」这个功能的一部分，谷歌发现它对手机用户没那么有用，因为在小屏幕上会被截断。所以从当天起，所有提供谷歌搜索的语言和地区，手机搜索结果里不再显示面包屑，只显示域名；电脑端照旧，显示「域名 + 面包屑」两部分。
已经加了面包屑标记的，什么都不用改。谷歌继续支持面包屑标记，只是用在电脑端搜索结果里；Search Console的面包屑富结果报告照旧，富媒体搜索结果测试也照旧能测。现在的面包屑结构化数据文档里写着，此功能「适用于桌面设备」。
秒出海的判断是，「面包屑能让搜索结果更好看、多一条能点的路径」这句话，现在只对电脑端成立。但手机版页面上看得见的那一行还是要留。原因在下面这个案例里：谷歌的移动优先索引看的是手机版页面，手机版上没有这行东西，标记也跟着检测不到。移动优先索引是什么，站内那篇讲得很细。
一个没公开名字的旅游站：第二轮给手机页补上看得见的面包屑，自然流量涨5%
一家做SEO对照实验的公司SearchPilot，2025年10月公开了它一个客户的实验。客户站是旅游类，站名没公开，下面都写「这个旅游站」。实验用的是对照组页面和实验组页面同期比较，对方说这样能排除季节、谷歌算法更新、竞争对手变化这些外部因素。口径先说清：一个匿名客户，一次实验，对方是卖测试平台的公司，实验跑了多久、多少页面、流量绝对值都没公开。下面写的都是对方公开的实验结果。
起因是地点页的大部分内容，包括面包屑标记，都是浏览器端渲染出来的。标记本身校验是通过的，但谷歌没认出来，搜索结果里显示的是原始网址路径。
第一轮，他们在页面服务端源码里再放了一份BreadcrumbList，原来浏览器端那份保留。结果是流量变化不显著，区间-3.2%到2.9%，最佳估计-0.1%。但谷歌开始在搜索结果里显示面包屑了。
接着他们发现一个问题：Search Console只在电脑端检测到面包屑结构化数据，用手机检查检测不到。原因是这个旅游站的地点页，手机版页面上根本没有看得见的面包屑，列表页有，地点页没有，所以手机版渲染出来的HTML和源码里都没有这份标记。
第二轮，给手机页加上看得见的面包屑，服务端的标记照留。这一次自然流量涨了5%，统计显著，最佳估计4.9%、上限7.1%。这个5%是第二轮补上手机页可见面包屑之后的结果，不是第一轮。对方的解释是，点击率只小涨，排名明显涨，流量增长主要来自排名。
同一家公司公开的另外三次面包屑实验
| 公开日期 | 站型 | 改了什么 | 结果 | 对方给的原因 |
|---|---|---|---|---|
| 2021年5月23日 | 电商站，卖泳装服饰，匿名 | 原来面包屑标记有错、搜索结果里不出面包屑，这次把标记修好 | 大类页约 -7%，子类页约 -6%（对方也说没那么确定），商品页约 -12% | 修好前搜索结果显示的是完整网址路径，修好后变成「域名 > Clothing」，最细的子类没显示出来，摘要没以前吸引人，点的人少了 |
| 2024年7月25日 | 电商站的商品列表页，匿名 | 去掉面包屑最后一项指向本页的链接 | 自然流量 -5.5%，统计显著，对方用 GSC 看是排名掉了 | 页面上去掉了链接，结构化数据没跟着改，看得见的和标记对不上，搜索引擎可能读错了网站结构 |
| 2025年8月8日 | 两个不同客户，匿名 | 一个把面包屑挪到主标题上方，一个挪到页面底部、页脚上方，标记和结构都没动 | 两个都不显著 | 对方推测，搜索引擎更多靠结构化数据理解面包屑，不看它在页面哪个位置 |
四次实验放一起看，面包屑的影响主要看两件事：搜索结果里最后显示成什么样，页面上看得见的面包屑和源码标记对不对得上、手机版有没有。2021那次是谷歌拿掉手机端面包屑之前的事，那时候手机和电脑都显示面包屑。这四次站不同、页面不同，不能加总，也不能平均。
BreadcrumbList结构化数据怎么写：至少两项，按读者路径写，不照搬网址
BreadcrumbList是schema.org里专门描述面包屑的类型，写在页面源码里，告诉谷歌这一页的路径有哪几级。JSON-LD、RDFa、微数据三种格式谷歌都认，下面的例子用JSON-LD，Yoast在源码里输出的也是这种。
官方要求至少两个ListItem，原话是「如需指定面包屑导航，请定义一个包含至少两个ListItems的BreadcrumbList」。只有一级，谷歌没法判断你的层级。必填属性看这张表。
| 属性 | 放在哪 | 是什么 | 能不能省 |
|---|---|---|---|
| itemListElement | BreadcrumbList | 按顺序排的 ListItem 数组 | 必填 |
| item | ListItem | 这一级页面的网址，也可以写成带 @id 的 Thing | 最后一项可以不写，不写时谷歌用本页网址 |
| name | ListItem | 显示给用户看的名字 | 用带 name 的 Thing 指定 item 时可以省 |
| position | ListItem | 位置，1 是路径开头 | 必填 |
官方还有一句建议的原话：「我们建议您提供代表网页的典型用户路径的面包屑导航，而不是直接照搬网址结构。」同一份文档里官方也说了，不需要为顶级路径（网站的域名或主机名）和网页本身各加一个ListItem。也就是说，首页和本页这两项都不是必须的；要写本页，它作为最后一项可以不带item，谷歌会用本页网址。一页还可以有多条路径，用户能从几条路走到同一页，就写几条BreadcrumbList，官方举的例子是「图书 / 科幻小说 / 获奖作品」和「文学 / 获奖作品」。
违反结构化数据指南有可能被人工处置。data-vocabulary.org那套很老的标记谷歌已经不认了，网上还在教的老教程别照着做。
下面这段JSON-LD，首页到google seo栏目再到这篇文章，网址用example.com，最后一项不写item。放在页面里的时候，它要包在script标签里，script的type是application/ld+json。
{ “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [
{ “@type”: “ListItem”, “position”: 1, “name”: “首页”, “item”: “https://www.example.com/” },
{ “@type”: “ListItem”, “position”: 2, “name”: “google seo”, “item”: “https://www.example.com/seo/” },
{ “@type”: “ListItem”, “position”: 3, “name”: “面包屑导航是什么” } ] }
页面上看得见的那一行，HTML是这样：
<nav class=”breadcrumb”>
<a href=”https://www.example.com/”>首页</a> /
<a href=”https://www.example.com/seo/”>google seo</a> /
<span>面包屑导航是什么</span>
</nav>
本站文章页就是这么写的。看得见的部分是三个a加最后一项span，源码里的分隔符是「/」，最后一项不带链接；源码里一段BreadcrumbList，4个ListItem，分别是首页、实战教程、google seo、本篇标题，每项都带item网址。官方说本页不必写进去，这里写成了第4个ListItem并且带了网址，写了不算错。两边层级一一对得上，这是验收面包屑时要看的头一项。
这也是秒出海的AI Agent里网站开发员工的做法：从零开发、不套现成主题，面包屑和BreadcrumbList在开发阶段就写进模板，不用上线后再补。
面包屑按用户路径写，网址层级按另外一套逻辑设计，两件事不必一一对应，网址怎么写看URL结构。结构化数据有哪些类型、测试工具和GSC报告的全流程，看结构化数据。
BreadcrumbList写完怎么验：富媒体搜索结果测试、网址检查、GSC面包屑报告
先跑富媒体搜索结果测试，把网址或者代码贴进去，看有没有严重错误，有就先修。它能告诉你这一页被识别出了几项结构化数据。
发布之后用网址检查工具看谷歌抓到的那一页，确认没被robots.txt挡住、没有noindex、不需要登录才能看。确认没问题可以请求重新抓取，站点地图也提交一份。上线以后看Search Console的面包屑富结果报告，三个时间点要看：第一次部署面包屑之后、改过模板之后、平时定期看。重新抓取和重新编入索引都要时间，发布后过几天才被抓到是正常的。
手机版页面也要能检测到。旅游站那次就是电脑端检测到、手机检查检测不到，问题出在手机版页面没有看得见的面包屑。Search Console的报告和网址检查怎么用，看Google Search Console使用教程。
WordPress面包屑导航怎么开：先看主题自带，再用Yoast、Rank Math或AIOSEO，只留一个
先查主题有没有自带面包屑
第一步不是装插件，是查主题。进主题设置看有没有面包屑开关，打开一篇文章看标题上方有没有那一行，再查看源代码搜BreadcrumbList，看标记在不在。主题已经在出面包屑的，别再叠一个插件，两份标记打架比没有更麻烦。
2024年我转做英文独立站，自己买域名、买VPS、装主题。按我的判断，选主题的时候就该看它自带不带面包屑，比上线之后再回头装插件省事。
三个SEO插件的面包屑开法
主题不带，就用插件。下面三个选一个开。
Yoast SEO
Yoast SEO的面包屑默认是关的，原因是它需要你或者主题开发者在主题文件里加一行代码才能显示。开法是：WordPress后台 → Yoast SEO → Settings → Advanced → Breadcrumbs，打开「Enable breadcrumbs for your theme」，保存。
全站显示要在主题文件里动手。把 yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ ); 这一行放到single.php或者page.php的标题上方，也可以放在header.php末尾，外面再套一层 if ( function_exists(‘yoast_breadcrumb’) ) 判断，插件停用时页面不会报错。改之前先备份，主题更新可能把这段手改的代码覆盖掉。不想动文件，就找主题开发者。
只想在单篇或者单页显示，用「Yoast Breadcrumbs」区块更简单，或者用 [wpseo_breadcrumb] 短代码，只在那一页生效。源码里Yoast输出的是JSON-LD格式的BreadcrumbList。
Rank Math
Rank Math分两步。先在Rank Math SEO仪表盘打开Schema模块，它才会加面包屑标记；再到Rank Math SEO → General Settings → Breadcrumbs打开。看不到Breadcrumbs这一项，把模式切到Advanced Mode。
打开以后能设的东西不少：分隔符、要不要首页链接、首页叫什么（默认Home，可以改成「首页」）、前缀、归档页和搜索结果页和404的格式、要不要隐藏文章标题、要不要显示分类（用主分类）。单篇标题太长，可以在编辑页的Rank Math面板 → Advanced → Breadcrumb Title单独设一个短的，只用在面包屑里。
显示方式有几种：模板里放 rank_math_the_breadcrumbs()，建议用子主题；或者用 [rank_math_breadcrumb] 短代码；主题原生支持 rank-math-breadcrumbs 的不用改文件；Elementor小部件要Elementor Pro加Rank Math PRO才能用，免费版还是用短代码。Rank Math官方提醒过一句：加之前确认只有它一个在出面包屑，主题或者别的插件已经在出的要先关掉。
All in One SEO
路径是All in One SEO → General Settings → Breadcrumbs。
显示方式有四种：短代码、区块「AIOSEO – Breadcrumbs」、PHP函数 aioseo_breadcrumbs()、小工具。用PHP函数要注意，它必须在WordPress循环里调用，不在循环里调，前台什么都不显示。
它官方文档里自己写明了一件事：前台显示的面包屑和源码里的Schema是两套，这个页面上的设置只改前台，不改源码里的标记；首页叫法那个字段也不改Schema里的首页名。所以用AIOSEO的时候，前台改完别以为标记也跟着变了。
改首页叫法和去掉面包屑
想把面包屑第一个词从「Home」改成「首页」，Rank Math和AIOSEO都有首页叫法字段，在各自的Breadcrumbs设置里改。AIOSEO那个字段不影响源码标记里的首页名，改完前台变了、标记没变，心里要有数。
想去掉面包屑：关掉插件里的开关，或者删掉主题模板里加的那行代码。按我的判断，内容站的面包屑应该开着，除非你自己的主题显示样式跟整站设计冲突得厉害。
面包屑导航设计容易错的5个地方：显示和代码对不上、两份打架、手机端藏起来
-
看得见的和代码对不上。2024年那次实验就是这个问题：页面上去掉了最后一项的链接，结构化数据没跟着改，自然流量掉5.5%，对方用GSC看是排名掉了。AIOSEO那种前台设置和Schema分开的插件也容易出这事，前台改了标记没动。
-
主题和插件各出一份BreadcrumbList。Rank Math官方就是这么提醒的。查看源代码里搜BreadcrumbList，出现两段就要处理，关掉其中一个。
-
手机版把面包屑藏了。旅游站那次，电脑端GSC能检测到，手机检查检测不到，因为手机版页面上根本没有看得见的面包屑。移动优先索引看的是手机版页面，手机版上没有，谷歌就当没有。
-
乱改最后一项的链接。谷歌官方没禁止也没要求最后一项带不带链接。2024那次是去掉链接、标记没跟着改才跌的。老站别为这个专门去改，要改就两边一起改。
-
为位置折腾。放页面顶部是惯例。2025年8月那两个客户，一个挪到标题上方，一个挪到页面底部，两个都没测出差别，不必为位置去改模板。
这五条里，前三条是会实打实出问题的，后两条是提醒你别乱动。判断标准就一句：页面上看得见的那行、源码里的标记、搜索结果里显示的样子，这三者对不对得上。
用AI检查面包屑：生成BreadcrumbList、比对页面和代码，路径怎么走人来定
面包屑这件事里有几段活适合交给AI，都是照着规则逐项比对的活，人来做费眼睛。
最省事的一段，是按栏目路径和文章标题生成一段BreadcrumbList，手写站和自研主题用得上，可以照抄这句：
「我的网站栏目路径是：首页 → [栏目名]（[栏目网址]）→ [子栏目名]（[子栏目网址]）→ 文章《[标题]》。请按谷歌面包屑结构化数据文档的必填属性，生成一段 BreadcrumbList 的 JSON-LD，至少两项，最后一项不写 item，只用我给的信息，不要编网址。」
还有个事，把页面上看得见的面包屑和源码里的标记一起贴给它，让它逐项比对。提示词可以照抄：「这是我一篇文章页面上的面包屑 HTML，和源码里的 BreadcrumbList JSON-LD。请逐项比对：层级数、每一级的名字、每一级的网址是不是一致，只列出不一致的地方，不要改写代码。」
再有就是批量抽查。把几十篇文章的面包屑HTML和标记导出来，让AI找出层级跳级、网址指错、少一级的页面，只输出有问题的行。几十篇人眼看一遍要一下午，AI过一遍几分钟，你只看它挑出来的那几行。
对了，还有解释报错。富媒体搜索结果测试或者GSC面包屑报告里出的错误，把原文贴给AI，让它说清这是什么意思、该改哪一行。改还是你自己改。
人要做的事有四件：定面包屑走哪条路径，按读者怎么找到这一页来定，不照搬网址；选主题还是插件出面包屑，只留一个；确认手机版上那一行看得见；跑测试、看报告、最后验收。AI能把活干快，替不了你定方向，也替不了你验收。加面包屑能涨多少，没有谁能提前给数，别指望工具替你拍板。
改完模板要回头看数据。秒出海的AI Agent里的运营员工会自己拉数据，每周给你一张改稿单，写清改哪几篇、改什么、先改哪篇；面包屑报告里冒出来的错误，还是要你点进去确认。
常见问题
面包屑导航英文怎么说
breadcrumb、breadcrumbs、breadcrumb navigation都可以。写CSS类名的时候一般用breadcrumb，结构化数据的类型名写BreadcrumbList。
面包屑导航有什么缺点
它占页面顶部一行位置，手机屏幕窄的时候标题长会被截断。谷歌2025年拿掉手机搜索结果里的面包屑，给的理由也是小屏幕上会被截断。
面包屑一定要跟网址层级一样吗
不一定。谷歌的建议是按读者走到这一页的典型路径来写，不是照搬网址结构。同一页可以有好几条路径，就写几条BreadcrumbList。
WordPress面包屑开了为什么前台不显示
三种可能。一是主题文件里没加显示代码，Yoast就是这种；二是PHP函数没放在WordPress循环里，AIOSEO的aioseo_breadcrumbs()必须放循环里；三是被CSS藏起来了，或者位置被别的模块压住。先查看源代码里有没有BreadcrumbList，能分清是显示问题还是标记问题。
手机搜索结果不显示面包屑了还要不要做
要做。搜索结果里不显示，不等于页面上的面包屑没用。旅游站那次，手机版页面补上看得见的面包屑之后，自然流量涨了5%，而那时候谷歌的手机搜索结果里已经不显示面包屑了。移动优先索引看的是手机版页面。
富媒体搜索结果测试报面包屑错误怎么办
先看报的是哪一项。缺必填属性就按上面那张属性表补上，再数一下是不是少于两个ListItem。改完再测一遍，确认页面没被robots.txt、noindex挡住，再提交站点地图、请求重新抓取。发布后过几天才被抓到是正常的。
面包屑这件事本身不大，做完也就是页面顶部多一行。它的价值在于让谷歌看懂这页在哪儿、给上级页留一条链接、电脑端搜索结果里少露一长串网址。秒出海把这类基础项归进上线前必须过一遍的清单，不指望它带来惊喜，只求别在细节上丢分。Google SEO栏目里还有别的文章可以接着看。