面包屑导航是什么意思?breadcrumbs有什么作用?怎么做?

面包屑导航是什么?尽管这些概念与食品相关,却代表着一种对SEO至关重要的网站导航形式。借助面包屑导航,用户能够更高效、更便捷地在网站内进行浏览。

网站SEO优化说到底就是细节的处理,另外就是要注意用户体验,而面包屑导航就是需要注意的细节之一。那么具体来说面包屑导航是什么意思,面包屑导航有什么作用,以及面包屑导航怎么做呢?本文就给大家具体介绍下面包屑导航的相关问题。

面包屑导航的含义

面包屑导航是什么:简单理解,面包屑导航,即“面包屑菜单”,是一种常见于网站的导航方式,用于向用户显示其在网站结构中的当前位置。从用户的角度是基于位置信息的指引,它清晰的指出从当前页面到首页的相关路径,一般在页面顶端,常见的表现形式为:首页->分类页->产品页。首页 -> 知识库 -> SEO。

面包屑导航大致分为三类:

  • 一是基于位置的导航,这也是用户最经常用到的,它可以显示出当前页面在整个网站中所占据的层次,对于结构层次深的网站来说很有帮助,不至于让用户在网站中迷路,对于用户体验的提升很有帮助。
  • 二是基于属性的面包屑导航,这种导航常见于电商类网站,显示为商品的属性类别,是用户方便了解当前查看的商品的属性。
  • 三是基于路径的导航,记录显示用户所访问过的网页,这种导航并不常见。

面包屑导航的要点

  • 面包屑导航,用于显示用户在网站结构中的当前位置。
  • 面包屑导航便于用户在功能复杂的网站和网上商店中进行浏览,可快速返回到上一级分类。
  • 从SEO的角度来看,面包屑导航有助于提升站内链接,并帮助搜索引擎爬虫理解网站的层级结构以及各子页面之间的关系。
  • 面包屑导航主要分为三种类型:层次型、属性型和历史型。
  • 最好将面包屑导航菜单置于页面顶部,在主导航菜单下方、H1标题之上,以便用户能够一目了然地了解自己当前所在的位置。
  • 在WordPress中,面包屑导航可以通过Yoast SEO插件、主题功能或手动在代码中实现。
  • 还应添加BreadcrumbList结构化数据,这有助于搜索引擎解析路径中的各个元素,并可能在Google搜索结果中显示富媒体摘要。

面包屑导航是页面上一个小型元素,对SEO和用户体验都至关重要,并且能够切实影响用户的使用体验。

面包屑导航的作用

面包屑导航是网站建造中一个重要的技能,一般具有两个优点,第一个优势是用户在访问网站时,具有面包屑导航的网站,用户不容易找不到地方,而另一个优点就是,面包屑导航能够很好的引导搜索引擎对网站的抓取,然后利于网站的优化。

  • 良好的面包屑导航保证了整站各级页面结构上权重的流通导向(网页级别越高获得相关关键词的内链支持越多,最基础的页面在结构上得到的内链支持是最少的,这样使网站的整体结构非常合理化)。
  • 面包屑导航每个层级的名称是一个潜在的关键词布局的好地方,多使用关键字,可以实现SEO优化。
  • 有利于网站内链的建设,用面包屑大大增加了网站的内部连接,是网站处于相互链接的状态,使网站某些板块没那么容易处于无法抓取的状态。
  • 可以很好地减少返回到上一级页面的点击或操作,用户省去了通过点击网站首页按钮或者浏览器的返回键再重新进入的繁琐步骤,并且面包屑路径不会占用页面太多的空间,对网站的加载速度几乎是没什么影响的。
  • 适当的降低网站跳出率,合理的面包屑导航可以很好地引导用户到其它页面,不仅增加的用户在网站的停留时间,也降低了用户的跳出率,更重要的用户在网站停留的时间越长,产生转化的可能性是不是越大呢。
  • 有利用蜘蛛对网站的抓取,蜘蛛直接沿着那个链接走就可以了,很方便。

为什么面包屑导航对SEO和用户都很重要?

面包屑导航使用户在复杂的网站中更轻松地进行浏览,有助于理解内容的层级结构,并能快速跳转到上一级子页面。

