面包屑导航的5个最佳实践

面包屑是网站的一个微妙的元素，有助于提高可用性和导航．它们是一种很少得到认可的公用事业;然而，面包屑可以产生很大的影响，并提供大量的好处，如降低跳出率，增加转换率，并提高用户满意度。

想象你在一个普通的杂货店里，但是少了一些东西。所有的通道标志都不见了!找到香蕉和面包的唯一方法就是遍历每一个通道。没有直接的路径。

路径就是面包屑的全部。它们通常出现在有许多类别和页面的网站的标题下方，例如电子商务网站。金宝搏188手机登录网体育用品网站上的面包屑可能是这样的，如果我们在足球球衣区:

家乡>体育>足球>球衣

“家庭”、“体育”和“足球”都是可以点击的链接，带我们到相应的部分。这里有一个来自亚马逊时尚商店的真实例子:

面包屑不应与主要标头混淆。他们是A.二次导航选项，通常位于主标题的下方，就在任何给定页面内容的上方。它们通常有一个较小的字体大小在8-12px范围内。

如果你的网站只有几个页面，面包屑很可能是一个不必要的功能。但如果你有几十页，几百页，甚至几千页，面包屑就像是天赐的礼物。一个好主意是与用户一起测试你的站点，看看他们是否曾经迷失或困惑。面包屑可以帮助潜在买家的用户有效地找到产品、服务或类别。

在实现面包屑之前，有一些事情需要记住，以确保我们确实在改善用户体验。

1.属性与曲线

面包屑主要有两种类型。第一种是基于属性，这意味着面包屑是由规格、品牌、大小和颜色等信息组成的。本质上，我们把典型的过滤器选项列在我们的面包屑中。这通常用于电子商务商店的产品金宝搏188手机登录网容易被他们的属性辨别．例如，我们在计算机零件零售商Newegg上看到此实现：

另一方面，展开采用更多的层次方法，其中漏斗的类别漏斗到达。这是我们为足球球衣覆盖的前面的例子。

2.页面和内容分类

实现面包屑还要求我们确保页面和内容以逻辑方式组织。

通过页面，服务和项目来确保最终页面 - 用户可以购买产品的页面，阅读评论，见照片等 - 不属于多个类别。根据您的数据库数据库的大大，情况可以很容易地出现，其中产品正在交叉引用的类别，这些类别为“有种意义”但不可避免地混淆用户。

3.清晰地分离每个层次

用于分隔面包屑的级别或层次的常用符号是>符号。这表示一个方向，可以说是最合理的使用方法。

还有其他变体可以与：

• >>(双大于号)
• 还是（长箭头）
• /（反斜杠）
• //（双反斜杠）

可能导致混乱的符号包括：

• |(单分离器)
• …(椭圆)
• ： 或者 ;（结肠或半冒号）

4.为购物者意图启用面包屑链接和设计页面

这是一种利用面包屑来降低反弹率的策略。本质上，除了最终的产品或服务页面，我们将每个面包屑作为一个链接。当用户点击这个链接时，他们通常会被带到一个列出该层次结构下的产品或服务的页面。例如:

在nike.com上，当我们点击“鞋子”面包屑时，它只是让我们以随机顺序返回全部鞋子列表：

这是大多数电子商务网站所关注的格式;金宝搏188手机登录网但是，有机会为购物者的意图设计这些部分页面。由于购物者从产品页面回溯到截面页面，因此我们可能会假设它们不满意或需要更多信息。然后，我们可以在截面页面上创建一个呼叫，以便为该部分中的所有产品进行折扣，或者让用户了解我们的Live Chat功能的通知只是点击。

5.基于搜索意图的计划分类

面包屑的一个最重要的方面是它们与搜索引擎优化的关系。由于面包屑的实施，我们迫使自己战略性地为用户和搜索者分类每一个产品。这意味着我们的类别和产品也由我们想要在搜索引擎排名的关键字组成。

站点层次结构实际显示在搜索结果中，谷歌的搜索算法关注我们的面包屑导航．搜索结果如下:

虽然面包屑看起来像是一个不起眼的网络元素，但它们实际上与我们的底线息息相关。你注意到面包屑在其他网站上有什么独特的应用吗?请在下面的评论中告诉我们。