什么是面包屑导航以及为什么它对WordPress很重要

面包屑导航（或分层导航）是显示用户在网站上位置的导航链接，例如"首页 > 博客 > WordPress > 面包屑"。面包屑导航有两个主要目的：它通过使导航更容易来改善用户体验，并帮助谷歌更好地理解你的网站结构，这可能会间接影响搜索排名。

除了这些好处外，面包屑导航还可以在谷歌搜索结果中显示为富文本摘要。当你正确使用BreadcrumbList Schema JSON-LD时，你的网站的面包屑导航有资格在搜索摘要中突出显示，给你的页面相对于竞争对手的视觉优势。

事实：根据谷歌的建议，面包屑导航应该出现在网站结构为分层的每个页面上。正确实现BreadcrumbList Schema时，面包屑导航会将谷歌显示网站富文本摘要的可能性提高30-40%。

也就是说，并非每个网站都能从面包屑导航中受益相等。只有2-3个面包屑级别的网站可能收获不大，但对于博客、在线商店或分层结构的网站，面包屑导航成为必要的导航辅助。

如何使用Yoast SEO添加面包屑导航

Yoast SEO是添加面包屑导航最受欢迎的插件，因为它易于设置且自动支持BreadcrumbList Schema。以下是如何在Yoast SEO中配置面包屑导航。

第一步：安装并激活Yoast SEO

从WordPress.org存储库下载Yoast SEO，点击"立即安装"，然后激活它。接下来，导航到Yoast SEO仪表板开始配置。

第二步：配置面包屑导航

在Yoast SEO仪表板中，转到Yoast SEO → 设置 → XML地图 → 启用面包屑导航（或旧版本中的工具 → 面包屑导航）

第三步：将面包屑导航添加到模板

你需要将面包屑导航模板代码添加到主题的模板文件中（如single.php、page.php、archive.php）。如果你的主题还不支持Yoast面包屑导航，请在要显示面包屑导航的位置添加此代码：

if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); }

注：大多数现代WordPress主题已经内置了Yoast面包屑导航钩子。你可能不需要手动修改模板——只需在Yoast设置中启用面包屑导航就应该可以顺利工作。

使用Rank Math设置面包屑导航

Rank Math是一个比Yoast SEO在许多方面更强大的SEO插件，也支持面包屑导航且提供更多自定义选项。以下是如何在Rank Math中配置面包屑导航。

安装Rank Math并导航到设置

从WordPress.org下载Rank Math，激活它，然后转到Rank Math → SEO设置 → 面包屑导航

在Rank Math中配置面包屑导航

将面包屑导航添加到主题

与Yoast一样，Rank Math对现代主题有面包屑导航钩子。或使用此代码：

<?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?>

使用Breadcrumb NavXT插件获得最大灵活性

Breadcrumb NavXT是一个专门的面包屑导航插件，提供最细粒度的控制。如果你需要高级自定义，Breadcrumb NavXT是你的最佳选择。

配置Breadcrumb NavXT

将面包屑导航添加到主题

在面包屑导航应该出现的模板中添加此行：

<?php if ( function_exists( 'bcn_display' ) ) { bcn_display(); } ?>

警告：如果同时从Yoast、Rank Math和Breadcrumb NavXT启用面包屑导航，你的面包屑导航将在页面上重复显示，JSON-LD Schema可能会冲突。只选择一个插件。

手动将面包屑导航添加到主题

如果你倾向于直接将面包屑导航代码写入主题的functions.php，你可以创建一个自定义函数并在适当的模板文件中调用它。

自定义面包屑导航函数示例

将此代码添加到你的主题的functions.php：

function custom_breadcrumbs() {
if ( !is_home() && !is_front_page() ) {
echo '<div class="breadcrumbs"><a href="' . home_url() . '">Home</a>';
if ( is_category() ) {
echo ' › ' . single_cat_title( '', false );
} elseif ( is_single() ) {
$cat = get_the_category(); if ( $cat ) echo ' › ' . $cat[0]->name . ' › ' . get_the_title();
} elseif ( is_page() ) {
echo ' › ' . get_the_title();
}
echo '</div>';
}
}

然后在你的single.php、page.php或archive.php模板中用custom_breadcrumbs();调用函数。

BreadcrumbList JSON-LD Schema详细解释

BreadcrumbList Schema是JSON-LD代码，以机器可读的格式告诉谷歌关于面包屑导航链接。当谷歌正确读取此Schema时，它可以在搜索摘要中显示面包屑导航为富文本摘要。

BreadcrumbList JSON-LD结构

这是WordPress教程文章的BreadcrumbList Schema示例：

{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[
{"@type":"ListItem","position":1,"name":"Home","item":"https://example.com/"},
{"@type":"ListItem","position":2,"name":"Blog","item":"https://example.com/blog/"},
{"@type":"ListItem","position":3,"name":"WordPress","item":"https://example.com/blog/wordpress/"},
{"@type":"ListItem","position":4,"name":"How to Add Breadcrumbs","item":"https://example.com/blog/wordpress/breadcrumbs/"}
]}

分解每个组件

建议：确保BreadcrumbList Schema中的URL完全匹配你的页面的实际URL。不匹配的URL会导致谷歌对你的Schema标记失去信任。

使用谷歌富文本摘要测试工具测试面包屑导航

设置面包屑导航和BreadcrumbList Schema后，使用谷歌富文本摘要测试来验证谷歌是否能正确读取你的Schema。

测试步骤

  1. 转到https://search.google.com/test/rich-results
  2. 粘贴你的带有面包屑导航的WordPress页面的URL
  3. 点击"测试URL"
  4. 等待谷歌爬取页面（通常10-30秒）
  5. 结果将显示是否检测到富文本摘要。如果绿线显示"Breadcrumb"，你的标记是正确的。

如果你看到错误：例如"position必须是整数"或"item URL必须是绝对URL"，检查你的JSON-LD。验证position值是数字（不是文本）以及URL是完整的https://...路径，而不是/relative/paths。

WooCommerce的面包屑导航

如果你的WordPress网站使用WooCommerce进行在线销售，面包屑导航变得更加重要——它帮助客户更容易地导航产品类别和单个产品。WooCommerce有内置的面包屑导航，但你需要启用并配置它们。

启用WooCommerce面包屑导航

WooCommerce面包屑导航示例

在WooCommerce页面上，面包屑导航通常显示为：

首页 › 商店 › 电子产品 › 笔记本电脑（产品名称）

提示：使用Yoast SEO或Rank Math并让它们自动为WooCommerce产品生成BreadcrumbList Schema。这优于WooCommerce的默认面包屑导航处理。

比较面包屑导航插件

这是热门面包屑导航插件的比较，以帮助你做出决定。

功能 Yoast SEO Rank Math Breadcrumb NavXT
价格免费免费（附加Pro选项）免费
设置难度非常简单简单中等
BreadcrumbList Schema✓ (自动)✓ (自动)✓ (自动)
自定义基础高级最大
WooCommerce支持✓✓✓
性能影响轻轻轻

简而言之：如果你想设置后忘记它，使用Yoast SEO；如果你想要中等自定义，使用Rank Math；如果你想要最大控制，使用Breadcrumb NavXT。

面包屑导航的最佳实践

以下是一些最佳实践，以最大化面包屑导航的有效性：

立即开始 AsiaGB 托管 — DirectAdmin控制面板，一键安装WordPress

WordPress托管完全支持Yoast SEO、Rank Math和Breadcrumb NavXT，配备DirectAdmin管理面板，99%正常运行保证，SSD存储，性能卓越。

查看托管方案