国际电商

Hreflang & Shopify:多语言商店终极指南

Hreflang & Shopify:多语言商店终极指南
更新于
2024 年 9 月 30 日
2025年12月15日

如果你拥有一个多语种网站,你肯定知道掌握 hreflang 标签的复杂性有多难。

这些小而强大的代码片段在确保您的内容以正确的语言传达给正确的受众方面发挥着关键作用--它们是有效的国际搜索引擎优化的基石!

然而,正确使用 hreflang 标签并不总是一件简单的事情。一不小心,很多陷阱就会让你的网站功亏一篑。

在本指南中,我们将深入探讨 hreflang 标签的世界,揭示其在多语言搜索引擎优化中的意义,教您如何在Shopify 上正确设置这些标签,并解决一些常见问题。

此外,我们还将向您展示Weglot 如何通过自动化流程简化您的 Shopify 网站上 hreflang 标签的实施。是的,这也适用于 Shopify Markets!

了解多语言 Shopify 商店的 Hreflang 标签

从搜索引擎优化的角度来看,hreflang 标签是指导您的多语言 Shopify商店取得成功的重要工具。这些简单的代码告诉搜索引擎您网站的不同语言版本和地理定位。有了这些信息,搜索引擎就能根据每个用户的语言偏好和地理位置,为他们提供最合适的版本。

Hreflang 标记是添加到网页标题部分的 HTML 代码片段,它们看起来像这样:

<link rel="alternate" href="http://example.com" hreflang="en-us" />

在此示例中, rel="alate " 向 Google 表明这是一个替代版本,而不是页面的重复版本。

当然,"http://example.com "是您放置页面链接的位置,它告知搜索引擎这是页面的位置。

最后,hreflang="en-us "属性告诉搜索引擎,该页面是面向美国用户的英文版本。

运行中的 hreflang 标记示例。
运行中的 hreflang 标记示例。

如您所料,hreflang 标签对国际 Shopify 商店尤为重要。

  • 它们可以帮助你避免重复内容问题,否则会损害你的搜索引擎优化。例如,如果您同时为美国和英国受众提供英文网页,搜索引擎可能会将此视为重复内容。
    • 不过,通过使用 hreflang 标签,您可以与搜索引擎沟通,让它们知道这些页面是不同的,它们针对的是不同的地区。
  • Hreflang 标签可以显著改善网站的用户体验。通过引导用户访问与他们的语言和位置相匹配的网站版本,您可以提高参与度,降低跳出率,并最终提高转化率。

如果您只有一家使用一种语言的商店,请记住,您的 Shopify 商店不需要 hreflang 标签。

尽管如此,hreflang 标签不仅可以解决潜在的搜索引擎优化问题,还可以最大限度地发挥您的多语言 Shopify 商店的潜力。

值得注意的是,谷歌已暗示将放弃使用 hreflang 标签,转而使用自动语言检测功能。

这意味着搜索引擎会将用户重定向到他们请求的页面的相应版本。虽然还没有最终确定,但最好还是掌握一下 hreflang,确保翻译后的电子商务商店获得最大的可见性。

在整理 Shopify hreflang 标签时,Canonicals也是一个重要的概念。这些 HTML 元素告诉搜索引擎在索引和显示搜索结果时应优先考虑页面的版本。

例如,它表示您的英文主页是面向英语受众的权威页面。这些元素将帮助您防止出现重复内容的问题,而您也可能因此受到惩罚。

通过了解和正确使用 hreflang 标签,您可以确保您的商店接触到正确的受众,提高其国际知名度,并促进全球销售额的增长。

Hreflang 在国际搜索引擎优化中的重要性

引导搜索引擎

Hreflang 标签是搜索引擎的路标,引导搜索引擎找到网页的正确语言版本。

通过指定页面的语言和地理定位,hreflang 标签使搜索引擎能够根据用户的语言和位置偏好,为其提供最相关的网站版本。

例如,如果法国用户搜索您的产品,搜索引擎在获得 hreflang 标签的信息后,就会显示您网站的法语版本。

