什么是 Hreflang 属性以及如何实现它们

阅读时间9分钟

目录

什么是赫夫朗?

Hreflang 是一个 HTML 属性,用于指定网页的语言和目标区域。它对于包含多种语言内容或迎合不同地理位置的网站非常有用。像 Google 这样的搜索引擎使用此属性来为用户提供最合适的页面版本。

假设您在美国搜索“semrush blog”。这是您看到的结果:

而如果您在西班牙,您会看到以下内容:

如果没有正确使用 hreflang 属性,这是不可能的。

Hreflang 标签是什么样的?

Hreflang 遵循一致且简单的结构。通常,它看起来像这样:

<link rel="alternate" href="url_of_page" hreflang="lang_code" />

这是语法(计算机语言)的含义:

  • link rel=“alternate”表示此标签中的链接是此页面的替代版本
  • href=“url_of_page”是您可以找到备用页面的地方
  • hreflang=“lang_code”是替代语言

注意:hreflang 标签是一个信号,而不是指令。GoogleYandex使用 hreflang 属性。百度和应没有。它们依赖于内容语言 HTML 属性

如何构建 Hreflang 标签

要创建 hreflang 标签,您需要首先找到所需的语言和国家/地区代码。然后填空。

Hreflang 支持两个字母的ISO 639-1 语言代码ISO 3166-1 alpha-2 国家和地区代码

(您并不总是需要国家或地区代码。但它可以派上用场。)

假设您的英语博客已翻译成西班牙语和葡萄牙语。文章的 hreflang 属性应如下所示:

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

每个网页上的 hreflang 属性应包含对所有作为备用 页面的引用。

包括对其自身的引用。Google 在其指南中建议使用自引用 hreflang 。

如果您的 hreflang 属性未引用所有相关的备用页面,搜索引擎可能会忽略或误解您的 hreflang 标记。

意思是:

上述英文文章代码片段中的参考链接应出现在您的西班牙语和葡萄牙语页面上。

但是,如果您的目标是另一个也讲葡萄牙语的国家/地区该怎么办?比如巴西。

(例如,如果您以不同的货币销售产品,您可能需要这样做。)

在这种情况下,您还需要添加国家/地区代码。

因此,看起来像这样,“pt”是葡萄牙的两个字母国家代码,“br”是巴西的国家代码:

葡萄牙语 葡萄牙语:

<link rel="alternate" href="https://example.com/pt/" hreflang="pt-pt" />

巴西葡萄牙语:

<link rel="alternate" href="https://example.com/br/" hreflang="pt-br" />

这里的语法有点不同。它是 hreflang=“语言国家”,而不仅仅是 hreflang=“语言”。

这就是您需要做的全部。

专业提示:设置默认标签也很重要。当没有其他本地化版本合适时,它们为用户指示后备页面。

X-default 标签不是强制性的,但建议使用。

要实现 x-default 标签,请添加注释并将“href”属性设置为您希望用户在您的网站不支持用户语言时登陆的 URL。

像这样(最后显示):

<link rel="alternate" href="https://example.com" hreflang="en-us" /><link rel="alternate" href="https://example.com/es/" hreflang="es-es" /><link rel="alternate" href="https://example.com/pt/" hreflang="pt-pt" /><link rel="alternate" href="https://example.com/pt/" hreflang="pt-br" /><link rel="alternate" href="https://example.com" hreflang="x-default" />

Hreflang 标签去哪里?

实现 hreflang 属性的方式有以下三种:

  1. 在页面的 HTML 头部
  2. 在 HTTP 标头中(对于 PDF 等非 HTML 文件)
  3. 在 XML 站点地图中

1. 在 HTML 中

指示备用页面的最基本方法是在页面的 HTML 代码中。

只需在页面的 <head> 部分添加所有相关的 hreflang 属性即可。

请记住,文章的每种语言版本都必须引用自身。以及所有其他语言版本。

每个元素的语法如下所示:

<link rel="alternate" href="url_of_page" hreflang="lang_code" />

