使用技巧

如何在WordPress中添加hreflang标签

您正在建立一个支持多种语言和地区的网站吗?多语种网站可以成倍地扩大潜在受众,但似乎也很难管理。

好消息是,添加hreflang标签可以改善您网站的搜索引擎优化(SEO)和用户体验(UX)。这并非难事,而且您可以迅速从不断增加的流量和参与中受益。 

在本文中,我们将研究什么是hreflang标记,以及一些使用它们的最佳实践。然后,我们将在WordPress网站上揭示可用于实现这些标签的方法。让我们开始工作吧!

什么是hreflang?

的hreflang标签是HTML代码,告诉谷歌哪个网页版本显示某些语言和地区。这是该代码的示例: 

<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标记,并且不会引起任何性能问题:

0Swx51c0YGjnXwpXYQa5-6nGH2fPoZiI3t5Obltm8OEiZqYwxLigB1On0nbhszFpbSGzFxYuh-omF8_qRqa67Wd75GZgYz8bebmi5qpM5p6f7pr939HKSsg1DHmm0MwCj6tFEZd4

MultilingualPress还具有翻译功能,可以在帖子编辑器中找到该功能。当您接受翻译时,插件会将适当的hreflang标记添加到您网站的标题中。翻译功能不仅限于帖子,还可以处理标签和类别,同时可以与Yoast和WooCommerce之类的插件很好地同步。 

hreflang实现的另一个插件选项是Polylang

E2CVSVulTj8O7V2kvsJsnvisc3D_sHlmAmxh6uFACJJlSYVKeubx1rOKrfzgGaU5guqWTw_UYQpV-eTo0CamgZp1dwT4zPWMRhnoIwmVN52bYt4hou2SZ5rkbWiI9G63p7Dc2KD5

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标签测试工具会在您的网站上显示标签,并告知您是否有任何错误:

XNOeSOhqqs8h8AGCiR16CUDo_C0Nn0JJS_fJDw1mg7mb83beDhDNmUCNU4ZFkGlFswSWnSX65jbqFvqeS9Oqf7jp4ive7NmKZRuoLDwUUYfrYMBzZYlvmco7LhpfMy7_XdF5ezVK

Merke的hreflang标签测试工具还提供了网站上的标签和错误的细分:

g23M0mZUq0EPgftQVNJbH5yVMK-KTjT_bblgUR9NYjKYsJDICesCPkjkJy3dJD_yOMehocDfRKlZdrAtyywsfpknhMCh81VNQAQEt9mDHogpdR08jGwdgv_ofm473QhDKHarWkoA

但是,如果只想查看错误,则可以选择SALT.agency的hreflang标记测试工具。