面包屑导航:为什么对SEO很重要?
面包屑导航向用户显示他们深入研究你网站结构所采用的路径,并提供一种返回以前访问过的页面的简单方法。借助面包屑导航,用户有机会更快地找到相关内容。
面包屑也可以对你的 SEO 排名产生积极影响,应该包含在你的内部链接策略中。
文章目录
什么是面包屑导航,哪些网站应该使用它们?
面包屑导航是一种本地导航系统,可向用户显示他们在网站上 的位置。你通常可以在页面顶部、标题或主图图像的正上方找到它们。它们采用小文本跟踪的形式,其中包含指向以前访问过的页面的超链接, 例如,主页 > 博客 > 知识库。
这种导航的名称来自德国童话故事 Hansel 和 Gretel,他们找到了一种创造性的方法,可以避免在树林中迷路。
就像孩子们在寻找回家的路上撒下面包屑一样,网站会显示数字面包屑,使用户能够随时返回主页或所选类别页面。
面包屑导航非常有用,尤其是在具有分层组织内容的大型 Web 站点上。 在小型网站上,它们被证明是不必要的,因为所有子页面都在同一级别,用户可以从主页跳转到其中任何一个。
有时,使用面包屑导航引导用户完成多步骤流程也是有意义的 ——显示订购产品发货或在平台上创建新帐户的步骤 ,允许用户返回并进行更正。
面包屑导航对用户的好处
毫不奇怪,面包屑导航的目标主要是改善用户体验。 对于深入网站结构并在途中迷路的人来说,它们很方便。如果他们走得太远,他们只需单击一下即可返回,而不必阅读整个主菜单。
面包屑导航可以对你网站的跳出率产生积极影响。 那是因为对于刚直接从搜索结果进入你的页面的人来说,它非常实用。
借助面包屑导航,用户可以快速找出他们在哪里,以及页面是否位于与他们感兴趣的主题相对应的类别中。因此,他们更有可能进一步探索,而不是返回搜索结果页面。
SEO 行业文章一再强调,Google 可以在 SERP 中将面包屑路径显示为富媒体搜索结果,向用户准确显示点击链接后他们最终会到达网站的位置。这样的外观吸引了用户的注意力并鼓励他们访问该网站。
不久前,你需要使用痕迹导航并使用结构数据标记它们才能获得此富媒体搜索结果。然而,目前这更为复杂。 2015 年 4 月,Google 开始自动分解页面的 URL,以面包屑格式显示它们。
因此,实际上不需要使用痕迹导航才能获得这种类型的富媒体搜索结果。但是通过使用面包屑,你可以确保 Google 以您想要的格式显示它。有关更多信息,请参阅本文的“实现痕迹导航架构标记”部分。
面包屑导航可以提高你在 Google 搜索中的可见度吗?
我们使用面包屑进行抓取(寻找内部链接)和获取丰富的结果(结构化数据)。此外,根据 Google 网站站长趋势分析师 Gary Illyes 的推文,痕迹导航中使用的链接可以超过 PageRank 值 。
面包屑导航的类型
想象一下,你经营一家电子商务商店,里面有不同类型的茶和冲泡茶的配件。 你可以将三种不同类型的常用痕迹导航应用于您的网站。 你是选择仅实施部分还是全部取决于你网站的具体情况和用户的需求。
基于层次结构的面包屑导航
基于层次结构或基于位置的痕迹导航会告诉用户他们在网站架构中的位置。它们从最常规的类别开始,并显示用户选择的分支之一。当常客访问你的茶店网站并搜索带有干果的绿茶时,他们基于层次结构的痕迹导航将如下所示:
首页 > 茶 > 绿茶 > 干果绿茶
如果你的客户得出结论,他们更喜欢纯绿茶,他们可以快速返回到层次结构中较高的类别页面,并将搜索分支到其他产品。这种痕迹导航类型是最常见的,因为用户发现它非常直观。
它也被认为是最有效的 SEO 目的,因为它基于清晰的网站结构和可索引的子页面。 虽然所有类型的面包屑都提供了有价值的内部链接,但通过基于层次结构的面包屑,Google 爬虫不仅可以发现新的 URL,还可以更好地了解网站架构。
重要的是,基于层次结构的痕迹导航最容易适应您的索引策略。你可以在“面包屑导航和索引策略”部分找到有关此内容的更多信息。
基于属性或动态面包屑导航
基于属性或动态面包屑导航非常适合电子商务网站。当单个产品属于几个单独的类别时,它们很方便,这很难用基于层次结构的面包屑导航来说明。
想象一下,一位客户访问了你的茶店的网站,心里想着“我需要一大包黑茶和草莓味的茶。”在此方案中,导航轨迹侧重于产品属性而不是页面标题,可能如下所示:
首页 > 茶 > 包装 > 类型 > 风味
动态面包屑导航可以利用为用户提供的过滤器来缩小搜索范围。结合基于位置的面包屑导航,它们可以呈现出以下外观:
首页 > 茶 > 红茶 [大小: 大], [口味: 草莓]
此类面包屑导航使搜索正确的产品变得更加容易,因为用户可以在不更改类别页面的情况下停用过滤器。
基于历史记录的面包屑导航
基于历史记录或基于路径的面包屑导航是最古老的面包屑导航形式,它们最准确地类似于 Hansel 和 Gretel 的故事。它们显示用户到目前为止访问的所有页面,从第一个到最后一个。
如果用户通过一篇关于冲泡黄茶传统的博客文章来到你的网站,然后点击了特色茶壶的链接,然后想查看所有可用的茶壶,那么基于历史记录的面包屑轨迹将如下所示:
黄茶传统 > 茶壶模型 1 > 茶壶
现在网站很少使用基于历史的面包屑导航,因为它们在某些情况下会变得混乱和随机。尽管如此,当它们与基于层次结构的面包屑导航结合使用时,它们可能会被证明是真正有用的。在我们的示例中,合并层次结构和历史记录的面包屑导航可能如下所示:
< 返回 \ 你现在的位置: 首页 > 配件 > 茶壶 > 茶壶型号 1
在这种情况下,基于历史记录的面包屑导航被简化为一个简单但有用的后退按钮。用户将知道他们的确切位置,并且仍然能够返回到博客文章。
前瞻面包屑导航
常规面包屑导航只是帮助用户从开始的位置返回的链接轨迹,而前瞻面包屑导航则扩展为相同级别类别的列表。
与它们交互时,用户可以查看要浏览的替代类别。因此,他们可以切换到尚未访问的页面。让我们坚持你经营在线茶店的示例。你网站上的前瞻面包屑可能如下所示:
首页 > 茶 > 红茶
> 绿茶
> 黄茶
> 红茶
> 白茶
由于此附加功能与网站的类别和结构密切相关,因此预测面包屑导航几乎总是基于层次结构的。
实现面包屑的最常见错误
尽管它们带来了许多好处,但设计不佳的面包屑会加剧网站对用户的缺乏关心。如何确保这个通常有用的工具不会对你不利?
将主导航替换为面包屑导航
精心设计的面包屑是值得骄傲的,但你永远不应该将它们作为你网站的主要导航。 用户有自己的习惯,其中一些人尽管方便,但并不使用面包屑。
面包屑是本地导航系统,而主菜单是最典型的全局导航系统。实际上,这意味着它们服务于不同的目的。主菜单让用户了解你的网站有多大和复杂,他们无法仅从面包屑中推断出来。
导航选项过多,用户不堪重负
面包屑导航应始终是主导航的附属项。虽然你可能认为为用户提供这两个选项是多余的,但它澄清了你网站的架构。然而,不幸的是,反其道而行之也有可能过火。
一些网站为较低级别的子页面实施单独的二级导航。这样的解决方案允许将主菜单限制在网站最重要的部分。只有在那里,用户才能更详细地了解内容。
想象一家虚构的在线茶店,其主导航允许用户访问主要产品类别:各种颜色的茶、冲泡配件和蜂蜜。
进入“绿茶”类别后,用户将被引导至专用于此部分的辅助导航。现在,他们可以在来自不同国家和种植园的绿茶之间进行选择 —— 在许多情况下,这可能是一个有益的解决方案。
但是,如果将主菜单、辅助导航和面包屑导航并排放置在一起,则大量链接将变得混乱且无法使用。
面包屑导航如何帮助诊断网站结构的问题?
毫无疑问,使面包屑不那么实用的一件事是,如果跟踪太长,因为它会失去可读性并变得令人困惑。
当子页面上的面包屑太多时,你应该怎么做?将它们中的一些移动到新行或用省略号替换它们?这些听起来都不是一个好主意。
令人不安的 长面包屑跟踪本身并不是问题,而是网站结构无效的证据。 如果你有这个问题,问问自己是否真的需要层次结构中的这么多级别。
此外,面包屑有助于发现无效和神秘的类别名称。
想象一下,你经营一家经营着一家经营各种茶的电子商务。你对茶有广泛的了解,并且可以以精确的方式描述它的味道——这两种技能都可以在你创建内容的方式中体现出来。
假设潜在客户可能正在寻找一种新的红茶,并尝试在你的某个产品页面上找到它。他们将在那里看到以下痕迹导航轨迹:
首页 > 茶 > 红茶 > 涩味 > 红茶香精 1
有一项应该引起你的注意。不熟悉专业茶词汇的人可能不明白什么是涩味。他们不太可能浏览这个难以理解的类别并点击链接。
值得考虑的是,“收敛”这个词是否应该描述一个单独的红茶类别,或者它是否可以简单地作为一个标签来区分其中一些红茶。
面包屑导航和索引策略
作为内部链接的一种形式,面包屑增加了 Google 找到并索引你的页面的机会。没有这个,它们就无法出现在搜索结果中。
但这是否意味着索引总是一件好事呢? 不幸的是,每个网站都包含一些低质量的页面。 它们在索引中的存在是不可取的,因此 Google 不会根据它们对整个网站形成负面评价。让我们用一个例子来探讨这个话题。
想象一下一家在线茶店,上面有一个固定销售点的搜索窗口。用户可以输入他们的居住地,看看他们是否可以从附近他们最喜欢的品牌买到一些茶。他们会找到一些大城市的有效地址,但如果他们住在一个小村庄,他们会看到一个空列表。或者只是一家小商店。
如果用户决定访问此商店的网站,则其面包屑导航轨迹可能如下所示:
主页 > 查找我们的商店 > 小村庄 > 小茶店
第三项链接到该页面,从 SEO 的角度来看这是无用的。它只有村庄的名称和对单个销售点的引用。
这种类型的页面不应该浪费 Google 抓取预算,因为作为潜在的垃圾邮件,它会降低整个页面的排名。因此,不应该有任何指向它的内部链接。那么,面包屑是怎么回事呢?
此问题有几种解决方案。你可以从小商店的面包屑中完全省略村庄。你还可以在搜索中实施更大的区域,例如州或县。然后,用户可以使用面包屑导航从小商店页面返回到涵盖整个地区的有用销售点列表。
面包屑导航的最佳实践
面包屑导航的实施是改善网站用户体验并使其对搜索引擎机器人更友好的绝佳机会。让我们讨论一下在为你的网站设计面包屑导航方案时可能面临的一些挑战。
如何让面包屑对用户来说很直观?
对于大多数网站,设计面包屑应该围绕使用用户已经习惯的解决方案展开。 以下是可能需要遵循的一些规则:
- 将面包屑导航放在页面顶部,就在主导航的正下方;
- 始终以 home page 开始,以当前显示的页面结束面包屑;
- 将面包屑左对齐;
- 使用小而不显眼的字体。面包屑导航不应该是页面上吸引用户注意力的第一个元素。
- 当使用箭头或大于号将链接彼此分开时,请将它们指向右侧。尽管我们使用面包屑导航返回到更高的类别,但箭头的目的是表示层次结构。
如何给面包屑带来原汁原味的风格?
好的面包屑是微妙的。但是,遵循上述说明并不意味着你的导航必须与任何其他页面上的导航看起来相同。 你仍然可以做很多事情来 让网站脱颖而出:
- 可以用斜杠、扭结或冒号替换流行的大于号,以最适合你的风格为准;
- 你可以拒绝完全基于文本的导航,并将你的链接放在简单的形状中,这些形状强调层次结构并与你的设计的其余部分很好地集成;
- 在多步骤流程的面包屑导航中,可以使用数字标记链接,以便用户更轻松地跟踪过程。
如何为移动端视图设计面包屑?
为移动用户实现痕迹导航似乎是一个挑战,因为在移动设备上,每一英寸的屏幕空间都物有所值。不希望主要内容被不必要的大型导航推低。因此,一些门户在移动视图中放弃了痕迹导航。这对用户来说是一个重大的损害,因为有效的导航在小型设备上更为重要。
有一些聪明的方法可以为移动用户创建漂亮的面包屑。你可以试试:
- 用 house 表情符号标记指向主页的链接;
- 如果跟踪时间太长,用户可以从左到右扫碎面包屑;
- 不显示用户所在页面的名称,而是提供返回更高类别的简单链接。
后续步骤
实现面包屑导航架构标记
为用户提供直观的面包屑导航后,搜索引擎也要清楚地说明它们。为此,你可以使用结构化数据标记相关的痕迹导航片段。在下一节中,我们将讨论 BreadcrumbList 架构的优势和实施。
为什么在面包屑导航中应用结构化数据?
可以使用 Schema Markup 或其他方法实现的结构化数据是 Google 的附加信息,可以将其放入网站代码中。 它可以为 Google 机器人理解你的页面内容提供巨大帮助,并为你带来一些其他好处。
假设你拥有一家在线茶叶商店,并在产品页面上发布了冲泡白茶的说明。可以使用结构化数据向搜索引擎显示文本的哪一部分与水温或冲泡时间有关。因此,Google 将能够将你的茶叶冲泡建议显示为富媒体搜索结果,并突出显示温度和冲泡时间。
由于丰富的结果, 页面在 SERP 上脱颖而出,这可能会显着提高其点击率。 富媒体搜索结果类型是 Breadcrumb 丰富片段,向用户显示点击链接后他们将转到网站结构中的哪个位置。
你可能已经注意到,一段时间以来,Google 为所有搜索片段显示了一种面包屑导航形式,无论网站所有者是否使用了面包屑导航结构化数据。那么,在面包屑导航中包含结构化数据是否仍然有必要呢?
不。 但它允许你对 Google 在你的搜索片段中显示什么进行一些控制。 如果 Google 在你的页面上找不到面包屑,它会分解 URL,假设它遵循逻辑结构并反映你网站的层次结构。但情况并非总是如此;即使是这样,URL 通常也不如面包屑那么面向人。
代码中的 BreadcrumbList 架构
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
一开始,我们指出结构化数据的格式是从 schema.org 获取的架构标记词汇表。然后,我们定义了容器项“BreadcrumbList”,它包含面包屑导航跟踪的所有元素。
"itemListElement":
上面的标记 “itemListElement” 表示我们开始按正确的顺序列出各个面包屑导航。
[{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://yourteastore.com"
},{
"@type": "ListItem",
"position": 2,
"name": "Teas",
"item": "https://yourteastore.com/teas"
},{
"@type": "ListItem",
"position": 3,
"name": "Black Teas",
"item": "https://yourteastore.com/teas/blackteas"
}]
}
我们将每个单独的痕迹导航标记为“ListItem”,并描述它们的位置、名称和它们包含的链接。
结束语
面包屑导航是一种辅助导航方案,允许用户跟踪他们在网站上的当前位置。它们在页面的最顶部形成一个小的链接路径。我们区分:
- 基于层次结构的面包屑导航,专注于网站的架构;
- 主要用于电子商务网站的基于属性的面包屑导航。它们侧重于对用户可能很重要的产品特性;
- 基于历史记录的面包屑导航侧重于用户访问子页面的时间顺序。
面包屑可增强用户体验并可能降低跳出率。它们还可以通过改进内部链接来提高网站在 Google 搜索结果中的可见度。用结构化数据补充它们可以使你的网站在 SERP 上更具吸引力,并且更容易被搜索引擎算法理解。