这种方法唯一真正的问题是它可能很混乱且耗时。

例如,每次将文章翻译成另一种语言时,您都必须返回并在其所有版本中添加另一个 hreflang 标签。

注意:对于大量 hreflang 条目,您可能希望通过站点地图指示备用页面。我们稍后会介绍如何做到这一点。

要在 HTML 中创建或修改 hreflang 标签,请尝试使用 hreflang 工具。

对于此示例,我们将使用 Aleyda Solis 的hreflang 生成器工具

只需输入您正在处理的文章的每个版本的 URL、语言和国家/地区。

选择“要包含在 HTML 页面头部区域的标签”,然后单击“为这些 URL 生成 HREFLANG 标签”。

然后,复制代码并将其粘贴到每个页面的 <head> 标记中。

2. 在 HTTP 标头中

HTTP 标头非常适合为网站上的非 HTML 内容实现 hreflang 属性。

例如,像 PDF。

HTTP 标头代码在服务器和客户端之间传输数据。此代码包含有关请求日期、推荐人、首选语言等信息。

注意:您也可以对 HTML 内容使用此方法。但它会给服务器请求增加很多负担。因此,您最好仅在绝对必要时才使用它。

HTTP 中的标头格式如下所示:

Link: <url 1>; rel="alternate"; hreflang="language code 1", <url 2>; rel="alternate"; hreflang="language code 2", …

语法含义如下:

  • <url x>是与分配给 hreflang 属性的区域设置相关的备用页面的 URL。它必须包含周围的 < 和 > 标记。
  • 语言代码 x是该页面所针对的语言(或区域)代码

您必须为页面的每个版本(包括其本身)指定一组 <url>、rel=”alternate” 和 hreflang 值,并以逗号分隔。

假设您创建了一个具有三个版本的 PDF 文档:一个是英语版本,一个是西班牙语版本,一个是葡萄牙语版本。

您的 HTTP 标头应如下所示(对于每个文件):

Link: <https://example.com/doc.pdf>; rel="alternate"; hreflang="en", <https://example.com/es/doc.pdf>; rel="alternate"; hreflang="es", <https://example.com/pt/doc.pdf>; rel="alternate"; hreflang="pt" 

3. 关于 XML 站点地图

第三种 hreflang 实现方法是通过 XML站点地图

XML 站点地图是一个文件,它为搜索引擎提供有关站点页面的信息。

因此,这是让 Google 了解每个 URL 的所有语言和区域变体的好方法。

它还有一个主要好处:

XML 站点地图允许您在一处对 hreflang 属性进行任何更改。

使用 HTML 和 HTTP 标头 hreflang 方法,每次将博客或文档翻译成另一种语言时,您都必须进入并更新多个文件。它变得混乱。

首先,您需要为每个 URL 添加一个 <loc> 元素。为页面的每种语言和区域版本提供 <xhtml:link> 条目。

包括它自己。

意思是:

如果您的页面有三个版本,则您的站点地图将包含三个条目。每个 URL 一个。每个条目都会有三个相同的列表。

如果我们使用英语、西班牙语和葡萄牙语博客的原始示例运行,则此博客文章的站点地图部分将如下所示:

<url><loc>https://https://example.com</loc><xhtml:link rel="alternate" hreflang="en-us" href="https://https://example.com" /><xhtml:link rel="alternate" hreflang="es-es" href="https://example.com/es/" /><xhtml:link rel="alternate" hreflang="pt-br" href="https://example.com/pt/" /></url><url><loc>https://example.com/es/</loc><xhtml:link rel="alternate" hreflang="en-us" href="https://https://example.com" /><xhtml:link rel="alternate" hreflang="es-es" href="https://example.com/es/" /><xhtml:link rel="alternate" hreflang="pt-br" href="https://example.com/pt/" /></url><url><loc>https://example.com/pt/</loc><xhtml:link rel="alternate" hreflang="en-us" href="https://https://example.com" /><xhtml:link rel="alternate" hreflang="es-es" href="https://example.com/es/" /><xhtml:link rel="alternate" hreflang="pt-br" href="https://example.com/pt/" /></url></urlset>