面包屑导航为许多用户提供了便利,但问题在于:为什么面包屑导航对SEO至关重要?

  • 面包屑导航有助于搜索引擎爬虫理解网站的结构以及各子页面之间的关联。它能帮助用户快速识别哪个页面是上级类别、哪个是下级子类别,以及哪些页面位于网站结构中的更深层。
  • 面包屑导航支持站内内部链接,甚至还能帮助搜索引擎爬虫进行索引。

这些小块内容的另一个优势在于,它们将关键词设为锚文本,例如“女士鞋”、“160×210床品”或“17英寸游戏本”。

  • 面包屑导航可提升导航的可读性,这在大型商城、门户网站和各类服务网站中尤为重要。
  • 面包屑导航的正确实现可以降低页面跳出率。它帮助用户明确自己在网站中的位置,并在需要时快速返回到更上层的类别,而无需关闭当前页面。从SEO的角度来看,这一点非常重要,因为它能够切实延长用户在网站上的停留时间,从而进一步印证良好的用户体验。

被优化的网站应当配备面包屑导航,因为这是另一个可能决定其在搜索结果中可见度提升的因素。

面包屑导航的类型(面包屑菜单)

面包屑导航可分为三大类:属性型、历史型和层级型。

让我们更仔细地看看它们。

属性式面包屑导航:在电商网站中应用极为广泛,其导航路径依据商品的属性构建,例如品牌、颜色、尺寸或价格区间等。此外,这类导航通常也与筛选功能相结合。

例如:首页 -> 家用电器 -> 洗碗机及配件 -> 45厘米洗碗机。

历史面包屑:使用较少,因为它会显示用户在到达该特定页面之前访问过的所有子页面。它类似于浏览历史或页面上的路径,因此并不总是显得合乎逻辑。

例如:首页 -> 男士夹克 -> 冬季派克大衣 -> 黑色皮质腰带。

层次式面包屑导航(也称定位导航):在各类网站中应用极为广泛,电商网站亦不例外。它清晰地呈现了网站的层级结构,逻辑性强,遵循“从整体到细节”的层级原则。

例如:首页 -> 所有分类 -> 头发 -> 头发护理 -> 护发素与发膜 -> 护发素 -> 产品。

非正式地,我们还可以提到第四种面包屑导航,称为“向前”模式。越来越多的网站开始采用这种设计:在最后一个节点处提供下一级子页面的预览,即与当前页面主题相关、可能吸引用户进一步浏览的其他页面。

面包屑导航的布局方法

网站面包屑导航以足迹的方式呈现用户走过的路径,以层层渐进方式呈现该网页在整个网站架构中所处的位置,从而为用户提供清晰分明的网站导览。这样做有利于网站用户了解自己所在的位置,更能明确显示网站的整个导航目录和结构情况,从而有助于提高网站的用户体验。

所谓面包屑导航就是告诉来访者他们目前在网站中所处的位置及如何返回。

这是一种“历史记录”的应用方式,目的是帮助我们追溯来路,因而它应该是一种线性的导航方式。

我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。

一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。

合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的报告中也得出超过3次点击访客还没有找到需要的信息,访客就很大的可能性会离开网站。所以,3层目录结构也是浏览体验的需要。

可以看到面包屑导航的作用不仅体现在搜索引擎优化上,同时对于用户来说也是很有好处的,它能够告诉用户目前处在的位置,并且提供层次和分类上的链接跳转。在意识到面包屑导航的作用之后,大家在设计页面的时候,就要注意不用漏掉面包屑导航这块了。

面包屑导航最好放置在子页面的顶部,紧挨主菜单下方、H1标题之上,因此,面包屑导航通常位于页面的左侧、顶部位置,这种布局相比将面包屑置于页面底部,能带来更多的优势。用户能够立即看到自己在网站中的位置,并可快速跳转到上级分类。

哪些页面适合添加面包屑导航?

  • 在大型网上商店中
  • 在博客上
  • 在行业门户网站上
  • 在新闻资讯类网站上
  • 在拥有大量标签且采用层级结构的复杂企业服务网站上

