面包屑Breadcrumb
客户从搜索直接进入型号页，面包屑第一项应该写“搜索结果”吗？
面包屑按网站的信息层级展示当前页面的父级路径，帮助用户理解归属并返回上级。它一般不记录用户刚才点过哪些页面，所以从搜索、外链或分类进入同一词条，可以显示同一条面包屑。
告诉你这页住在哪一层，不是回放你刚刚走过的路。想回刚才的页面，用浏览器返回；想看同系列，用面包屑。
门牌写着园区、楼栋、房间，不会因为你从东门改走西门就换一串地址。
类比到这里为止：一个页面可能属于多个分类，网站要选择清楚、一致的表达；面包屑不是唯一导航，也不能凭空制造不存在的父页。
采购商从 Google 进入某型号，仍能通过“产品—系列—型号”了解归属并比较同系列。直接把近期浏览历史排成路径，反而会把层级说乱。
入口变化，归属不一定变化
- 从分类进入
- 保留既有父级路径，不把每一次点击写进去。
- 从搜索直接进入
- 仍说明内容所在分类；不伪造用户走过的步骤。
- 当前位置
- 文字或当前页标记清楚，不把每个分隔符读成操作。
用实际父页核对
父级链接应当真的打开对应页面。用具名 nav 和有序列表表达结构，视觉分隔符可作为装饰处理；当前项可用 aria-current=page 标记。
课堂切换两种模拟来路，只改变来路说明，面包屑保持相同。这里没有读取你的真实浏览历史，父级链接则指向本站已有目录。
继续看项目应用与交付检查
面包屑 在项目中负责什么
- 什么时候用
- 内容存在多层分类，用户可能直接进入深层详情时。
- 它解决什么
- 补足深层页面的位置线索，让上级分类可达。
- 它不负责什么
- 单层小站未必需要面包屑；点击上级也不一定恢复之前的筛选和滚动位置，那属于列表与历史恢复。
- 放进真实项目
- 采购商从产品大类进入型号详情时，随时能返回系列和分类页。
面包屑展示当前页面在信息层级中的位置，帮助返回上级
用户从知识库进入“组件 → 数据展示 → 图表”，需要知道它属于哪个专题，也能一跳回到数据展示目录。
- 01
只反映稳定的信息架构。
- 02
保持路径短并使用页面真实名称。
- 03
移动端保留最有用的父级返回。
面包屑看归属，浏览器返回看历史。
容易混淆的地方
面包屑表示层级，步骤条表示流程，页内目录表示本篇章节，不能互相替代。
采购商从搜索直接进入某型号页，再从分类进入同一型号。层级面包屑应如何变化？
你可以这样告诉 AI Agent
我在处理这件事：采购商从产品大类进入型号详情时，随时能返回系列和分类页。请以“面包屑”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践