您可以使用相同的hreflang 生成器工具在 XML 站点地图中创建或修改 hreflang 标记。

首先输入每个版本的 URL、语言和国家/地区。

然后选择“ XML 站点地图中的属性”并单击“为这些 URL 生成 HREFLANG 标签”。

然后,复制代码并将其添加到站点的 XML 站点地图中。

如何查找并修复 Hreflang 问题

您可以通过定期审核您的网站来查找并修复 hreflang 问题。

并使用 Semrush 的站点审核工具作为 hreflang 检查器。

首先输入您的域并创建一个项目。

该工具抓取您的网站后,前往“问题”选项卡。然后,在搜索栏中搜索“hreflang”。

像这样:

您将看到所有 hreflang 冲突的列表。包括问题的类型以及如何解决它。

作为参考,以下是最常见的 hreflang 问题以及如何解决这些问题:

Hreflang 值的问题

当国家或语言代码的格式不正确时,会触发此类警告。

解决这个问题很重要,因为搜索引擎可能会忽略代码不正确的 hreflang 标签。

如果他们忽略该标签,他们可能会向用户显示错误版本的页面。这对你的 SEO 不利。

通过检查每个受影响 URL 中的 hreflang 标签来修复此问题。

确保每个属性中的语法遵循正确的代码。两个字母的 ISO 639-1 表示语言,ISO 3166-1 alpha-2 表示国家和地区。

您始终可以使用 hreflang 生成器工具来验证或创建标签。

没有自引用 Hreflang

每个页面上的 hreflang 属性应包含对所有作为备用页面的引用。包括对其自身的引用。

如果 hreflang 属性不自引用,搜索引擎可能会忽略或误解它们。

通过检查每个受影响的 URL 并将自引用 hreflang 标记添加到 hreflang 属性集来修复此问题。

Hreflang 链接不正确的问题

当 hreflang 属性中的链接存在问题时,会触发此类警告。

例如,链接可能指向已损坏或已重定向的页面。

如果发生这种情况,搜索引擎可能会忽略您的 hreflang 属性。

通过检查每个受影响的 URL 并更改注释以确保其指向工作页面来修复此问题。

Hreflang 和 Rel=Canonical URL 冲突

当 hreflang 标记引用非规范 URL 时,会出现此类警告。

规范标签是一种 HTML 属性,当您有重复(或接近重复)的页面时,它指示页面的主要版本。它告诉搜索引擎哪个版本的页面最权威并且应该出现在搜索结果中。

那么,如果您的 hreflang 属性引用特定页面的非规范版本怎么办?

这两个标签相互矛盾:

  • hreflang 属性表示非规范页面应该出现在使用特定语言的用户的搜索结果中
  • 规范标签表示该页面的不同版本应该出现在搜索结果中

简而言之:它会让搜索引擎感到困惑。他们可能会忽略 hreflang、规范或两者。

通过访问每个受影响的 URL 并将 hreflang 注释更改为指向规范 URL 来修复此问题。

自动化您的 Hreflang 标签审核

在了解如何实施 hreflang 标签并修复相关问题后,可以通过自动化 hreflang 审核来更进一步。

这样,您就会在任何问题变得更大之前收到通知。

要自动执行 hreflang 审核,请在站点审核中设置定期报告。

在仪表板的右上角,单击齿轮“设置”符号。

然后,向下滚动并找到“时间表”。

然后您将看到一个弹出窗口,您可以在其中选择运行审核的频率。

将其设置为您喜欢的日期。然后,勾选“发送电子邮件”选项。

然后点击“保存”。

每次抓取后,新问题将显示在仪表板的“国际 SEO ”框中。所以,一定要定期检查。

现在,您可以修复出现的任何 hreflang 实施问题,并保持您的 SEO 工作顺利进行。

获取SEO所需的一切