weglot 2.0
网站翻译

如何在 WordPress 网站上添加 Hreflang 标签:完整指南

如何在 WordPress 网站上添加 Hreflang 标签:完整指南
Merve Alsan
作者
Merve Alsan
Elizabeth Pokorny
审阅人
Elizabeth Pokorny
更新于
2024年6月3日
2026年10月1日

想拥有来自世界各地的在线客户?那么您的网站就需要使用他们的语言。

毕竟,虽然英语是全球使用人数最多的语言之一,但这并不意味着每个人都会说英语。即使您的访客能看懂您网站的英文版本,他们可能更精通另一种语言。如果您正在寻求他们的业务,那么您就必须适应他们的语言偏好,而不是相反。

因此,您需要将内容翻译成目标市场的不同语言。但是,为了确保您的网站向正确的受众显示正确的语言内容,您还必须添加称为"hreflang 标签标签 "的代码。

如果您的网站使用的是 WordPress,请注意它并不是为多语言网站操作而设计的。因此,在 WordPress 中找不到名为 "添加 Hreflang 标签 "或类似的内置设置。

不过不用担心,因为在 WordPress 网站上添加 hreflang 标签有多种选择。让我们开始吧:

  • 什么是 hreflang 标记?
  • 它们对面向不同国家访问者的国际网站的重要性,以及
  • 如何将它们添加到您的 WordPress 网站。

我们还将介绍一些最佳实践,以运营一个多语言网站,提供卓越的用户体验并促进销售。

什么是 Hreflang 标签?

Hreflang 标签或hreflang 标签属性是 HTML 代码属性,用于表示网页的语言和创建网页的地理区域。比方说,我们有一个网址为 "https://www.example.com/gb "的主页,其中包含 hreflang 标签:

<link rel=“alternate” hreflang=“en-gb” href=“https://www.example.com/gb/” />

在这里,hreflang 标记表示主页 "https://www.example.com/gb/":

  • 在英语中,使用 ISO-639-1 语言代码 "en",并且是
  • 为来自英国地区的访问者创建,采用 ISO 3166-1 alpha-2 地区代码 "gb"。

网页可以同时包含多个 hreflang 标记--事实上,如果你有多个网页变体,以不同语言和地区设置的访问者为目标,就需要包含多个 hreflang 标记。

搜索引擎使用 hreflang 标签来决定向搜索者提供哪种语言和地区版本的网页。事实上,谷歌官方建议将 hreflang 标签作为本地化流程的一部分。根据上面的例子,如果来自法国的搜索者将法语作为语言设置,那么搜索引擎将搜索者导向 "https://www.example.com/gb/"网页是不合适的。

相反,搜索引擎可能会尝试将搜索者引导到具有 "rel="alate" hreflang="fr-fr"'hreflang属性的同一网页的替代版本(假设该网页存在)。

另外,您是否试过在访问一个全球".com "版本的网页时,却发现自己被自动重定向到了该网页的特定国家版本?如果没有,请尝试访问"https://nike.com/",观察浏览器在处理您的请求时该 URL 是否会发生变化。

简而言之,hreflang 标签的目的是帮助网站访问者访问专门针对其本地环境调整的网页内容。

{{ebook-banner}}

何时需要添加hreflang标签?

并非每个网站都需要 hreflang 标签。但是,如果您的网站:

  • 提供多种语言版本,
  • 包含针对特定地区的内容,
  • 面向使用同一语言方言的受众群体(例如巴西葡萄牙语与葡萄牙语,或澳大利亚英语与加拿大英语)

您绝对需要使用hreflang标签来提升在搜索引擎中的可见度。

简而言之,如果您的网站存在针对不同受众的多版本页面,hreflang 标签就必不可少。

为什么 Hreflang 标签对多语言网站很重要?

本质上,hreflang 标签向搜索引擎告知网页的目标语言和区域设置,因此对于面向国际受众的网站而言至关重要。这是因为 hreflang 标签有助于:

1.优化网站的全球搜索引擎排名

搜索引擎希望在内容和语言方面为搜索者提供最相关的结果。通过使用 hreflang 标签,可以帮助搜索引擎了解哪个版本的网页与特定语言和地区设置的搜索者最相关。因此,搜索引擎可能会在这些搜索者的搜索引擎结果页面中将该网页变体排在更靠前的位置。

例如,如果搜索引擎检测到您的网页包含 hreflang 属性 "rel="alate" hreflang="en-us"",那么它就会知道您的网页是为美国的英语用户设计的。因此,它可能会将该网页在美国英语搜索者的搜索结果中排名靠前--这正是您追求全球搜索引擎优化(SEO)战略所希望的。

此外,搜索引擎会尽力为搜索者提供独一无二的内容。因此,当您使用 hreflang 标签时,您就在向搜索引擎发出信号,表明某些网页不应被视为重复内容,尽管它们的内容可能非常相似。这样,搜索引擎就会知道它们应该对所有这些高度相似的网页进行排名,而不是只选择一个版本的网页进行排名。

