面包屑是我们常用的网站查询路径重要组件，它可以很好的引导用户快速了解网站的内容和架构。那么问题来了，在网站建设中。面包屑要怎么设计呢？接下来将介绍11个专业的面包屑设计指南，从PC端到移动端，快来学习一下吧！
PC端
一、不要用面包屑代替面包屑
网站导航和面包屑可能看起来很相似，但功能与使用场景完全不同。为了简化页面，您不应该只保留其中一个。
二、面包屑应该用来显示系统级别，而不是历史记录
如果用户从主页层走得更深，系统层和历史记录没有区别，但是如果用户从外部链接进入，这两个区别就更大了。为了向用户提供真正有用的信息，面包屑不应该显示在历史级别，而应该显示在系统级别。
三、如果站点有两个父级（例如两个同级主页），则只应显示一个
有些网站设计起来可能有两个平面主页。在这种情况下，您必须选择其中一个作为面包屑的靠前项。把两者都列出来是不可取的。
四、当前页必须是面包屑的后一项
不要认为在面包屑上再次写入当前页面的标题会重复信息。如果面包屑的后一项不是当前页面，则会使用户感到困惑。
五、面包屑中的后一项（当前页）不需要链接到自身
面包屑的每一项都必须有一个链接，除了后一项，因为放置指向当前页面的链接不仅是不必要的，还会让用户怀疑后一项是否与当前页面相同。
六、breadcrumbs的级别应该是站点的页面级别，而不是类别级别，并且不应该包含没有内容的导航页面
逻辑父（如产品高级类别）不需要放置在面包屑中，除非存在真实页面。此外，站点地图等可有可无的层次结构较好不要添加到breadcrumb中。
七、如果你的网站很少或者没有分支，你就不需要面包屑
如果面包屑只有两个层次，或者根本没有分支，那么它的必要性是小的。考虑到网站设计的简洁和美观，较好避免面包屑。
八、面包屑的靠前项应该链接到主页
如果面包屑的靠前项不是主页，用户可能会怀疑面包屑不可靠或网站根本没有主页。
移动终端
1、不要把面包屑切成树枝
即使面包屑有点长，树枝绝对不是个好主意。
2、不要使用太小的文本
缩减后的文本可能会显示更长的信息，但如果用户无法单击或看不清楚，面包屑的含义将丢失。
3、考虑只保留上层面包屑
考虑到手机用户的使用习惯和使用需求，您不需要列出完整的面包屑。
在网站设计中，面包屑设计看似简单，但实则要想设计好，还是需要一定的技巧和经验的。如果之前不了解面包屑设计的小伙伴，可以参考一下以上的技巧~如果有兴趣的话，可以到6688建站来了解如何自己设计网站。
