WPML

了解什么是 hreflang、它如何帮助 Google 理解您的网站,以及如何将它添加到您的多语言 WordPress 网站中。

WPML 会自动在您的页面中插入 hreflang 标签,并在您更改网站时对其进行更新。此过程在后台进行,无需您执行任何操作。

什么是 hreflang?

hreflang 标签是用于指明页面适用的语言和地区的 HTML 属性。在多语言网站中,hreflang 标签可告知搜索引擎每个页面版本的目标受众。

例如,以下 hreflang 表示主页在指定的 URL 上有一个面向西班牙语用户的版本:

<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />

因此,当西班牙的用户搜索此主页时,Google 会显示其西班牙语版本。

Google 在西班牙显示页面的西班牙语版本

除了西班牙语之外,该主页还有一个英语版本。因此,当美国的用户搜索该主页时,Google 会显示其英语版本。

Google 在美国显示页面的英语版本

hreflang 是帮助搜索引擎理解多语言网站的重要一环。但首先,什么时候才需要实现 hreflang 标签呢?

何时需要使用 hreflang?

在以下四种情况下,您需要在网站上添加 hreflang 标签:

  • 当您的网站包含多种语言时
  • 当您希望定位特定的地理区域时
  • 当您的内容存在较小的区域差异时(如美式英语与英式英语)
  • 当您的主题相同,但内容不同时(如美国最佳海滩与澳大利亚最佳海滩)

根据经验,如果您的网站有某个页面的多个版本,并且它们面向不同的受众,您就需要向这些页面添加 hreflang 标签。

如果不添加 hreflang 会发生什么?

hreflang 标签有两个主要作用:告知 Google 页面面向哪些受众,并指明该页面是原始内容的变体版本。

由于没有明确的 hreflang 标签时 Google 无法分辨某个页面是否是另一个页面的变体版本,它可能会将这些变体版本视为重复内容,并对您的页面进行处罚。

hreflang 标签是如何工作的?

hreflang 标签出现在 <head> 部分,并指向页面的备用版本。

请记住,hreflang 标签如下所示:

<head>
…
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
<link rel="alternate" href="https://www.domain.com/de" hreflang="de" />
…
</head>

hreflang 标签包含三部分信息:

  • rel="alternate" – 指明这是原始页面的备用版本
  • href=URL – 指明备用页面的 URL
  • hreflang=LANG – 指明备用页面的语言

如果将上面的示例用文字表述,意思就是:

当前页面在 URL http://www.domain.com/es 上有一个西班牙语的备用版本,并在 URL http://www.domain.com/de 上有一个德语的备用版本。

如您所见,hreflang 标签在引用语言时使用双字母代码。在此示例中,es 代表西班牙语(Español)。有关缩写的完整列表,请访问语言代码标准 – ISO 639-1

要指明语言目标区域(例如西班牙语-墨西哥),您可以将国家/地区代码添加到 hreflang 组件的末尾,如下所示:

hreflang="es-mx"

在此示例中,es 代表西班牙语,mx 代表墨西哥。国家/地区代码遵循与语言代码类似的双字母缩写,基于 ISO 3166-1 alpha-2 标准。

在向您的网站添加 hreflang 标签时,请务必遵循下文列出的 Google hreflang 推荐准则。

将备用页面相互指向

确保您页面的每个版本都包含引用所有其他版本的 hreflang 标签。这有助于 Google 了解您所有备用页面的完整情况,以及它们之间的关系。

例如,如果您有一个英语和西班牙语的页面,英语版本应包含指向西班牙语版本的 hreflang 标签。同样,西班牙语版本应包含指向英语版本的 hreflang。

英语和意大利语页面将 hreflang 标签相互指向

包含自引用的 hreflang

在每个版本上,包含一个指向其自身的 hreflang。

例如,如果您有 2 个版本 – 英语和西班牙语,除了让页面相互指向之外,每个版本还应有一个额外的 hreflang,指向其所在的页面。

在西班牙语版本上,标签如下所示:

<link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" />

而在英语版本上,标签如下所示:

<link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
英语和意大利语页面将 hreflang 标签相互指向以及指向其自身

在没有合适的翻译时定义后备页面

当没有版本适合某位用户时,x-default 会指明“后备”页面。如下所示:

<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />

例如,一个英语和西班牙语网站不会有适合法语用户的页面。在这种情况下,Google 会尝试提供它认为最佳的页面。然而,为了控制 Google 应该提供哪个页面,您可以包含一个 x-default hreflang,并将其指向您首选的后备 URL。

如果希望英语主页作为后备页面,英语页面上的标签如下所示:

<link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
<link rel="alternate" href="https://www.domain.com/" hreflang="en" />
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />

如何向您的 WordPress 网站添加 hreflang

您可以使用多语言插件轻松地将 hreflang 标签添加到您的 WordPress 网站。与手动添加相比,使用插件有几个好处:

  • 自动放置 – hreflang 标签会自动放入页面的 HTML 头部。无需打开源代码手动添加标签。
  • 自动组织 – 每当您创建和更新内容时,hreflang 标签都会自动创建和更新。

如果您正在寻找提供上述所有功能(甚至更多)的多语言插件,您可以使用 WPML,这是最受欢迎的多语言 WordPress 插件。

使用 WPML 自动向您的网站添加 hreflang 标签

使用 WPML,您无需担心 hreflang 标签。

当您添加新语言并翻译内容时,WPML 会自动在您的原始页面和翻译页面上插入并更新 hreflang 标签。

所有 WPML 套餐均包含针对您网站的自动 hreflang 管理功能。要了解有关我们套餐的更多信息,请访问定价页面

使用 WPML 添加区域定位(可选)

默认情况下,您在 WPML 中添加的语言不与国家/地区绑定。如果您想添加区域定位,则需要添加自定义语言。

自定义语言可让您使用自选的语言和国家/地区属性创建 hreflang 值。例如,如果您想定位法裔加拿大读者,您可以使用 hreflang="fr-ca" 创建自定义语言。

在自定义语言仪表板中向 hreflang 添加区域定位
在自定义语言仪表板中向 hreflang 添加区域定位

要添加自定义语言,请前往 WPML 语言,并在网站语言下,单击编辑语言链接。然后,单击底部的添加语言按钮。

有关设置自定义语言的更多信息,请阅读我们关于添加自定义语言的分步教程。

确保您的 hreflang 值有效

WPML 会尝试将 hreflang 值调整为正确的格式。但是,如果您使用了无效格式,它无法向您发出警告。为确保您的值正确,请遵循语言国家/地区代码标准。

作者:Amir · 最后更新时间:2025年1月7日