如果你完全熟悉汉瑟和葛丽特的故事，那么你就会知道，他们用面包屑标记他们的路，以便他们能够再次找到回家的路。对孩子来说效果不太好，因为鸟会吃，但在网站设计中效果很好。当然，网站设计中的面包屑确实能起到很好的作用。今天网站设计公司就来分享一下如何在网站设计中充分利用面包屑。
面包屑构成辅助导航方式，功能有点像进度条。你通常会在主导航栏下面找到它。一些网页设计师认为面包屑导航不能改善用户体验，也许它并不适用于每个网站。然而，它在某些情况下非常有用。
您可以跟踪您所在的页面备份层次结构，这样您就可以确切地知道您在站点架构中的位置。就像你在商场或者大楼里看到的那些站点地图，在地图上把你站的位置标注为“你在这里”。如果有必要，你可以按照指示到出口。
很明显，在一个能看到一切的单层建筑里，你不需要这样的东西。这个和网站一样。当你的站点以一种分层的方式被安排在三个或更多的层次上时，你将只需要面包屑导航。在最简单的形式中，面包屑导航链接水平排列，并用“>”符号分隔来标记，这表示页面相对于其前面的链接的级别。它的目的是防止你的用户迷失在你的网站中。
在大多数大型电子商务类型中，您会发现三种主要的面包屑导航类型之一。它们基于位置、属性和路径:
1.基于位置的导航
基于位置的面包屑导航向用户显示他们在站点结构中的位置，通常有两层以上。第一层总是主页，结束于当前页面，不可点击。它不仅有助于用户找到自己的路，而且还提供了搜索引擎关于页面内容的技术信息，更容易索引。
2.基于属性的导航
这种类型的导航在页面上显示特定事物的属性，而不是它的位置。它基于可以分支到不同路径的链接的元数据，因此它为用户提供了下一步去哪里的选择。它经常用于电子商务网站，因为它的描述性使购物者更容易找到他们想要的东西。属性由竖线分隔。根据您提供的产品，您可以将基于位置的导航与基于属性的导航结合起来。基于位置的链接是可点击的，而基于属性的链接是不可点击的，但是你可以点击“X”来删除属性。
3.基于路径的导航
这种类型的导航更像是一个历史，所以它更像是一个后退按钮，而不是一个导航栏。它跟踪用户访问特定页面的步骤。不建议将其用于导航目的，因为它并没有真正的帮助。这甚至会让那些在网站深层登陆的人感到困惑。
面包屑对于一些正确实现的网站是有益的。它们允许用户轻松进入更高的级别，而无需经过重重关卡。它减少了用户进入特定页面所需的点击次数，有助于防止用户跳出。它甚至不占用太多空间，所以没有真正的理由不在合适的时间使用它。
