面包屑导航（Breadcrumb navigation）是什么是意思

简单的说面包屑导航（Breadcrumb navigation）就是页面左上角那串提示你“身在何处”的路径导航（告诉用户在网站中的实时位置，例如：B栏目中的C页面），一个完整的网页通常有三处路径导航：

• 页面顶部导航（网站主导航）
• 页面左上角导航（面包屑导航）
• 页面底部辅助导航（联系我们、公司介绍、隐私政策等栏目）

据说这个词来自童话故事（糖果屋），故事中的主角（汉赛尔与格莱特兄妹）被继母遗弃在森林中，他们为了找到回家的路，用口袋中的面包屑在路上做标记，结果面包屑被飞鸟吃了，他们迷失在森林中。

面包屑导航的样式

通常面包屑导航的展示样式为：首页 > 分类栏目 > 文章标题（分隔符通常会使用 > 或 /）。

面包屑导航的作用

• 位置提醒：帮助用户随时了解自己在网站中的位置。
• 减少操作步骤：用户可通过此导航快速返回上一级栏目。
• 利好SEO：告诉搜索引擎当前页面的链接结构（搜索引擎可通过此导航了解当前页面的链接深度及属于哪个分类）。

面包屑导航的相关问题

• 面包屑导航无法替代网站主导航，面包屑导航属于当前页面导航，主导航属于全站导航，两者相辅相成。
• 面包屑导航的字体不要太大，尽量比正文字体小一些（通常小2个字号）。
• 面包屑导航尽量放在文章标题的上面。
• 面包屑导航间隔符推荐使用大于号（>）、斜杠（/）、双大于号（»）。

面包屑导航的作用

• 提高用户浏览体验：让用户实时掌握自己在网站的位置，轻松返回上一级页面。
• 利于搜索引擎优化：帮助搜索引擎更轻松地掌握网站结构及抓取页面。

面包屑导航是网站必不可少的功能，网站结构层级越多，发挥的作用越大。