你可能会说
用户在三级页面里迷路了,加个路径导航让他知道自己在哪。
面包屑导航是显示当前页面在网站层级中的路径(如 首页 > 博客 > 文章标题),帮助用户定位和回退。
显示当前页面位置的层级路径,如「首页 > 博客 > 技术文章」。每一级都可以点击返回,不会迷路。
生活类比
像童话里撒面包屑标记来时的路——沿着它就能一步步走回去。
🎮 动手试试
👇 点击面包屑层级跳转
关于「面包屑导航」,以下哪个描述最准确?
你可以这样告诉 AI
帮我加面包屑导航:首页 > 分类名 > 当前页面,用 > 分隔,当前页不可点击,加 JSON-LD 结构化数据。
侧边导航展示全站结构(常驻),面包屑只展示当前路径(上下文相关)。
后退是浏览器历史回退,面包屑是网站层级跳转(可以跳多级)。
层级深的网站
电商分类页、文档站、博客等层级超过 3 层的站点,面包屑帮用户快速定位和跳回上级。
和 AI 协作时
想让 AI 加面包屑时,直接说「加个面包屑导航:首页 > 分类 > 当前文章,用 > 分隔,当前页不可点」。
单层扁平网站
只有首页 + 内容页两层结构的简单网站,面包屑意义不大。
与导航无关的项目
纯后端服务、数据处理、API 接口等没有页面导航概念。
显示当前页面位置的层级路径,如「首页 > 博客 > 技术文章」。每一级都可以点击返回,不会迷路。
像童话里撒面包屑标记来时的路——沿着它就能一步步走回去。
和 AI 沟通时提到「加个层级导航,能看出当前在哪」,做的就是面包屑。