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

2019.09.02 - 象牙白

SEO面包屑导航

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

什么是面包屑?
面包屑是一项受古代童话故事启发的技术创新。记得汉塞尔和格莱特尔的故事,孩子们在树林里留下一堆面包屑来标记他们的踪迹,这样他们就能跟着它回家吗?这是适应数字时代的概念。

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

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

论坛板名> Board Section> Subforum Name> Thread Name

这是一串面包屑。这些条目中的每一个都是它显示的内容的链接。如果您在线程中并想要返回到子论坛以查看同一主题的其他线程,则可以单击子论坛名称。如果您想要一直回到电路板索引,可以单击论坛板名称链接。

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

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

面包屑通常仅用于在层次结构中组织的内容。当内容全部在池中时,您无法使用类别对其进行组织。十篇博文不会有从一个到另一个的面包屑导致,你不会使用面包屑来追踪用户获取它们所在位置的路径; 他们的浏览器后退按钮就可以了。换句话说,仅对具有从页面到子页面到子子页面以及之后的逻辑流程的多级站点使用面包屑。

根据不同类型的层次结构,存在不同类型的面包屑。它们都可以尽可能地深入,尽管经常超过4-5层可能对组织不利。

基于位置的面包屑跟踪内容的级别。在最低级别,您有实际的博客帖子,分层是一个类别,其中一层是广泛的主题,顶层是整个网站。这通常用于博客和网络论坛。
基于属性的面包屑跟踪项目的属性和类别,通常用于电子商务站点。例如,对于汽车,您可能拥有站点名称>汽车和卡车>轿车>别克>别克君威>特定年份。
还有一些罕见的基于路径的动态面包屑,但这些很少添加任何用户体验,因为它们是动态的,可能会导致谷歌链接监控的问题。

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

搜索中的Google Sitemap
正确实施面包屑可能会失败,尽管我将在下面提到的工具,你不应该有这个问题。人们面临的首要问题是将面包屑放在一个将它们与导航混合在一起的位置,这使得它们失去了价值。有些网站也会跳过主导航菜单,转而使用面包屑,但面包屑本身并不是一个出色的导航系统。它们有助于返回上一页,而不是整个站点的组织。

您可以通过转到此链接查看有关使用面包屑的示例,最佳做法和提示。值得庆幸的是,您不必担心自己编写面包屑; 以下工具将帮助您这样做。

我是否在丰富的片段中提到过,如果你实施了这些片段,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允许您配置的东西。第一个标签是我们感兴趣的标签,标记为“breadcrumbs。”单击它并单击“启用面包屑”复选框。这将使您可以访问有关如何格式化它们的一系列设置。您可以指定是否要在面包屑之间使用>,>>,/或其他自定义分隔符。您还可以设置为主页碎片显示的文本,该文本始终显示。根据自己的喜好自定义。不要太担心分类法部分,除非你对帖子类型使用很多奇怪的配置,否则它不应该是一个问题。

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

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

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

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

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

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

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

保存完代码并确保其在您的网站上有效后,您就完成了。您还剩下要做的就是使用之前的格式化选项,如果由于某种原因默认值不适合您。

Yoast Breadcrumb替代品
面包屑NavXT
如果您因为某种原因不想或不能使用Yoast,该怎么办?值得庆幸的是,还有其他一些选择。

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

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

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

Unyson – 这个插件将WordPress的正常功能转换为网站的更多拖放自定义引擎。它基本上允许您像高级主题一样自定义网站的外观,而无需实际支付高级主题。它包含的许多功能包括面包屑模块​​,它允许您自动将它们放置在任何您想要的位置。奖励点,在撰写本文时,插件在过去12小时内更新。当然,这只有在您开发新网站或布局时才有价值; 对于想要添加一个小功能的老牌网站而言,这并不是一件好事。

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

任何一百个其他面包屑插件。看起来,面包屑很容易制作。有十几种不同的面包屑插件甚至不足以定制他们的插件目录条目,并且有不到100个有效安装和0评论。如果你不喜欢上述任何一个选项来自己实现,那么由你决定。

- END -

49
0

如何在您的网站上创建论坛以改善您的SEO

SEO

为了用户导航和谷歌排名,您可以对您的网站进行的最好的一些有益的改变是实现面包屑。不,我不是在谈论在你的服务器上 […]