如何在您的网站上启用 SEO 面包屑导航

2021-06-07

如何在您的网站上启用 SEO 面包屑导航。为了用户导航和谷歌排名,你可以对你的网站做出的最好的小有益改变之一是实现面包屑。不,我不是在谈论在你的服务器上吃烤三明治。

什么是面包屑?

面包屑是一项受古老童话启发的技术创新。还记得 Hansel 和 Gretel 的故事,孩子们在树林里留下面包屑的踪迹来标记他们的踪迹,这样他们就可以跟着它回家吗?这就是适用于数字时代的概念。

不同之处在于,当您在网站上放置面包屑时,您不必担心流浪鸭、松鼠和女巫会吃掉或隐藏或移动面包屑。这总是有点奇怪的选择,用食物来标记你的道路。这似乎是最脆弱的回家方式,但这只是我。也许那时森林里的动物不喜欢面包?

亚马逊上的面包屑

无论如何,在网站上,重要的是“找到回家的路”的概念,而不是他们使用可降解食品的事实。面包屑在网络论坛上最为突出,尽管它们出现在各种网站上。例如,当您浏览论坛板上的特定主题时,您可能会在顶部看到类似这样的内容:

论坛版块名称 > 版块版块 > 子版块名称 > 主题名称

那是一串面包屑。这些条目中的每一个都是指向它所显示的内容的链接。如果您在某个话题中并想返回子论坛查看同一主题的其他话题,您可以单击子论坛名称。如果你想一路回到板块索引,你可以点击论坛板块名称链接。

Delicious.com 使用了带有 X 的面包屑,您可以单击它以删除面包屑的那部分并带您回到单步后退部分。对于博客,您可能有一个基于日期的面包屑系统,例如:

网站名称 > 博客 > 年 > 月 > 日 > 帖子标题

面包屑通常仅用于按层次结构组织的内容。当内容都在一个池中时,您无法按类别组织它们。十篇博客文章不会有从一个到下一个的面包屑导航,您也不会使用面包屑导航来追踪用户到达他们所在位置的路径;他们的浏览器后退按钮做得很好。换句话说,仅将面包屑用于具有从页面到子页面到子子页面以及向前的逻辑流的多级站点。

基于不同类型的层次结构有不同类型的面包屑。它们都可以根据需要深入,但通常超出 4-5 层可能对组织有害。

  • 基于位置的面包屑跟踪内容的级别。在最底层,您有实际的博客文章,上一层是类别,上一层是广泛的主题,顶层是整个站点。这通常用于博客和网络论坛。
  • 基于属性的面包屑跟踪项目的属性和类别,通常用于电子商务网站。例如,对于汽车,您可能有站点名称 > 汽车和卡车 > 轿车 > 别克 > 别克君威 > 特定年份。

还有罕见的基于路径的动态面包屑,但它们很少为用户体验添加任何内容,并且由于它们是动态的,可能会导致 Google 的链接监控出现问题。

面包屑非常适合内部站点链接并帮助 Google 跟踪您的站点结构。与站点地图结合使用时,它们可以确保 Google 已将所有内容编入索引。当您制作包含该类别中所有博客文章的类别页面时,它也使用户可以轻松浏览。此外,它们是用户留在您的网站上而不是跳出的一种简单方式,而且它们几乎不占用屏幕空间;帖子上方和导航下方仅一行。

正确实施面包屑可能会失败,尽管使用我将在下面提到的工具,您不应该遇到这个问题。人们面临的第一个问题是将面包屑放在与导航混合的位置,这会使它们失去价值。一些站点还跳过主要导航菜单以支持面包屑,但面包屑本身并不是一个很好的导航系统。它们是返回到先前页面的辅助工具,而不是用于整个站点组织的辅助工具。

您可以转到此链接,查看有关使用面包屑的一般示例、最佳实践和提示。值得庆幸的是,您无需担心自己编写面包屑;下面的工具将帮助您做到这一点。

我有没有提到在丰富的片段中,如果你实施了面包屑,谷歌有时会显示面包屑?它们需要简短,并且需要使用 Schema.org 标记,但如果满足这两个条件,您可以看到它们出现在 Google 中

使用 Yoast 制作面包屑

第一种方法假设您使用 WordPress 作为博客的基础。如果您正在使用其他一些 CMS,您将必须找到实现面包屑的等效项。如果您使用自定义网站设计,则应该与您的 Web 开发人员讨论实施面包屑导航。他们可能可以很容易地做到这一点,尽管这可能需要对您的网站设计进行一些调整以适应它们。

在 WordPress 上 Yoast SEO

在我们开始之前,请确保您的 WordPress 网站上没有安装其他通用 SEO 插件。如果你有一个像All-In-One SEO Pack 这样的包,你会在安装这个时遇到冲突。

Yoast SEO 插件可能是最好的插件之一,老实说,我建议您从他们的网站上获取高级版本。如果您不想为它付费——许可证是 69 美元——那很好。您可以使用基本版本实现面包屑,您可以在此处找到。

高级插件 Yoast

下载并按照说明在您的 WordPress 网站上安装 Yoast SEO 插件。这将为您提供许多额外的 SEO 功能,包括分析、面包屑、分类等等。包含多少小优化真是太疯狂了。