如果没有 hreflang 标签,搜索引擎可能会显示英文版本,最终导致用户体验不佳,从而使您的销售额受损。

另一方面,自引用 hreflang 标签会告诉搜索引擎,当前页面的目标用户符合该页面的语言和地区定位。这样,搜索引擎就不会将西班牙语内容提供给讲德语的受众。

简而言之,它会发出明确的信号,告诉您应该索引哪些页面,并将其提供给使用特定语言或位于特定地区的用户。由此可见,它能为用户提供更好的浏览体验!

扩大影响力

由于 hreflang 标签能提高搜索结果的准确性,它们还能提高您的国际搜索能见度和排名。

当您的网站以正确的语言出现在正确的用户面前时,它就更有可能在搜索结果中排名靠前,吸引更多的有机流量,实现更高的参与率。最终,这也会对您的转换率产生积极影响。

同样,hreflang 标签可以使您的内容以多种语言访问,从而帮助您的企业获得更广泛的受众。

通过向正确的受众提供正确的内容,您可以确保您的信息与目标市场产生共鸣,无论他们身处何地或语言偏好如何。

如何在 Shopify 中使用 Hreflang 标签:分步指南

正确使用 hreflang 标记可能会让人望而生畏,尤其是如果您是国际搜索引擎优化领域的新手。

谷歌公司的约翰-穆勒(John Mueller)在推特上谈到了使用 hreflang 标签的复杂性--"我不知道如何使用 hreflang 标签。

"说实话,hreflang 是搜索引擎优化最复杂的方面之一(如果不是最复杂的话)。感觉就像元标签一样简单,但很快就会变得非常困难"。

虽然您当然可以手动实施 hreflang 标记,但这只适用于页面数量有限的小型网站,对于大型和更复杂的网站来说,很快就会力不从心。

手动实施需要在网站的每个页面上添加特定代码,这一过程既耗时又容易出错。

对于大型网站,可采用 Weglot这样的自动解决方案可能是更高效、更可靠的选择。Weglot 可自动将必要的 hreflang 标签添加到网页中,从而简化了流程,节省了时间并降低了出错的风险。

手动添加 Hreflang 标记

如果您决定手动实施 hreflang 标记,可以使用三种主要方法:

  1. 在页面的 HTML 标题中。
  2. 在 HTTP 标头中(适用于 PDF 等非 HTML 文件)。
  3. 在 XML 网站地图中。

在 Shopify 中,hreflang 属性通常放置在主题的标题元素中。根据页面不同语言或地区版本的数量,您可以根据需要添加尽可能多的 hreflang 属性。

以下是如何在 Shopify 主题中手动添加 hreflang 标记的分步指南:

  1. 在 Shopify 管理页面,导航至 "网上商店">"主题"
  2. 选择要编辑的主题。然后,从 "操作 "下的下拉菜单中选择 "编辑代码"。
  3. 在布局文件夹中,打开 `theme.liquid` 文件。
  4. 找到 `theme.liquid` 文件中的head部分。在此插入 hreflang 标记。
  5. 按以下格式插入 hreflang 标记:

<link rel="alternate" href="https://yourwebsite.com/page" hreflang="en-us" />

<link rel="alternate" href="https://yourwebsite.com/fr/page" hreflang="fr-fr" />

在您的Shopify商店中添加位置或语言标签snippet 代码snippet
在Shopify商店添加位置或语言snippet 代码snippet 。来源: Shopify
在系列和产品页面中添加 hreflang 标记的代码片段
在收藏和产品页面中添加 hreflang 标记的代码片段。来源:Shopify 来源:Shopify
  1. 切记用页面的 URL 替换 "https://yourwebsite.com/page",用正确的语言和地区代码替换 "en-us "或 "fr-fr"。
  2. 保存更改,就大功告成了!

使用Weglot自动添加 Hreflang 标记

对于那些寻求更精简、更自动化的 hreflang 标签实施方法的人,Weglot 可以帮你实现。

