SEO

面包屑导航

面包屑导航是显示在网页顶部附近的一串内部链接,用于展示用户在网站层级结构中的当前位置。例如:Home > Blog > SEO > Breadcrumb Navigation。其名称源自《韩塞尔与格莱特》(Hansel and Gretel)故事中那串面包屑。

面包屑导航是显示在网页顶部附近的一串内部链接,用于展示用户在网站层级结构中的当前位置。例如:Home > Blog > SEO > Breadcrumb Navigation。其名称源自《韩塞尔与格莱特》(Hansel and Gretel)故事中那串面包屑。

为什么重要

面包屑能同时改善用户体验和 SEO。对用户而言,它提供了直观的位置感知,并方便导航至上级分类。对搜索引擎而言,它能厘清网站结构,并构建一致的内部链接,从而高效地分配链接权重。自 2018 年起,当网站实现了 BreadcrumbList 结构化数据后,Google 会在搜索结果中以面包屑路径取代 URL 显示,提升结果的可读性和点击率。

类型

基于层级:展示页面在网站结构中的位置。这是最常见的类型。 Home > Category > Subcategory > Current Page

基于路径:展示用户实际的浏览路径。由于与后退按钮功能重复,如今已很少使用。

基于属性:在产品页面上展示已筛选的属性。 Home > Clothing > Men > Short Sleeve > XL

SEO 益处

改善搜索结果展示:BreadcrumbList JSON-LD 结构化数据会告诉 Google 在 SERP 中显示面包屑路径,为用户提供上下文信息,从而提升 CTR。

理解网站结构:帮助爬虫掌握页面之间的层级关系。

内部链接强化:每一级面包屑都充当一个内部链接,强化上级页面的权威。

AI 搜索优化:结构化数据有助于大语言模型理解内容的上下文与层级,可能提高被 AI 引用的可能性。

最佳实践

  • 将面包屑放在页面顶部、主内容之上
  • 将当前页面显示为纯文本,而非链接
  • 在可视化面包屑的同时实现 BreadcrumbList JSON-LD 结构化数据
  • 采用响应式设计,使面包屑在移动端也能良好显示
  • 让面包屑路径与实际的 URL 结构保持一致

Sources: