数据结构
网络
关系型数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装学
法学为什么应该添加面包屑菜单？
面包屑是一种导航组件。这个名字来源于格林兄弟的一个古老故事，孩子们在森林里留下面包屑来找到回家的路。面包屑在网页上起着类似的作用：它们帮助访问者了解他们所在的位置，并在需要时让他们返回网站的先前部分。
面包屑有哪些不同类型？
面包屑分为三类，每类都有其独特的功能。
在实施面包屑之前，确定哪些面包屑最适合网站。
基于层次结构的面包屑 这是最常见的面包屑类型，它告诉访问者他们在网站架构中的位置以及如何返回主页。
例如：主页 > 资源 > SEO 指南
基于属性的面包屑 这通常在在线商店中看到，用于显示消费者选择的属性。
例如：主页 > 鞋子 > 登山鞋 > 女款
基于历史的面包屑 等同于浏览历史记录，告诉访问者已查看的其他网页。
例如，当搜索 SEO 信息并查看三篇不同的文章时，您的面包屑可能如下所示：主页 > SEO 文章 > SEO 文章 1 > SEO 文章 2 > 当前页面。
使用面包屑的优势有哪些？
在您的网站上采用这些方便的小提示有很多好处。让我们快速浏览一下这些好处。
谷歌喜欢它们。 您的客户喜欢面包屑，但谷歌也喜欢它们。它们为谷歌提供了另一种确定网站内容及其组织方式的方法。谷歌使用它们来抓取您的内容。但是，如前所述，谷歌可能会将其包含在搜索结果中，从而使结果对用户更具吸引力。需要结构化数据才能提高它们出现在谷歌搜索结果中的可能性。谷歌搜索使用文档正文中的适当 HTML 代码来对其搜索结果中从网站获得的数据进行分类。
它们改善了用户体验。 人们不喜欢迷路。当面对新的环境时，人们经常寻找可识别的事物或地点；这同样适用于网站。您必须在最大限度地减少摩擦的同时让客户满意。面包屑可以提高用户满意度，因为它们是一种标准的界面功能，可以立即告知访问者如何退出。您不需要使用后退按钮。
它们降低了跳出率。 首页很少被访问——它以搜索引擎优化为中心。这意味着网站的任何部分都可能作为入口点。如果他们选择的网站无法满足他们的需求，您必须想出一个方法将他们引导到网站的其他部分。面包屑通过为用户提供另一种浏览网站的方式来帮助降低跳出率。难道将人们带回主页比将他们导回谷歌更好吗？
Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified expert to boost your career.
如何正确地将面包屑添加到您的网站？
添加面包屑时，有一些事项需要考虑。让我们快速浏览一下它们。
在面包屑中，不要链接到当前页面。拥有一个链接到自身的页面可能对 SEO 更好。当前站点可以继续包含在面包屑路径中；不要链接它。出于同样的原因，不建议将面包屑添加到站点，因为路径将仅由一个指向自身的组件组成。
将面包屑放置在每个页面的顶部，靠近主菜单。这是标准做法，人们本能地期望在那里找到面包屑。然而，某些网站将其面包屑放在页面的底部——苹果在其官方网站上就是这样做的。
激活面包屑时，请验证网站内容是否包含规范标记。模式标记中使用的元素的概念语言已集成到 HTML 代码中。它帮助谷歌理解您提供的内容，并且特别地告知其搜索引擎理解网站顶部的超链接集合代表面包屑。
面包屑导航实践
仅当对您的网站有意义时才使用面包屑 只有当您的网站结构包含许多更深的级别时，才使用面包屑。如果您使用单层网页设计，并且任何内容都只需单击一次即可访问网站，那么面包屑将不会对您的用户有益。例如，面包屑在 Wait But Why 上没有任何用处。网站内部没有更深的层次结构；所有内容都只需单击一次即可通过网站访问。
使用面包屑来支持主要导航 面包屑提供额外的导航选项。因此，它们不应替代您的主要导航菜单。
将面包屑视为人们浏览您的在线资源的另一种方式。
戴尔使用面包屑来补充其主要导航。
在各个级别之间使用分隔符 特殊字符用于分隔面包屑路径中的文本链接。最常用的分隔符是大於符号 (>)。但是，也可以使用直线（|）或正斜杠（/）。例如，沃尔玛在其面包屑路径中使用正斜杠（/）来分隔产品。
不要在面包屑路径中链接到当前页面 面包屑路径以个人的当前位置结束。提供指向当前网站的链接毫无意义，因为个人当前就在该页面上。用户不太可能与之互动。它也没有任何作用。例如，我们可以看到面包屑路径中的最后一个项目缺少链接。这是因为个人之前就在最后一个项目指示的位置。
保持设计的简洁性。 面包屑布局应尽可能简洁明了。确保它有用，而不影响页面的内容。例如，Slack 将面包屑构建到其网站上
Slack 的面包屑显示在页面右上角，字体小但清晰易读，与网站的其余部分相匹配。
组之间的分隔符也很简单。
这些面包屑很容易找到和理解。但是，它们并没有吸引任何严格必要的额外注意力。
结论
面包屑是最重要的导航组件之一，由于大量的扩展和附加组件，它们易于安装。当网站包含超过 20 个部分和多个层次结构时，没有理由不包含面包屑。这条导航路径将使您的网页和搜索引擎结果页面上的用户受益。
浏览量 154 次