Weglot 是一个全面的网站翻译解决方案,可与包括 Shopify 在内的所有最流行的内容管理系统无缝集成。

这种多功能性使其成为企业在多语言数字空间运营的宝贵工具。

Weglot 的一些突出功能包括

  • 它能够自动检测和翻译内容: 一旦你设置了Weglot,它就会扫描你的网站,并将所有文本内容翻译成你所选择的语言。它还会为每个翻译版本的内容设置子目录或子域,为您的多语言网站提供清晰的结构。
    • 它还会为每个翻译版本的内容设置子目录或子域,为多语言网站提供清晰的结构。
  • 自动执行 hreflang 标签: Weglot 认识到这些标签在国际搜索引擎优化中的重要性,并为您处理这一过程--有效简化您的工作流程!它会自动为您的每个内容版本添加相应的 hreflang 标签,确保搜索引擎了解每个页面的语言和地区定位。
  • 减少出错的可能性: 通过自动化 hreflang 实现 使用Weglot,您将避免手动实施中常见的错误。
    • 您将避免格式不正确或缺少 hreflang 标记的风险,因为这可能会损害您的搜索引擎优化工作。
    • 因此,Weglot 可以帮助您的网站更快地接触到多语言受众。

要了解有关使用Weglot 设置 hreflang 标记的更多信息,请务必查看我们的视频教程:

‍“

使用 Hreflang 标签应对挑战和克服常见错误

实施 hreflang 标签好处多多,但这一过程也并非没有挑战。

以下是在网站上添加 hreflang 标签时可能遇到的一些最常见的障碍,以及如何克服这些障碍的建议。

  • 使用不正确的语言代码:最常见的错误之一是使用不正确或非标准的语言或国家代码。hreflang 属性需要特定的 ISO 语言和国家代码才能正常运行。使用不正确的代码会混淆搜索引擎,导致无法向用户正确提供网页。为避免这一问题,请务必查看我们的 实施 hreflang 语言代码的完整指南 在开始之前。
    • 例如,英国的国家代码不是 "uk",而是 "Ukraine"!如果您的目标用户是英国的英语用户,那么您要寻找的 hreflang 标签就是 "en-gb"。
  • "您的网站没有 hreflang 标记 "错误另一个常见错误是收到Google Search Console的"您的网站没有hreflang标签"提示,即使您已实施这些标签。幸运的是Weglot 此问题的工具——我们已为您准备好 便捷的分步教程 它将指导您完成整个过程,并确保搜索引擎识别您的标签。
    • 幸运的是,Weglot 为您提供了解决这一错误所需的工具,我们还为您准备了方便的分步教程,指导您完成整个过程,确保搜索引擎能识别您的标签。

今天就利用 Hreflang 标签的力量

Hreflang 标签可帮助搜索引擎根据用户的语言和位置向其提供适当版本的内容,从而确保更友好的用户体验和更好的搜索引擎优化性能。

然而,标签的实施可能会很复杂、很耗时,如果操作不当,甚至会导致搜索引擎优化问题和不理想的用户体验。

幸运的是,Weglot 可以帮您解决这个问题。

Weglot 可自动检测和翻译您的内容,为您的多语言网站建立清晰的结构,并为您实施 hreflang 标签,从而简化了这一过程。 您不必担心实施 hreflang 的技术问题,而可以专注于创建吸引人的内容和发展业务。

Weglot 的自动翻译和搜索引擎优化功能使其成为任何希望瞄准国际市场的 Shopify 店主的宝贵工具。

因此,如果您已准备好让自己的 Shopify 商店更上一层楼,并接触到全球受众,那么您一定想亲自体验一下Weglot的 14 天免费试用版

立即开始免费试用,体验自动执行 hreflang 和多语言搜索引擎优化的优势,无论您的客户身在何处,都能放心地为他们提供无缝的用户体验!

方向图标
探索 Weglot

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

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

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

准备好开始了吗?

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

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

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

你可能也会喜欢这些文章

常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头