对于针对多个国家或语言的网站来说,Hreflang 非常重要。这会告诉搜索引擎您在特定页面上使用了什么语言,从而允许搜索引擎向使用该语言搜索的用户显示这些结果。
Canonical 标签和 Hreflang 标签之间的区别
处理重复内容的一种方法是使用规范标签。
图片来源:DigitalGarg
规范化通常被称为rel=canonical,用于向搜索引擎指示 URL 的更主要版本。这是为了防止搜索引擎机器人决定应该抓取和索引哪个版本的重复内容。
hreflang 标签将根据语言或地区在搜索结果中显示网页的正确版本。
canonical 和 hreflang 标签之间的主要区别在于,canonical 具有预先确定的主导页面,而 hreflang 没有主导页面,而是根据搜索查询进行选择。
Hreflang 和 HTML Lang 属性之间的区别
HTML lang 标签是一种语言属性,您可以将其包含在 HTML 代码中以指定网站内容的语言。此标签会向用户代理(例如网络浏览器和屏幕阅读器)传达您的网页内容所使用的语言。
它在可访问性方面发挥着关键作用,因为它可以帮助用户代理提供适当的服务,例如为视障用户以正确的语言大声朗读文本。
虽然 hreflang 和 HTML lang 标签具有类似的功能(指示网页的语言),但两者之间存在明显差异。
hreflang 和 HTML lang 标签之间的主要区别在于它们的用途。
HTML lang 标签告诉用户代理当前文档的语言,而 hreflang 标签告诉用户代理(包括搜索引擎机器人)网页的语言和地理目标。
换句话说,hreflang 标签用于引导搜索引擎向用户提供正确语言版本的网站。
另一个主要区别是,HTML 语言标签用于 HTML 文档开头的 <html> 标签内,而 hreflang 标签则在 HTML 文档的 <head> 部分或 HTTP 标头中实现。
可能出现的一个常见问题是 hreflang 声明和 HTML 语言不匹配。
当 hreflang 注释和 URL 中指定的 HTML lang 属性不匹配时,就会出现这种情况。这种不匹配可能会引起搜索引擎的混乱,并可能影响您网站的 SEO 性能。
Hreflang 标签实现
在您的网站上正确实施 hreflang 标签可能有点棘手。以下是有关如何执行此操作的指南。
实现 hreflang 标签有三种不同的方法:
在 <head> 标签内添加链接元素
如果您有一个 HTML 页面,则 hreflang 标签放在 <head> 内,如下所示:
在 HTTP 标头中使用 Hreflang
对于非 HTML 页面(例如 PDF),请在 HTTP 标头中添加 hreflang 注释:
正如您在上面的示例中看到的,标签的 hreflang=“en”部分告诉 Google,列出的 URL 是该页面的英文版本,因此该特定 URL 将显示给在浏览器中将其主要语言设置为英语的用户以及位于英语国家/地区的用户。
如果他们有 hreflang=“fr”,Google 将显示法语的 URL。
对于我们来说,添加所有内容翻译版本的链接非常重要。此外,我们需要引用我们自己的 hreflang 标签。
具有四种不同语言版本(英语、德语、意大利语和瑞典语)的页面将如下所示:
如果我们想要更加具体并在我们的语言中添加区域变体,那么我们将在语言代码后添加国家代码。始终遵循此顺序并用连字符分隔非常重要。