网站中应用面包屑路径的最佳实践办法
发布时间：2022-03-04 09:37:52 所属栏目：优化 来源：互联网
导读：一般的网站会有很多页面，面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言，面包屑可以减少一个网站的用户返回上一级页面的操作次数，而且他们可以提高网站部分和页面的可查找性。他们还是在网站层次中指示用户所在位置的有效的视觉助手，这
|
一般的网站会有很多页面，面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言，面包屑可以减少一个网站的用户返回上一级页面的操作次数，而且他们可以提高网站部分和页面的可查找性。他们还是在网站层次中指示用户所在位置的有效的视觉助手，这使之成为承接页面上下文信息的很棒的根源。 什么是面包屑？ 面包屑（或称为面包屑路径）是一种显示用户在网站或网络应用中的位置的二级导航方案。这个术语来自于神话故事《奇幻森林历险记》，故事的两个小主人公丢下一条面包屑路径，然后顺着这条路径回到了家中。就像这个故事一样，在现实世界的应用程序中，面包屑为用户提供一种追踪返回最初访问页面的方式。 什么时候使用面包屑？ 面包屑导航用于大型网站和按分级排列页面的网站。一个典型的案例就是电子商务网站，在这类网站中，大量的产品被按照逻辑分类分组。 你不必在没有逻辑等级或分组的单级网站上使用面包屑。一个决定是否使用面包屑导航的方法是建立一个网站地图或结构图来描述网站的导航结构，然后分析面包屑是否能提高用户在类别内和类别之间的定位能力。 面包屑导航应该作为扩展的额外的功能，而不能替代有效的主要导航菜单。它是一个方便的功能；一个允许用户定位他们在哪里的二级导航方案；一个定位你的网站的可选择的方法。 面包屑的种类 面包屑主要分为三类。 基于位置 基于位置(location-based)的面包屑向用户显示他们在网站的哪一个级别页面。它们一般典型的用于有多个级别（一般是多于两级）的导航方案。在下面的例子中(来自于sitepoint)，每一个页面的文本链接表示它比它右边的文本链接高一级。 基于特性(attribute-based)的面包屑路径显示一个特定页面的特性。例如，在newegg，面包屑路径表示在一个特定页面显示的特性内容。 这个页面显示所有拥有由lian li制造并有microatx微塔式因素的电脑机箱。 基于路径 基于路径(path-based)的面包屑路径显示用户到达特定页面的操作步骤。基于路径的面包屑是动态的，它们显示用户在到达当前页面之前访问过的页面。 使用面包屑的优势 这里是一些使用面包屑路径的优势。 降低跳出率 面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体 跳出率。 面包屑路径的错误使用 使用面包屑路径是一件相当简单的事情，而且在决定使用它们之间只需要很少的指导性考虑。让我们看一些可避免的常见错误。 在你不需要的时候使用面包屑 一个常见的使用的错误是在没优势的时候使用面包屑。 在上面的例子中，slicethepie 冒险迫使用户使用太多的导航选择。(1)主导航， (2) 面包屑路径和(3) 次要导航太接近了。这个应用中的面包屑路径不能为用户提供额外的便利，因为下一级页面的次要导航正好在它下面。而且，当点击面包屑的二级链接“music”时，它将带你到第一个tab“listen”，这会错误的暗示第一个tab在另外两个tab(“search”和“artist hall of fame”)的较高级别。 使用面包屑作为主要导航 就像前面规定的，使用面包屑作为一个可选的辅助导航。 在上面的例子中，mefeedia 网站没有提供一个浏览视频的主要导航菜单，尽管在页面底部有文字链接导航，在页面的主体部分没有导航菜单，这使得浏览网站的其它部分就比较困难。 如果你直接到达了一个页面——比如说，通过谷歌搜索结果，你可以选择的导航就只有面包屑。或者如果你已经浏览过一个网站页面，然后到达一个没有显示主要导航的页面，你将不得不点击浏览器的“返回”按钮来获取主菜单。 在页面有多级目录的时候使用面包屑 面包屑路径有一个线性结构，因此如果你的页面不能分类到整洁的目录，使用面包屑时间比较困难的事情。决定是否使用面包屑很大程度上取决于你如何设计你的网站分级。当一个低一级的页面在（或能放入到）多于一个上级目录下时，面包屑路径将会是无效、不正确和让用户困惑的。 （编辑：91站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
