如何在 WordPress 中添加 hreflang 标签
已发表: 2023-02-12
您正在构建一个支持多种语言和地区的网站吗？ 多语言网站可以成倍地扩大您的潜在受众，但也似乎难以管理。
好消息是添加 hreflang 标签可以改善您网站的搜索引擎优化 (SEO) 和用户体验 (UX)。 这并不难实现，您可以快速开始从增加的流量和参与度中获益。
在本文中，我们将了解什么是 hreflang 标签，以及使用它们的一些最佳实践。 然后，我们将揭示可用于在您的 WordPress 网站上实施这些标签的方法。 让我们开始工作吧！
什么是 hreflang？
hreflang 标签是 HTML 代码，它告诉 Google 为某些语言和地区显示哪个版本的网页。 这是该代码的示例：
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
每个标签都包括语言和位置详细信息的组合，例如“en-us”代表英语和美国，“fr-fr”代表法语和法国。
虽然 Google 可以检测网页的语言，但没有 hreflang 标签仍然会损害您的搜索排名。 这是因为如果没有这些标签，您的不同语言的页面最终可能会相互竞争以获得最高排名。 虽然 hreflang 标签本身并不是排名因素，但它们确实可以帮助 Google 为用户提供正确的页面。
hreflang 和您的多语言网站：最佳实践
您可以通过 WordPress 多语言网站覆盖更广泛的受众，但您需要实施某些最佳实践才能获得结果。 此类网站的最佳做法之一是使用 hreflang 标签，但也有其他智能技术。
为了获得最佳用户体验，明智的做法是使用母语人士编写的内容，而不是机器翻译的文本。 另一个最佳实践是对不匹配的语言使用可选的 x-default 标签。 这应该用在主页上，用户可以在主页上选择他们想要的位置和语言。
如果您的网站使用规范标签，则在添加 hreflang 标签时也需要小心。 这两种类型的标签可能会发生冲突，向 Google 发送有关应显示哪个页面的混合信号。 虽然您可以在具有规范标签的页面上保留 hreflang 标签，但最好小心地简单地添加语言标签。
如何在 WordPress 上实现 hreflang 标签
hreflang 标签在 WordPress 网站上是无价的，但前提是正确实施。 您可以使用三种方法将这些标签添加到您的网站。 插件是最简单和最常用的方法。 但是，您也可以更新网站的标头，或编辑其 XML 站点地图。 让我们看看这三种技术。
hreflang 插件
hreflang 实现的最简单方法是使用 WordPress 插件。 像 MultilingualPress 这样的插件会自动为你添加 hreflang 标签，并且不会导致任何性能问题：
MultilingualPress 还有一个翻译功能，可以在帖子编辑器中找到。 当您接受翻译时，该插件会将适当的 hreflang 标签添加到您网站的标题中。 翻译功能不仅限于帖子，还适用于标签和类别，同时还可以与 Yoast 和 WooCommerce 等插件很好地同步。
hreflang 实现的另一个插件选项是 Polylang：
Polylang 是一种流行的免费工具，可帮助您管理多种语言的 WordPress 网站。 您可以照常创建内容，然后为其分配一种语言。 之后，Polylang 将为您处理 hreflang 标签。
将 hreflang 添加到 <head>
通过更新header.php文件，您可以在没有插件的情况下将 hreflang 标签添加到您的 WordPress 网站。 要访问此文件，您需要导航至外观>主题编辑器，或使用文件传输协议 (FTP)。
打开文件后，您需要查找<head>打开器并粘贴此代码：
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
在此示例中，需要将标签添加到英语内容。 x-default 和英文 hreflang 标签也指向英文内容页面。
另一方面，西班牙语和法语 hreflang 标签重定向到页面的正确语言版本。 当然，您可以为网站上使用的任何其他语言添加更多 hreflang 标签。
将 hreflang 添加到 XML 站点地图
如果您不想编辑header.php文件，则可以改为更新站点的 XML 站点地图。 使用此方法可确保 Google 找到您的替代语言页面并正确索引它们。 更新站点地图还可以减小网页的大小，从而缩短加载时间。
XML 站点地图的 hreflang 标签略有不同：
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
虽然编辑 XML 站点地图有助于建立索引，但它也会变得复杂。 如果您的网站很大，站点地图可能会变得臃肿。 将 hreflang 标签添加到站点地图也可能比使用上述其他方法花费更长的时间。
如何在 WordPress 上验证 hreflang
即使包含在内，hreflang 标签在多语言网站上的实施也经常不正确。 验证您的 hreflang 标签可以帮助您确定是否已正确添加它们。
要验证标签，您可以使用各种在线工具。 这些工具提供类似的信息，但以不同的方式呈现。 Sitrix 的 hreflang 标签测试工具会在您的网站上显示标签，并让您知道是否有任何错误：
Merke 的 hreflang 标签测试工具还提供了您网站上标签和错误的分类：
但是，如果您只想查看错误，SALT.agency 的 hreflang 标签测试工具是另一种选择。
继续学习 WP Engine
如果您的网站包含多种语言的内容，hreflang 标签将帮助 Google 将正确的页面提供给正确的访问者。 幸运的是，有多种方法可以将 hreflang 标签添加到您的网站，最简单的选择是安装专用插件。
如果您在运行多语言网站的任何其他方面遇到困难，WP Engine 致力于帮助您找到所需的资源。 看看我们今天的计划！