2.改善用户体验

按照搜索引擎提供独特和相关内容的方式,hreflang 标签有助于将网站访问者引导到专为他们创建的网页语言版本。这就为您提供了制作网页的机会,使您能够提供真正的本地用户体验--从参考当地天气到纳入特定地点的图片,甚至包括其他地方不使用的独特俚语。

这样做之后,您就可以在网站访客和您的品牌之间建立一种联系感。您甚至还可以建立良好的商誉,鼓励访客在您这里消费!

3.降低网站跳出率

"跳出率 "是指访问者只浏览了一个页面就离开网站的百分比。理想情况下,您应该尽量降低跳出率。

如前所述,hreflang 标签有助于引导网站访问者浏览与他们相关的内容。如果这能让访客在他们最初登陆的网页上获得良好的用户体验,那么他们可能会继续浏览网站上的其他页面。这对降低跳出率是个好消息。

较低的跳出率也可以转化为更实际的业务成果,如增加课程注册和订单量。

如何在 WordPress 网站上实施 Hreflang 标签

既然我们已经了解了 hreflang 标签的重要性,那么如何才能在 WordPress 网站上真正实现它们呢?这里有两种解决方案:

1. 使用一款对搜索引擎友好的WordPress插件

WordPress 插件是您的救星,它可以帮助您扩展网站的功能,而且几乎不需要编码。实施 hreflang 标签也是如此--具有 hreflang 功能的 WordPress 解决方案可以自动为您的所有网页添加 hreflang 标签。 

Weglot 主页

Weglot 是一款无需编码的AI网站翻译插件,可与您的WordPress网站集成,将网站内容翻译成几乎任何语言。

Weglot 2.0 基于您所熟悉的“Weglot ”构建而成。其 AI 翻译模型将领先的 AI 模型与您的品牌语调和翻译指南相结合,并结合页面上下文,因此您从一开始就能获得准确且值得信赖的 AI 翻译。随后,您可以在Visual Editor 中结合上下文对翻译内容进行审阅和编辑;此外,“Image Translation”功能还可让您翻译图片中的文本,或者直接从Weglot 仪表盘邀请团队成员协助。

不仅如此:Weglot 还会自动为您在网站的每个网页中添加 hreflang 标签,并生成翻译后的元数据和特定语言的 URL,确保每页翻译内容都能被搜索引擎收录。这大大节省了时间,让您能够将精力集中在核心业务上。

要开始使用Weglot ,请在此处注册一个免费的Weglot 账户,并创建您的项目,选择源语言以及您希望网站翻译成的目标语言。复制您的Weglot API 密钥(您可以在Weglot 项目的设置页面中找到它),并将其保存在安全的地方:您稍后会用到它!

然后,搜索并在 WordPress 网站上安装Weglot 插件:

Weglot WordPress 管理后台“添加插件”页面中的插件卡片,带有“立即安装”按钮

将您的Weglot API密钥粘贴到插件的设置页面中。现在,Weglot 已全部配置完毕,可以开始使用了。

您的源语言以及在设置项目时选择的语言均来自您的Weglot 仪表盘,您可随时在此添加更多语言。插件连接成功后,Weglot 将根据您设置的品牌语调和翻译指南对内容进行翻译,并在您的网页中添加 hreflang 标签。

在Weglot 工作的同时,您还可以完成其他工作,使您的网站成为多语种网站。如果您在这方面需要帮助,请查看我们的WordPress 多语言网站最佳实践指南。

2.在 WordPress 网站上手动添加 Hreflang 标签

此外,如果您不希望使用第三方插件来自动为您的 WordPress 网站添加 hreflang 标签,那么还可以采用更依赖手动操作的方法。不过,在手动添加 hreflang 标签时,您需要格外小心,因为:

  • hreflang 标记包含许多活动部件:从使用正确的语言和地区代码到以正确的格式构建 hreflang 标记,您需要确保正确编写 hreflang 标记,使其发挥作用。
  • 对于包含许多页面变体的大型网站来说,手动实施变得尤为复杂:网页越多,翻译成的语言越多,需要创建和添加到网站上的 hreflang 标签就越多。这就给人为错误留下了更大的空间--一个小小的疏忽就可能导致您的 hreflang 标记无法按预期运行。

因此,只建议那些有时间和耐心排除出现的 hreflang 错误的严肃编码员手动实施 hreflang。如果你符合条件,那么你可以通过以下方式之一手动添加 hreflang 标记:

a) 通过 HTTP 标头

Head over to the <head> section – pun not intended – of one of your web pages, then add all the hreflang tags you need there. Rinse and repeat for every web page (or page variant, to be precise) on your website. Be sure to provide the correct language and region codes, and alternate page URLs, in your hreflang tags.

虽然这种方法在理论上听起来很简单,但要在所有网页上手动添加多个 hreflang 标记会变得相当繁琐。不仅如此,如果你的网页最终包含几十个 hreflang 标签,你的网页加载速度可能会受到影响。您的搜索引擎优化可能会因此受到影响,因为在其他条件相同的情况下,搜索引擎更倾向于对加载速度更快的网页进行排名。

