企业网站建设时面包屑导航应该如何使用

面包屑导航的作用，相信很多人已经有所了解，在网站中虽然不起眼，但是却有着不可忽视的重要作用，对于用户访问网站的体验有着很大的影响。当然，前提是企业对它的使用，是正确的。

就如同设计元素一样，即使本身再精致再绚丽，但是如果使用不得当，反而会破坏网站的整体设计风格，拉低整个网站的设计水准，这是完全有可能的。因此，面包屑导航如何使用，同样重要。

作为导航，展现的形式非常重要。而网站受制于电脑与手机屏幕的大小区分，在展现上有不小的区别，这也就意味着，当企业网站在电脑和移动端分别打开的时候，展现的效果是不一样的。

而面包屑也同样如此，要是以PC端的展现方式，在移动端展现，很有可能会导致移动端的页面出现问题，从而极大的破坏用户体验。

那么，企业在建设高端网站时，应该如何正确的使用面包屑导航?

一、在电脑(PC端)使用面包屑导航

1.面包屑不应取代全局导航栏或部分本地导航

面包屑可以作为导航的有效补充，但是不能取代主要导航，可以采用下拉式菜单。更好的设计是为本地导航提供单独的Ul，以使用户能够访问站点当前部分的横向层级页面。

2.面包屑应该显示站点层次结构中的当前位置，而不是浏览历史记录

面包屑并不用于显示用户在网站的页面浏览历史记录;它们旨在显示站点的层次结构。

3.对于多层次站点，面包屑应显示站点多层次结构中的单一路径

面包屑与多层次站点(其中一个页面有享个父级) 之间，存在固有的紧张关系。在这种情况下，并不建议两个或更多反映多层次结构中不同路径的面包屑路径，因为它们会混淆用户并在页面顶部占用大量空间。

如果一个页面有多个不同的父级，请在站点层次结构中标识到它的规范路径，并在面包屑路径中显示该路径。

4.包括当首页面作为面包屑路径中的最后一顶

5.在面包屑路径中，当前页面对应的面包屑不应该是链接，也就是最后一个面包屑(表示当前页面) 不应该是链接

为避免混淆用户，请在视觉上区分当前页面和前面键接的面包屑，最好使用下划线或蓝色文本，或者用不到的图标将面包屑凸显出来。

6.面包屑应送只包含网站页面

面包屑路径中的每个节点，都应该是一个指向主页的链接。如果全局导航中的某些子类别标签，没有专门的单独页面，请不要在面包屑路径中包含这些子类别。

“点击即走”能力是用户理解面包屑的关键部分，因此所有项目都应该代表用户可以去的地方。

7.对于具有仅1-2层深的扁平结构站点，或结构呈线性的站点，面包屑导航是非必需的

8.面包屑路径应该以指向主页的链接开头

二、在移动设备上使用面包屑导航

1.不要使用包含多行的面包屑

在移动网站上，面包屑可以快速换成多行，并在已经拥挤的移动端显示屏上，占用宝贵的空间。所以，非必要情况下，不要使用多行面包屑。

2.不要使用太小或太拥挤的面包屑

有些企业在做网站时，试图通过使链接更小或更靠近，来减少面包屑占用的屏幕空间。但实际上，此解决方案不适用手触摸屏。

3.考虑缩短面包屑路径以仅包含最后一个级别

在某些页面上，指向一个级别的单个面包屑，可能是支持主要用户目标所必需的。此解决方案避免了占用宝贵的移动空间的冗长、拥挤的面包屑路径。

一个小小的面包屑导航，是最能体现网站用户体验的部分之一。电商网站的子页面数不胜数，而面包屑是指引用户的一盏明灯，由此可见面包屑导航对于用户浏览的重要性。