网站翻译

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

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

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

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

因此,您需要将内容翻译成目标市场的不同语言。但是,为了确保您的网站向正确的受众显示正确的语言内容,您还必须添加称为"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 是一款无需编码的人工智能网站翻译插件,可与您的WordPress网站集成,将网站内容翻译成几乎任何语言。

利用 DeepL 和 Yandex Translate 等先进的机器语言技术,Weglot 可快速、准确地翻译内容。然后,您可以聘请专业翻译人员或在Weglot 控制面板上进行手动修改,将翻译内容调整到完美状态。

这还不是全部:Weglot 还能毫不费力地为网站上的每个网页添加 hreflang 标签。这大大节省了时间,让您可以专注于核心业务。

要开始使用Weglot,请在此处注册一个免费 Weglot 账户,然后启动一个新的翻译项目。复制您的Weglot 账户 API(您可以在Weglot 项目的设置页面找到它)并将其保存在安全的地方--您很快就会用到它!

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

添加 Weglot 插件

将您的Weglot 账户 API 粘贴到设置页面。现在,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 并非指代英国英语使用者,而是指代乌克兰英语使用者。如前所述,请使用正确的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 SEOSlim SEO可帮助搜索引擎更好地索引和排名您的内容。

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

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

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

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

凭借其自动化实施hreflang标签的能力以及提供高质量内容机器翻译Weglot 网站管理员将WordPress网站推向全球舞台的理想AI翻译解决方案。它支持超过110种语言,包括西班牙语、德语、阿拉伯语、僧伽罗语、南非荷兰语等。

注册免费试用版,体验Weglot

方向图标
探索 Weglot

 110,000 多个品牌都在用 Weglot 翻译自己的网站,赶紧加入吧!

用AI即时翻译你的网站,再通过人工编辑进行优化,几分钟内就能上线。

这篇文章里,我们会聊聊:
火箭图标

准备好开始了吗?

要了解Weglot 强大功能,最好的方式Weglot 亲自体验。免费试用,无需任何承诺。

要Weglot 强大功能Weglot 最好的方式Weglot 亲自体验。立即免费试用,无需任何承诺。

若您尚未准备好连接自己的网站,控制面板中已提供演示网站。

你可能也会喜欢这些文章

常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头