面包屑导航是一种辅助导航元素,通常显示在页面顶部附近,向购物者展示从首页到当前所浏览页面的路径——例如:首页 > 服装 > 毛衣 > 有机棉圆领毛衣。它让访问者立即了解自己在网站类目层级中的位置,并可以轻松返回上一级更宽泛的类目,而无需使用浏览器的后退按钮或在主菜单中翻找。对于由商品目录 Feed 生成的商品页面,面包屑通常是根据用于对每件商品进行分类的同一类目数据自动生成的。
为什么面包屑导航对目录驱动型网站很重要
通过 Shopping 广告或自然搜索结果进入某个具体商品页面的购物者,往往并不了解该商品在整个商品目录中的位置,而面包屑能让他们一眼获得这一背景信息。这对转化尤为重要:如果访问者觉得这件商品不太合适,可以通过面包屑路径返回上一级父类目,而不是直接离开网站,从而挽回原本会流失的流量。面包屑还兼具内部链接的作用,能够为搜索引擎强化页面在网站导航结构中的位置;许多平台还会直接在搜索结果中将其呈现为清晰的类目路径,而不是原始 URL,从而提升自然搜索结果的点击吸引力。
面包屑导航的工作原理
面包屑路径几乎总是根据网站其他地方使用的同一类目分类体系动态生成,最常见的是 Feed 中为每件商品分配的 product_type 或 google_product_category 值。这意味着面包屑导航的准确性取决于 Feed 本身的分类工作——在 Feed 中被错误分类的商品,其页面上的面包屑路径也会同样错误。搜索引擎还会通过结构化数据(BreadcrumbList schema)读取面包屑标记,正是这一点让类目路径能够直接出现在搜索结果摘要中;这一结构化版本应与以另一种格式记录相同层级的 HTML 网站地图保持同步。
示例
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:google_product_category>Apparel & Accessories > Clothing > Sweaters</g:google_product_category>
<g:product_type>Men's > Sweaters > Crewneck</g:product_type>
</item>
<!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
<a href="/zh-CN/">Home</a> >
<a href="/zh-CN/mens">Men's</a> >
<a href="/zh-CN/mens/sweaters">Sweaters</a> >
<span>Organic Cotton Crewneck</span>
</nav>
由于面包屑路径直接来自 Feed 中的 product_type 值,在 Feed 中修正一个被错误分类的商品,就会自动修正其在所有出现位置的面包屑路径,无需逐页手动编辑。
相关概念
面包屑导航是网站整体导航结构的一种可见体现,与以扁平、全面的格式为爬虫记录相同类目层级的 HTML 网站地图配合使用效果最佳。由于面包屑为购物者提供了一种从不匹配的点击中轻松返回的方式,它对于任何接收 Feed 驱动流量的页面而言,也是一项低成本却有意义的着陆页优化手段。
