创建面包屑导航的最佳实践

  • 如果网站是单层级的,例如仅设有“产品”、“联系方式”、“关于我们”等栏目,则无需使用面包屑导航。只有当导航至少达到二级时,才可能考虑为页面添加面包屑导航。
  • 小部件不能替代主导航菜单。
  • 面包屑路径应反映子页面在网站结构中的逻辑位置或用户访问该页面的路径,无论用户是通过何种方式到达该页面的。
  • 面包屑导航的最后一个元素应当是用户当前所在的页面,且无需添加链接。
  • 最好在整个页面中使用一致的分隔符,例如。→或者>.
  • 小图标应当清晰可见且易于辨认,但其目的并非分散用户对页面内容的注意力,因此在使用时宜采用较小的尺寸。

如何为面包屑导航添加结构化数据?

为使搜索引擎能够正确识别面包屑导航并在 Google 中显示丰富结果,请添加“BreadcrumbList”结构化数据。

可以通过多种方式将结构化数据添加到面包屑导航中,以下是两种最常用的方法:

  • 使用安装在WordPress网站上的Yoast SEO插件(也可选择其他插件,如All in One SEO、Rank Math或Breadcrumb NavXT);Yoast SEO插件前往“设置”→“高级”→“面包屑导航”,并启用适用于您主题的面包屑导航。插件将自动生成 Schema 结构化数据(BreadcrumbList),从而实现 Google 中的富媒体搜索结果展示。
  • 手动将JSON-LD代码添加到页面中。

总结:什么是面包屑导航(breadcrumbs)?

面包屑导航,也称为“面包屑菜单”,有助于用户理解页面结构,方便在不同类别间切换,同时也有助于提升SEO效果。小部件通常被添加到功能丰富的网上商店、大型门户网站、博客以及各类服务网站中。

面包屑导航应当逻辑清晰,符合网站的实际层级结构,并支持用户轻松返回上一级子页面。可以通过 WordPress 中的 Yoast SEO 插件来添加它。

此外,还应为面包屑导航添加BreadcrumbList结构化数据,这样,搜索引擎爬虫就能更轻松地理解页面结构,并在电脑端的Google搜索结果中显示富媒体摘要。

常见问题

什么是面包屑导航?

面包屑导航,即breadcrumbs,是一种用于显示当前子页面在网站结构中位置的路径。

例如,它可能显示为:首页 → 鞋类 → 女鞋 → 女士长靴 → 产品。

如何在WooCommerce商店中添加面包屑菜单?

安装并激活插件“Breadcrumbs for WooCommerce”。不仅可以添加面包屑导航,还可以根据模板自定义其外观。

在小型网站中是否需要添加面包屑导航?

这并不总是必要的,如果网站仅由几个可从主导航直接访问的子页面组成,则无需使用面包屑导航。

最好在服务逐步发展、尤其是出现各类别和子类别时,再添加碎片化内容。

为什么要在网站上添加面包屑导航?

面包屑导航不仅帮助用户了解自己在网站中的位置,还便于快速返回上一级页面。

面包屑导航有助于提升SEO效果,构建额外的内部链接,并清晰展现各子页面之间的关联,它还能帮助搜索引擎爬虫更轻松地访问各个子页面并进行索引。

面包屑导航是排名因素吗?

面包屑导航有助于SEO,当然,仅仅添加面包屑导航并不能立即带来在Google中的高排名,因为网站的结构是否合理以及诸多其他因素同样至关重要。

Google 是否会在搜索结果中显示面包屑导航菜单?

是的,但仅限于在电脑端的Google搜索结果中。自2025年1月起,Google将不再在移动端搜索结果中显示带有面包屑导航的扩展结果。

面包屑导航是否需要添加结构化数据?

这并非必需,但在网页或网上商店中使用结构化数据中的面包屑列表是一项良好实践。

Google 官方支持此类结构化数据,因此通过添加这些数据,网页有望在 Google 中获得更高的曝光度,从而显示更多富媒体搜索结果。

哪种面包屑导航对SEO最有利?

最有效的是分层面包屑导航,它能够清晰地展示页面在网站结构中的实际位置。Google 建议,面包屑路径应反映用户访问该页面的典型路径。

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享