什么是面包屑？

痕迹导航是创建轨迹的导航元素，以帮助用户和搜索引擎爬虫更好地了解页面及其在网站上的位置。它们通常出现在网页的顶部。

下面是面包屑的示例：

面包屑导航得名于《汉塞尔与格蕾特》童话故事，其中角色创建面包屑轨迹来追溯他们的脚步。

但是，痕迹导航不一定反映用户访问页面的旅程。例如，用户可以点击上面显示的 Eddie Bauer 男士裤子页面的直接链接。但他们仍然会看到相同的面包屑链接。

大多数网站都应该实现痕迹导航，尤其是当它们包含多个小节时。

为什么面包屑对 SEO 很重要？

面包屑不会直接影响排名，但实施它们仍然可以使您的 SEO 受益。以下是它们对您的网站的影响：

提高内部链接和可抓取性

面包屑导航使用内部链接来引导用户和搜索引擎浏览您的网站。这使得页面更容易被发现并在搜索结果中显示。

每个单独的工具页面都包含在一个类别中，每个类别都包含在主工具列表中（添加到网站页脚）。这样：

• 主工具列表页
• 单个工具页面
• 工具类别页面

如果您使用 BreadcrumbList 架构实现痕迹导航，也可能会影响您的网站在 AI 搜索中的可见性。

改善用户体验

痕迹导航允许用户在您的网站上快速定位自己，从而简化导航以改善用户体验 （UX） 并减少跳出的可能性。

这也对 SEO 有影响。

谷歌的 Navboost 是排名算法的一部分，它使用真实的用户行为来影响排名。这包括用户是否快速从网页返回到搜索结果。

因此，当用户在您的网站上花费更多时间时，表明您网站的内容是有用的。因此，它的排名可能会更高。

只要知道更好的参与度并不能保证。如果您对在全站范围内实施痕迹导航持观望态度，请进行 A/B 测试，看看它们是否对用户参与度产生有意义的影响。

网站痕迹导航的类型

在向网站添加痕迹导航之前，请考虑要实现的类型：

基于层次结构的痕迹导航

基于层次结构的痕迹导航会根据您的网站结构告诉用户他们在您网站上的位置。此类型通常显示当前页面、当前页面所属的子页面，依此类推，直到到达主页。

这是 ASOS 的一个示例：

分层痕迹导航对来自自然搜索的用户很有帮助。因为它们允许用户轻松发现其他相关内容。

基于属性的痕迹导航

基于属性的痕迹导航显示页面上项目的共同点。它们经常与分层面包屑一起出现在电子商务网站上。

这是一个例子：

基于路径的痕迹导航

基于历史记录或路径的痕迹导航显示您到特定页面的唯一路径。它们没有概述网站层次结构，而是只显示您迄今为止访问过的页面。

今天很难找到一个包含基于路径的面包屑的网站。如果网站确实使用它们，它通常作为后退按钮将您带到上一页。

我们不推荐这两个选项，因为用户可以使用他们的网络浏览器执行相同的作。

这就是为什么您不经常看到此类面包屑的原因。网站设计者更喜欢具有更多功能的面包屑导航类型。

面包屑的 5 个最佳实践

为您的网站设计痕迹导航时，请遵循以下最佳实践。

1. 让它们易于查看

面包屑应该易于查看而不突兀，这通常意味着将它们放在页面的左上角。

这是 Plaid 博客中的一个示例：

2. 包括完整路径

痕迹导航应包括从主页或主类别页面到当前目标页面的完整路径。（根据您的网站结构，可能会有更多步骤。这允许访问者追溯他们的步骤并快速返回您网站的重要部分。

这在移动设备上尤其重要，因为主导航通常隐藏在汉堡菜单后面。这是一个例子：

这样，移动用户只需轻轻一按即可返回“女性”类别。

3. 使用一致的格式

痕迹导航应以一致的格式显示，以便为用户创造轻松的浏览体验。

您可以通过以下方式使痕迹导航保持一致：

• 在级别之间使用相同的分隔符（例如：“/”、“>”或“→”）
• 确保字体和链接颜色与视觉指南一致，并且在页面上看起来相同
• 在整个网站中应用相同类型的痕迹导航（例如：基于层次结构或基于属性的痕迹导航）

4. 不要链接到当前页面

面包屑不应链接到当前页面，因为此类链接没有用途。而且它们可能会让用户感到困惑，因为它们不会将他们引导到其他地方。

但您应该在痕迹导航轨迹中列出当前页面，以帮助用户了解他们的位置。

这对 SEO 也有好处，因为您可以有机地提及主要关键字（主要关键字）。以这种方式自然地合并您定位的术语有助于搜索引擎了解您的页面与某些查询相关。

5. 添加和验证痕迹导航架构

添加痕迹导航模式有助于搜索引擎了解您的网站结构以及页面之间的关系。

将痕迹导航架构标记添加到网站后，运行审核以检查其格式是否正确。

您可以使用 Semrush 的站点审核工具来执行此作。

设置项目并扫描网站后，您将看到一个包含主题报告的仪表板。单击“Markup”下方的“View details”。

在“Structured Data Items”下，找到“Breadcrumb”。并检查“Invalid”列中是否有任何无效项目。

如果您看到任何错误，请点击链接的号码以查看错误和受影响网址的列表。从这里，您可以单击“受影响的字段”列中的下拉箭头以查找需要修复的特定字段。

如何在 WordPress 中实现面包屑

WordPress 用户可以通过安装开箱即用的支持面包屑的主题来实现面包屑。

或者您可以使用 Yoast SEO 等插件。

要安装它，请转到“Plugins”>“Add Plugin”。

搜索“Yoast”并单击“Install Now”。

插件安装后，单击“Activate”。

接下来，您需要向主题添加一段代码。如果您对网站进行技术更改感到不舒服，请向开发人员寻求帮助。

要继续，请复制下面的代码并将其粘贴到您希望显示痕迹导航的主题中。

<?php
if(function_exists('yoast_breadcrumb')){
yoast_breadcrumb('</p><p id="breadcrumbs">','</p><p>');
}
?>

之后，从侧边栏转到“Yoast SEO”>“Settings”。然后，选择“Advanced”>“Breadcrumbs”。

在这里，您可以配置痕迹导航并自定义它们在您的网站上的显示方式。

当您准备好实时推送更改时，请单击“Enable breadcrumbs for your theme”旁边的切换开关。

最后

痕迹导航消除了访问者的导航摩擦，并让他们在您的网站上停留更长时间。因此，您的网站对搜索引擎似乎更有帮助，并且排名更高。

但面包屑只是 SEO 的一个小方面。您需要考虑反向链接、主题权威、技术性能等。

在这几年的SEO经验分享里，我各位整理了一些相关的学习资料，【WordPress建站教程、32节入门基础教程、20节站内SEO教程、20节SEO进阶教程、长尾关键词教程、网站诊断分析教程】，感兴趣的可直接扫上面的码添加，想学习SEO技术的同学不要错过