面包屑
Breadcrumb
初级通用面包屑（Breadcrumb）是一串按页面层级排列的导航，通常从较上层的页面指向你正在看的页面。它帮用户看清当前内容在网站中的位置，并快速返回上层，比如从某篇帮助文档回到所属分类。
你可能会说：「我想让用户看到当前页面属于哪一层，还能直接点回上一级或更上层的页面。」
动手看看退款文档的面包屑导航
MindSet 帮助中心
帮助中心
退款与售后
退款到账时间
退款多久可以到账？
更新于 2025 年 3 月 12 日
退款审核通过后，款项通常会在 3–5 个工作日内原路退回。具体到账时间以支付机构处理结果为准。
当前页面层级
悬停或用 Tab 聚焦上层名称，看看链接反馈；再切换「当前页面层级」模拟返回上层。本演示的点击只展示按压反馈，不跳转。
从左到右是帮助中心、所属分类、当前文档。它说明内容放在哪里，不是你刚才浏览过哪些页面；上层是链接，当前页是普通文字。
要点面包屑怎样帮你找到上层页面？
- 1
按页面归属排列路径
假设你在做帮助中心，某篇文档归在“账户设置”下，面包屑就可以显示“帮助中心 → 账户设置 → 当前文档”。这串路径讲的是页面在内容结构中的位置，不是用户刚才点过哪些页面。
- 2
让上层页面可以点击
用户读完一篇文档，可能想看看同类问题。把“账户设置”做成链接，他就能直接回到分类页；当前页面通常只显示名称，因为再点一次仍会留在原处。
- 3
先确认页面有稳定归属
如果同一篇内容能从搜索、收藏夹和多个分类进入，我们得先确定它在内容结构中的归属。面包屑显示的是这条归属路径，而不是随入口变化的访问记录。
容易混淆的地方
面包屑和浏览器的“后退”不同：后退沿着用户刚才的访问顺序走，面包屑沿着页面的层级往上走。它也不是步骤条；步骤条告诉用户一项任务做到第几步，比如填写资料、确认信息，面包屑告诉用户当前页面属于网站的哪个位置。
什么时候用
适合用
- 做电商商品详情页时，商品有明确分类，用户可以通过面包屑回到分类页继续挑选。
- 做后台的项目详情页时，项目稳定归属于某个工作区，用户可以直接返回工作区列表。
- 做帮助中心时，文章按主题组织，读者看完一篇后能回到所属主题查找相关内容。
不适合用
- 聊天工具只有会话列表和当前对话，没有可供逐层返回的页面结构，用会话列表更合适。
- 注册流程想告诉用户还剩几步，这不是页面归属问题，用步骤条展示流程进度更合适。
- 单页作品集只是从页头跳到不同内容区，用导航菜单或锚点即可，不必把区块拼成面包屑。
练一练选一个答案，看看解释
你在做帮助中心。一篇“修改登录邮箱”的文档，既能从搜索结果进入，也归属于“账户设置”分类。文档页怎样设计面包屑？
让 AI 帮你做复制给 AI Agent 直接用
请为帮助中心的文档页加入面包屑：按内容分类层级显示从帮助中心到当前文档的路径，上层页面可点击，当前文档只显示名称。路径不要根据用户从搜索还是列表进入而改变；如果文档归属不明确，先告诉我需要确认哪些信息。