HTML | hreflang 属性

在 HTML 中，hreflang 属性用于指定链接的目标资源的语言和地理区域。

语法

<a href="url" hreflang="language_code">

其中，“language_code” 是 ISO 639-1 语言代码，可以使用两个字母或两个字母的语言代码。

示例

下面是一个使用hreflang属性的示例链接：

<a href="https://www.example.com/" hreflang="en">English site</a>

这表示该链接指向一个英语站点。

如何使用

hreflang 属性可用于任何链接元素（例如 <a>、<area> 和<link>）。

在使用 hreflang 属性的链接中，属性应始终与 href 属性结合使用。

使用 hreflang 属性有两种主要情况：

• 链接不是指向当前页面和当前站点的页面：
  • 你的网站可能需要链接到其他语言或本地化版本的页面， hreflang 属性可以指定针对目标区域和语言的正确链接。
  • 当链接指向外部站点时， hreflang 尤其有用，因为您几乎无法控制外部站点如何翻译内容。
• 链接指向当前页面或当前站点的页面：
  • 您可能希望在您的网站上提供多语言支持。在这种情况下， hreflang 属性可以帮助您标识同一页面的不同语言版本。

注意事项

以下是一些注意事项：

• hreflang 属性不应仅用作 SEO 或搜索引擎优化目的。它应该是您正在推广页面本身的语言和区域的一个标识符。
• 当使用多语言网站时，使用 hreflang 属性时需要非常小心。确保您添加了 针对目标国家或语言的正确语言和地理区域标识符。
• 也许你会问，为什么不用 lang 属性？因为 lang 属性用于标识标记语言的语言，而 hreflang 属性用于标识目标资源的实际语言。

结论

使用 hreflang 属性可以帮助确保用户看到他们需要的语言和地理位置的版本。无论您是网站开发者还是 SEO 专家，都应该了解和使用 hreflang 属性。