接下来,转到您的 WordPress 仪表板。在其中,您会找到一个标有 SEO 的新侧边栏菜单。将鼠标悬停在它上面并单击高级子菜单。这将带你到一个设置屏幕,里面有一堆 Yoast 允许你配置的东西。第一个标签是我们感兴趣的标签,标记为“面包屑”。单击它并单击“启用面包屑”复选框。这将使您可以访问有关如何格式化它们的一系列设置。您可以指定是否要在面包屑之间使用 >、>>、/ 或不同的自定义分隔符。您还可以设置为您的主页面包屑显示的文本,它始终显示。根据您的喜好定制这个。不要太担心分类法部分,除非您对帖子类型使用很多奇怪的配置,否则这应该不是问题。

接下来,您需要在主题中实际实现面包屑代码。Yoast 很棒,但它不够智能,无法自动将自己插入为 WordPress 制作的每个主题。在面包屑设置页面的底部,您将看到一些用于手动插入面包屑的 PHP 代码。

您将需要复制此代码并将其放在一边。请注意,如果 Yoast 自从我上次查看以来更改了他们的面包屑代码,您将需要复制他们特定版本的代码,而不是上面的这段代码。

Yoast 中的面包屑设置

现在,决定您希望面包屑在您的主题上显示的位置。通常,它位于帖子内容的上方,但位于网站顶部的导航下方。其他自定义位置将需要稍微不同的步骤,因此如果您希望它们位于标题下方,请仅遵循此定位指南。

您将需要进入 WordPress 仪表板并单击外观 – 编辑器。您也可以使用 FTP 直接访问您的服务器,并导航到 wp-content/themes/您的主题。在任何一种情况下,找到并打开 header.php。这将充满代码,如果您不是编码员,您可能无法理解。没关系。只要确保您没有删除任何内容或更改任何内容。

您可能希望使用 Firefox 的 Firebug 等代码查看器来检查您的实时站点上的代码,以查找您想要放置面包屑的区域周围的元素。在标题区域,您通常会找到某种类型的副标题部分。把你的面包屑代码放在本节之后,在它的 </div> 之前,将把它们放在你想要的地方。

注意:在上传实时版本之前,请务必备份您更改的任何文件。如果您不小心损坏了某些东西,您将能够轻松地恢复它,而无需采取回滚和可能的数据丢失。

找到要放置面包屑的位置后,如果您没有在实时服务器上对其进行编辑,请保存并上传文件。抱歉,我无法给您任何更具体的放置说明;它会因主题而异。与您的 Web 开发人员交谈或询问制作您的主题的人最好的位置。您还可以在此处查看页眉、页脚和侧边栏小部件中的一些面包屑示例。

一旦您保存了该代码并确保它在您的网站上工作,您就完成了。如果由于某种原因默认设置对您不起作用,您剩下要做的就是使用以前的那些格式选项。

酸奶面包屑替代品

面包屑导航

如果您出于某种原因不想或不能使用 Yoast,该怎么办?值得庆幸的是,您还有其他一些选择。

Breadcrumb NavXT – 这个插件是专门用来做面包屑的,而不是成为一个巨大的 SEO 包的一部分。这意味着它可以与您碰巧安装的任何 SEO 包一起使用,如果它不是 Yoast。当然,它是免费的,并且在这篇文章发表前三周积极更新。它也有很高的评价;4.6 颗星(满分 5 星),活跃安装量超过 400,000。它适用于 Schema.org 面包屑列表和面包屑生成代码,并为您提供了许多自定义选项。老实说,这不是主要建议而不是 Yoast 的主要原因是 Yoast 有一堆附加功能,所有这些都非常有用。

真正简单的面包屑——这个插件是另一个专为 WordPress 网站上的面包屑而制作的插件,但我认为它是一个较低的层次。它没有很多配置选项;事实上,自定义它的唯一方法是为 .breadcrumb 类编写自定义 CSS。不幸的如果您不是编码员,这不是很方便。此外,虽然面包屑插件有一个完整的 5 星评级,但这只是因为它只有 9 条评论,在 10,000 次有效安装中,而且它已经两年多没有更新了。通常,如果这个插件有更大的效果,我什至不会推荐这么旧的东西。尽管如此,如果您想要的只是代码和复杂性方面的绝对最小值,那么这将起作用。当然,假设它仍然适用于最新版本的 WordPress。

SEO Breadcrumb – 这个插件是另一个两年多没有更新的插件,因此可能不是最好的安装主意。显然,如果您怀疑实施可能存在问题,请谨慎使用。也就是说,这种简单的 PHP 代码通常不是问题;没有任何漏洞可担心。这个支持 HTML5 微数据,可用于显示样式以及其他格式。您可以在插件页面上查看它输出的代码示例,以便在安装之前查看它。

Unyson – 该插件将 WordPress 的正常功能转换为网站的更多拖放定制引擎。它本质上让您可以像高级主题一样自定义网站的外观,而无需为高级主题付费。它包含的众多功能中有一个面包屑模块​​,它允许您将它们自动放置在您想要的任何位置。值得一提的是,在撰写本文时,该插件已在过去 12 小时内更新。当然,这仅在您开发新站点或布局时才有价值;对于希望仅添加一个小功能的成熟网站来说,这不是很好。

添加元标签——这个插件是一个元数据优化插件,碰巧附加了一个面包屑路径生成器。它对于基本的分层帖子类型很有用,但是如果您使用帖子类型自定义了任何内容,它可能无法正常工作。至少它是最新的并得到支持。如果您无法使其正常工作,请询问开发人员。

其他一百个面包屑插件中的任何一个。看来,面包屑很容易制作。有十几种不同的面包屑插件,它们甚至不够高调,无法自定义其插件目录条目,并且有不到 100 个有效安装和 0 个评论。如果您不喜欢上述任何选项自行实施,则由您决定。

--- END ---