via https://searchengineland.com/breadcrumb-seo-best-practices-383690
他们的设计是原型。他们在页面上的位置似乎很明显。多年来,他们已经证明了他们对 SEO 的价值。然而,随着我们转向移动优先索引,许多网站的面包屑导航错误或根本没有面包屑路径。
这是一个错误。
当针对移动设备进行最佳实施时,面包屑有利于 SEO 和可用性。这是您需要知道的一切,以使它们正确。
什么是面包屑导航?
通常,面包屑导航是一行上下文链接,指示用户在网站上的位置。它们是辅助导航的一种形式,允许用户在站点层次结构中跟踪他们的路径。
什么时候应该使用面包屑?
并非所有网站都受益于面包屑。对于以下站点,它们不是必需的:
不包含许多嵌套导航级别。
没有逻辑层次结构或分组。
被设计为线性体验。
对于这种结构扁平的网站,大部分内容都位于同一级别,面包屑的价值不大,因为它们包含的级别不超过两个。
即使对于大型网站也是如此。例如,一个商业新闻网站可能提供许多主题和数千篇文章,但不需要多级导航。
另一方面,对于基于复杂层次结构的站点,面包屑是必不可少的。典型的例子是电子商务,但它们的应用范围要广泛得多。
问题是如何让面包屑对用户和谷歌都有帮助。这本身就是一门艺术。
3种面包屑路径
大多数用户体验专家认可三种类型:
基于路径(又名,基于历史)的面包屑
基于属性的面包屑
基于层次结构(又名,基于位置)的面包屑
对于 SEO,应该只有一个:分层面包屑。这就是为什么。
基于路径的面包屑路径显示用户通往其当前页面的独特步骤。
显示用户之前的点击路径并不是 SEO 或可用性的最佳实践。
它复制了浏览器后退按钮提供的功能。
对于登陆网站深处页面的用户来说,它是无用的。
它通常是冗长的、重复的,最终会让用户感到困惑。
由于面包屑是动态的并且对于每个会话都是唯一的,因此搜索引擎不会处理内部链接。
面包屑应该显示层次结构,而不是历史。
当特定页面上的内容属于多个类别和属性时,鼓励使用基于属性的面包屑。例如,鞋子可以是黑色、脚踝长度的带鞋跟的靴子。
这些特征没有逻辑层次结构。所以有一个问题是按什么顺序显示面包屑。面包屑轨迹是否应该如下所示:
首页 > 靴子 > 高跟鞋 > 黑色 > 踝长
或者
首页 > 高跟鞋 > 靴子 > 脚踝长度 > 黑色
或者其他一些组合。
我已经看到了根据属性使用或查询量来指定主路径的建议。或者个性化面包屑路径,使其反映每个用户在站点层次结构中的个人路径。两者都是错误的方法。
与其试图将面包屑的线性结构强加在天生多层次的东西上。不如放弃要求它们位于面包屑路径中的要求。而是以适合其性质的格式将属性显示为过滤器选项。
这给我们留下了基于层次结构的面包屑导航。 这些可视化站点体系结构的深度,从最广泛的顶级类别开始,然后通过更具体的嵌套子类别向下进行,然后到达当前页面。
层次结构面包屑是最常用、最直观易懂且对 SEO 最强大的。 因此,将是本文其余部分考虑的唯一类型。
面包屑导航和结构化数据的 SEO 优势
面包屑是支持寻路的基本元素——引导用户并提供对相关更高级别页面的一键访问。当访问者登陆网站层次结构深处的页面时,这一点尤其重要。例如,在产品页面上点击长尾查询 Google 搜索结果后。
但这不仅仅是网站的可用性。面包屑支持 SEO 过程的每一步。
1.更多爬行
面包屑生成的内部链接有助于将层次结构的所有级别暴露给搜索引擎爬虫。这对于较低级别尤其重要,在没有此类信号的情况下,可能无法到达或到达时可能无法在 Google 的抓取队列中获得足够高的优先级。
可以通过减少 Google Search Console 中“已发现 – 当前未编入索引”的排除项和增加抓取频率来衡量这些好处。
- 更好的索引
分层链接有助于 Google 将内容上下文化并正确关联站点结构中的页面。如果 Google 仅通过站点地图文件查看 URL,则他们不了解这些 URL 是如何相互关联的。
当 Google 试图了解页面在站点上下文中的相关性时,这会导致困难。面包屑链接支持主题孤岛的形成,这对于以实体为中心的索引变得越来越重要。
可以通过增加 Google Search Console 中的有效 URL 和更快的索引速度来衡量这些好处。
- 更高的排名、SERP 点击和自然会话
面包屑以两种方式支持排名:
加强内部链接架构:允许链接公平在主题相关页面之间流动。
将关键字包含在首屏的自然方式:这不太可能对竞争激烈的查询产生影响,但可以对长尾产生影响。
可以通过平均排名上升以及 Google Search Console 中展示次数的增加来衡量收益。排名的提高自然会增加点击次数,从而增加自然会话。
网站面包屑与模式标记面包屑
页面上显示的面包屑和面包屑模式标记是分开的。仅仅因为网站上有面包屑,并不意味着有面包屑结构化数据。
了解您的网站是否具有有效的面包屑架构标记的最快方法是检查 Google Search Console 中的面包屑报告。如果您看到错误,请查看 BreadcrumbList 结构化数据。
为了获得最佳影响,最好两者不仅存在而且相互证实关于站点结构的信息。 这将进一步支持谷歌对内容进行上下文化,再次导致更好的索引。
此外,面包屑结构化数据可以通过将 URL 路径更改为 SERP 片段中的面包屑路径来帮助SEO表现。尽管即使没有面包屑标记,Google 也可以显示面包屑路径。
相反,与大多数标记一样,仅存在模式标记并不能保证更改,并且有时会导致次优的面包屑路径结果,这通常取决于长度。因此,请仔细跟踪影响。但对于大多数网站来说,面包屑结构化数据是一种最佳实践。
最佳实践面包屑导航
面包屑导航以前一直是一个始终如一的界面组件。可能是因为它们相对简单。
存在分层链接,它们由某种分隔符分隔。但随后移动优先出现,事情变得复杂起来。需要针对较小的屏幕修改历史最佳实践。
那么,移动端 UX 的面包屑最佳实践是什么?
关键的用户体验最佳实践是:
始终可用:面包屑应该出现在每个相关页面上。相关意味着它们增加了重要的寻路价值,值得放在首要位置。
逻辑位置:将面包屑直接定位在主导航菜单下方和 H1 上方。这是用户期望的地方。放在其他任何地方,您将无法获得全部的可用性优势,并且如果页面较低,则会降低其内部链接能力。
清晰的开始和结束:面包屑应该显示从主页到当前页面的旅程。主页充当锚点,为用户提供强烈的方向感。将最后一项显示为不可点击且视觉上不同的元素可以向用户确认他们当前所在的页面。
符号分隔符:用于分隔面包屑路径中的超链接的最佳分隔符仍然是“大于”符号 (>),因为它在指示页面之间关系的同时简洁明了。斜杠 (/) 或竖线 (|) 等其他选项不表示层次结构。而 » 和 -> 等选项会占用不必要的空间。
大小恰到好处:使用小字体保持面包屑设计简单且不显眼,尽管足够大且填充足以成为点击目标,其风格与网站其余部分的文本链接一致。不要用“你在这里”或“导航”等不必要的文字使行变得混乱。
移动优先索引的面包屑搜索引擎优化最佳实践是什么?
这很简单,但是很多网站都搞错了。以与桌面相同的设计在移动设备上显示面包屑。
像任何关键的 SEO 元素一样,这些元素必须在服务器端呈现并且可以在不启用 JavaScript 的情况下进行抓取。
包括从层次结构到当前页面的完整导航路径。链接所有这些页面,除了最后一项,以避免重新加载页面的自引用链接混淆。不要通过省略步骤或用“…”截断中间步骤或仅包括最后一级来缩短面包屑。这些都否定了面包屑搜索引擎优化的力量。
那么问题就变成了,如何在移动设备上包含所有没有面包屑的链接。不仅因为多行面包屑路径不能很好地说明链的结构。但更重要的是,因为它占用了小屏幕上宝贵的空间。
为了在不牺牲设计或可用性的情况下实现单行面包屑,请利用溢出。这允许用户滑动以查看整个路径,这可以通过包含滑动助手或水平滚动条来鼓励。但是,必须使用 CSS 实现溢出以保持对 SEO 友好。
仅仅因为面包屑现在漂亮地坐在一行上,并没有授权让用户在滚动时工作。保持锚文本简洁和关键字相关。
不要觉得你必须在面包屑中反映页面标题。拥有它很好,但不能以它们变得冗长或重复为代价。并且永远不要使用省略号切断页面标题。而是决定使用一个清晰的短名称。
例如,在一个属性门户上,如果你基于标题,你最终可能会得到面包屑:
主页 > 待售房产 > 待售房屋 > 伦敦待售房屋 > 伊斯灵顿待售房屋 > 伊斯灵顿待售 3 居室房屋
而不是简洁:
首页 > 出售 > 独立屋 > 伦敦 > 伊斯灵顿 > 3 Bed
面包屑是必不可少的
面包屑是分层复杂站点的二级导航的基本形式。它们支持寻路、提高可用性和减少来自 Google SERP 的 pogo-sticking。
此外,它促进了 SEO,因为它促进了爬网、将内容上下文化以进行索引和提供内部链接公平性。由于 CSS 溢出,整个面包屑路径的移动优先扭曲在单行上的原型样式将显示面包屑的全部功能。