什么是面包屑以及如何在页面中显示它们的一些提示

已发表: 2019-10-04

诸如面包屑之类的词与您的网站和登录页面有何关系? 但是当你还是个孩子的时候,你有没有听说过亨塞尔和格莱特的童话? 你还记得他们如何使用面包屑标记他们要走的路,以便他们找到回家的路吗? 如果您听说过这个故事,那么您将更容易理解我们今天要讨论的面包屑是什么。 一旦您了解了该术语背后的含义,将它们合并到您的页面中就不会那么难了。 作为 WordPress 专家,我们在这里分享我们的知识。

首先要做的事——面包屑是什么?

面包屑导航是网站访问者可视化他们在您网站上的位置的有用方式,它使他们更容易找到具有高影响力的目标网页。 它使您的读者更容易在您的网站上移动,如果您的网站结构复杂,这尤其有用。 考虑到面包屑在设计中只占一行的事实,很明显它们对您的网站的贡献可能是巨大的。

黑板上画着一个人在爬台阶。
如果您的读者想要到达某个页面,他/她所要做的就是跟随线索。

通常,面包屑导航栏显示为水平的文本链接。 因此,它可以帮助用户找到许多问题的答案,例如他们在考虑整个网站时处于什么位置,如何找到不同的部分和页面,以及他们可能感兴趣的产品/服务(如果您在您的 WP 网站上有一个在线商店或有一个电子商务网站。)

为了给你一个例子来说明这是如何工作的,想象一下在亚马逊上输入一本书的名字。 您对获得的结果并不完全满意,但您可以点击链接到面包屑中提供的另一本书或整个类型,而不是关闭页面。 这样,您只需按照面包屑中给出的建议即可探索相关项目。 知道什么是面包屑是不够的——如果你不知道存在的三种类型,那就不行了。

三种面包屑

  • 基于位置的面包屑。 这些面包屑是迄今为止最常见的。 它们也被称为基于层次的面包屑,因为它们的目的是表示页面的结构,并帮助用户了解您网站的层次结构,以便他们可以更轻松地导航它。
  • 基于属性的面包屑。 这些面包屑通过解释它们的关系来充当不同产品之间的链接。 他们将根据一个人选择的属性列表显示结果。 例如,当您在网站上使用过滤器时,就会发生这种情况。
  • 基于历史的面包屑。 这些面包屑是迄今为止最不受欢迎的面包屑,因为它们的用途和功能可以通过单击“返回”按钮来替换。 他们的目的是向您展示您从打开网站的那一刻起所采取的路径。
带有 CREATE 按钮的键盘。
在所有三种类型中,基于历史的一种是最不受欢迎的一种,因为它可以用“后退”按钮代替。

知道结合两种或多种面包屑的网站并不罕见。 这是一种做法,即使是拥有 WP 网站的最成功的公司也经常遵循这种做法。 好的,现在您已经完全熟悉了面包屑的概念。 现在是提供一些关于如何以及应该在页面中展示它们的好技巧的最佳时机。

你有必要使用面包屑吗?

在正文的开头,我们提出了一个非常简单的问题——面包屑是什么? 现在我们知道了答案,但有些人可能不确定他们是否绝对需要它们。 让我们这样说吧——如果你的网站很简单并且没有复杂的层次结构,那么使用面包屑导航是没有意义的。 如果您的网站只包含主页、联系我们页面和一些登录页面,为什么还需要它们? 如果您有可以从不同登录页面访问的较低级别页面,则也不需要面包屑导航。 您应该始终牢记,面包屑的目标是帮助您的用户,而不是让他们感到困惑。

面包屑不应该太明显

您应该始终牢记面包屑导航可以帮助您的用户这一事实。 因此,除非用户正在寻找它,否则它不应该被注意到。 这就是为什么你不应该在你的面包屑导航中添加任何不必要的文本。 这只会产生一个杂乱的外观,这与您的目标完全相反。 你想获得一个干净和有吸引力的外观。

好的设计也是必须的

如果您遵循传统的面包屑路径,看起来像这样 Home > About Us > Careers ,您可能会做出一个好的或坏的决定——这取决于您的网站。 但是,如果您认为另一种更适合您网站的风格,则绝对没有必要遵循传统设计。 您可以使用不同的符号、不同的文字、不同的颜色。 你只需要选择!

两个女人看着电脑,想知道面包屑是什么。
想一个能让你的网站更美的设计。

观察面包屑的大小

通常,网站有一个主导航栏和面包屑。 网站所有者犯的最大错误之一就是使面包屑与主导航栏一样突出。 这就是为什么不仅要注意面包屑的设计和外观,还要注意它们的大小。 您必须记住,谦虚是这里的关键!

如何将此导航工具添加到您的 WordPress 网站?

  • Yoast SEO 插件

听起来好像向您的网站添加面包屑将是一件非常困难的事情。 但通常情况并非如此。 对于初学者来说,所有已经在使用 Yoast SEO 插件的人都不必担心——面包屑功能带有这个超级有用的插件。 此外,一旦人们选择了这个导航工具,他们通常会通过 Yoast 添加它。 它是目前更可取的方法之一,因为它带来了许多不同的功能选项,您可以从中受益匪浅!

要通过 Yoast 添加面包屑功能,您需要做的第一件事是安装并激活插件。 然后继续将面包屑代码片段添加到您的主题中,然后在插件设置中配置面包屑。 只需切换“启用”选项并根据您的需要配置设置和外观。 就如此容易。

  • 面包屑导航 XT

还有另一个伟大而简单的插件可用于添加面包屑 - Breadcrumb NavXT。 第一步当然是安装和激活。 但是要让这个导航工具出现在您的网站上,您可以使用小部件设置中的内置小部件。 转到仪表板,然后转到外观 > 小部件。 将小部件拖放到您选择的小部件区域并更新设置。

为什么您应该选择 Breadcrumb NavXT? 因为它有一些高级配置选项。 您可以为不同的分类法定制整个模板,几乎不知道您还能做什么。 而且,当然,因为它的安装和激活超级简单,这总是一个优点。

你学会了你需要知道的一切吗?

只要您记住面包屑是什么以及它们的目的是什么,您就可以将它们合并到您的网站中。 小心点! 您在页面中显示它们的方式很重要,因为您不希望它们太明显或设计不佳。 相反,请随意发挥创意,并以一种看起来不错的方式将它们安装在您的网站上,并让您的访问者更轻松地操作您的网站。 祝你好运!