b) 通过网站的 XML 网站地图

XML 网站地图是一个包含网站内容(页面、图片、视频等)信息的文件。搜索引擎会参考 XML 网站地图来了解网站上哪些内容更重要,从而在抓取时给予特别关注,进而编制索引并进行排名。

要在 XML 网站地图中添加 hreflang 标记,您需要使用如下代码:

在 XML 网站地图中添加 hreflang 标记可简化手动实施 hreflang 的过程。这是因为您基本上可以将所有 hreflang 标签集中放置在一个位置,而无需在多个页面上重复放置。因此,您可以省去不必要的页面代码,还可以缩短页面加载时间。当然,页面变量越多,XML hreflang 实现就越复杂。

无论采用何种方法手动添加hreflang标签,都需警惕后续可能出现的实施错误。若hreflang标签添加不正确,您可能会Google Search Console收到"您的网站没有hreflang标签"的错误提示。

虽然这是 DIY 实施过程中的常见问题,但确定和修复错误的确切原因可能需要一些时间。如果您遇到了这个问题,我们有一份单独的指南来解决 "您的网站没有 hreflang 标记 "的错误,您可能会发现它很有用。

为多语言 WordPress 网站添加 Hreflang 标签的最佳实践

在 WordPress 网站上添加 hreflang 标签并不是故事的结束。要制作一个为国际搜索引擎优化而精心打造的多语言网站,请遵循以下hreflang 最佳实践:

使用正确的代码

切勿自行猜测代码。例如,en-uk 并不代表英国的英语使用者:uk是乌克兰语的 ISO 639-1 代码,而非地区代码(乌克兰的地区代码是UA),因此 en-uk 不是有效的 hreflang 值,Google 会忽略它。 英国的正确代码是en-gb。如前所述,语言代码应使用正确的ISO 639-1格式,地区代码应使用ISO 3166-1 格式 。

添加 x-default 标签

若您自行设置hreflang标签,请务必包含x-default标签。该标签用于指定未明确定位语言的用户所访问的备用页面。

将所有语言版本相互关联

Hreflang 标签必须相互关联(或双向关联):每个语言版本的页面都应链接到其所有替代版本(以及自身)。如果您的英文页面引用了西班牙语页面,则西班牙语页面必须相应地引用英文页面。

在 WordPress 中验证 Hreflang 标签

如前所述,手动添加 hreflang 标记有许多移动部件和风险。即使你是一个经验丰富的编码员,也不能绝对排除人为错误。此外,您也很难知道自己是否实施了错误的标记--您必须手动检查每一个标记以及它们是否显示了正确的国家代码。  

因此,我们推荐使用免费的hreflang 标签检查器!只需复制粘贴您的 URL,选择您希望优化的搜索引擎,然后点击 "测试 URL "按钮即可。 

Weglot Hreflang 检查器

该工具将检查您的hreflang 标签是否正确实施,并显示详细信息,如备用语言 URL、是否可索引、当前状态以及是否有任何错误。在下面的示例中,你可以看到 hreflang 标记的实施是错误的!

选择精心设计的 WordPress 插件

使用信誉良好、功能强大的 WordPress 插件,提高多语言 WordPress 网站的性能和功能。这些插件包括

  • WooCommerce 如果你打算经营一家电子商务商店,或者
  • Yoast SEO或Slim SEO可帮助搜索引擎更好地索引和排名您的内容。

更重要的是,其中许多插件都可以免费使用!这是一个免费为您的网站增色的大好机会,因此,如果有必要,请毫不犹豫地将这些插件添加到您的多语言网站中。在您的网站上使用这些插件之前,请务必检查它们是否与您的 WordPress 主题兼容!

Hreflang 标签:多语言 WordPress 网站的重要组成部分

如果您正在制作 WordPress 多语种网站,那么您绝对不能忽略 hreflang 标签。在网站中添加这些标签,并正确添加,是确保多语种的关键:

  • 搜索引擎会在搜索结果中对网页的相应语言和地区变体进行排名、
  • 用户会被引导至与其语言和地区最相关的内容,而且
  • 最终,您将优化您的网站,实现最大的全球影响力和销售额。

Weglot 能够自动部署 hreflang 标签,并生成从初稿起就符合您品牌风格的 AI 翻译,对于希望将网站推向世界舞台的用户而言,它是 WordPress 的理想翻译插件。它支持 110 多种语言,包括西班牙语、德语、阿拉伯语、僧伽罗语和南非语。

立即开始Weglot 的14天免费试用。

方向图标
探索 Weglot


我们将让您的首选语言实时上线。您决定要走多远。立即Weglot 试用Weglot 。

这篇文章里,我们会聊聊:

本页面提供11种语言版本,包括Weglot

过去 90 天内,翻译页面带来的访问量为 0 次。

你可能也会喜欢这些文章

常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头