面包屑导航(作用、代码及做法)

面包屑导航几乎存在于每一个网站，无论是大站还是小站。对于部分新手seoer来说，可能对这个概念知其然却不知其所以然，因为有人问到，所以笔者就开一篇文章单独说说这个问题。

一、面包屑导航是什么

这里引用百度百科里的一段话来说明什么是面包屑导航：面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特"，当汉赛尔和格莱特穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

二、面包屑导航的作用

简单的来说，面包屑导航的作用就是告诉用户他们在网站中的位置，方便用户确定下一步去留，对于用户来说这是很好的体验。下面举个链接的例子说明：

当前位置： 首页 >> seo基础知识 >>什么是长尾关键词

这是本站文章的面包屑导航，前面的分类页和首页都带有正常的A链接。我们在看文章内容之前，单从这个导航就可以清楚的知道该文章的主题是seo基础知识分类中关于长尾关键词的内容。用户在看完这篇文章之后，如果还想阅读更多seo基础知识的文章，点击导航的分类链接即可方便到达。

所以说，面包屑导航的作用是很明显并且是很实用的。

三、面包屑导航如何做

虽然面包屑导航的作用很大，但其操作却是十分简单。具体可参照以下模式：网站首页>分类页>内容详情页。

有些网站可能存在多级分类，那么可以逐级展示出来。另外，还有些可能涉及到专题或者tag标签，这就需要根据具体情况来设置。

总之，面包屑导航应该有清晰的上下级关系，或者是清晰的包含和被包含关系，用户能够方便的返回到上一级分类中。

四、面包屑导航用js代码好不好

有朋友问到用js来做面包屑导航效果怎么样，笔者认为** 好使用正常的A标签，事实上面包屑也属于网站内链建设的一部分，这对目标关键词的搜索排名有帮助。

五、手机网站要不要做面包屑导航

手机站因为界面窄的原因，有些朋友就想省掉面包屑导航这一部分。笔者认为不能省，且不说百度在移动网站优化指南中已有明确说明，单从用户体验的角度来看，设置了面包屑导航的页面体验会更好。

总结：面包屑导航的作用明显，无论哪种页面类型都应该尽量设置，这是有百里而无一害的！

2019.10.09 修订增加：

面包屑导航常常出现在页面主体内容的上方或者是下方，其目的就是告诉用户所在的位置，以及方便用户返回上个分类。说到底，面包屑导航的本质是为了提升用户体验，是为用户用户服务的。同时也符合了搜索引擎的评价判断，所以设置面包屑导航是一举两得的事情。