在全球化日益深入的今天，许多企业和内容运营者都需要为不同语言或地区的用户提供定制化的内容。为了确保这些多语言版本能够被搜索引擎正确识别并展示给目标用户，hreflang 标签的正确设置显得尤为重要。对于使用 AnQiCMS 搭建多语言站点的朋友来说，系统内置的 languages 标签正是解决这一问题的强大工具。

理解 hreflang 标签的重要性

在深入了解 AnQiCMS 如何帮助我们设置 hreflang 之前，我们先来回顾一下 hreflang 标签的作用。简单来说，hreflang 标签是一种告诉搜索引擎“这个页面有其他语言或地区版本”的信号。例如，如果你的网站有一个关于“产品介绍”的页面，它有中文、英文和日文三个版本，那么通过 hreflang，你可以告诉 Google 等搜索引擎：

  • example.com/zh/product 是中文版
  • example.com/en/product 是英文版
  • example.com/jp/product 是日文版

正确设置 hreflang 有几个显著的好处：

  1. 避免重复内容问题： 搜索引擎不会将不同语言版本的内容视为重复内容，从而影响排名。
  2. 提升用户体验： 搜索引擎能根据用户的语言偏好和地理位置，自动将他们引导到最适合的语言版本页面，减少跳出率。
  3. 优化国际SEO： 确保你的内容能精准触达全球不同市场的目标受众。

AnQiCMS 作为一款专为多站点管理和多语言推广设计的系统，自然将 hreflang 的实现考虑在内，并提供了简洁高效的解决方案。

AnQiCMS 如何简化多语言SEO：languages 标签登场

AnQiCMS 在设计之初就充分考虑了多语言内容管理的需求。它支持多语言内容的切换和显示，能够帮助运营者轻松拓展国际市场。在后台的“多站点管理”中，我们可以配置不同语言的站点，设定它们的语言包和对应的访问地址。这些配置为 hreflang 标签的生成提供了基础数据。

在 AnQiCMS 的模板系统中，languages 标签是专门用于获取所有已配置的多语言站点列表的。这个标签不接受任何参数，执行后会返回一个包含所有语言站点信息的数组对象。我们可以遍历这个数组，动态生成 hreflang 所需的 link 标签。

实战：在 AnQiCMS 模板中配置 hreflang 标签

hreflang 标签通常放置在 HTML 文档的 <head> 区块内。在 AnQiCMS 中，这意味着你需要在公共头部文件，通常是 base.html 或类似的模板文件中进行配置，以确保它能够作用于所有相关页面。

让我们来看看具体的模板代码示例：

{%- languages websites %}
{%- for item in websites %}
<link rel="alternate" href="{{item.Link}}" hreflang="{{item.Language}}">
{%- endfor %}
{%- endLanguages %}

这段代码的核心逻辑是：

  1. {%- languages websites %}：调用 languages 标签，将所有多语言站点的信息赋值给 websites 变量。其中的 websites 是一个数组对象。
  2. {%- for item in websites %}：遍历 websites 数组中的每一个 item，每个 item 代表一个语言站点。
  3. <link rel="alternate" href="{{item.Link}}" hreflang="{{item.Language}}">：这是生成 hreflang 标签的关键。
    • rel="alternate"：表示这是一个备用版本。
    • href="{{item.Link}}"：item.Link 会动态输出当前页面在对应语言站点中的完整链接地址。AnQiCMS 智能地处理了这一部分，确保链接指向正确的语言版本页面。
    • hreflang="{{item.Language}}"：item.Language 会输出该站点的语言代码，例如 zh-cn（简体中文）、en-us（美式英文）或 de（德语）等。这些语言代码需要在 AnQiCMS 后台的语言包设置中进行正确配置。

通过上述代码，AnQiCMS 会自动为当前页面的所有已配置语言版本生成相应的 hreflang 标签。例如，如果你有一个中文页面 example.com/zh/page1，并且配置了英文站点 example.com/en/page1，那么在 example.com/zh/page1 的 <head> 中就会出现指向 example.com/en/page1 的 hreflang 标签，反之亦然。

确保 hreflang 设置正确的一些考量

仅仅将代码添加到模板中还不够，为了让 hreflang 标签发挥最大效用，我们还需要注意几个关键点：

  1. 站点语言代码的准确性： item.Language 输出的语言代码必须符合 ISO 639-1 标准，如果需要包含地区信息，则需结合 ISO 3166-1 Alpha 2 国家代码（例如 en-gb 表示英式英语）。在 AnQiCMS 后台的“全局功能设置”中，务必正确选择“默认语言包”。
  2. 所有语言版本页面均需包含 hreflang： 每个存在多语言版本的页面，都应该包含指向其自身以及所有其他语言版本的 hreflang 标签。AnQiCMS 的 languages 标签正是为此设计，它会遍历所有语言站点。
  3. 双向引用： 如果页面 A 指向页面 B，那么页面 B 也必须指向页面 A。这种双向引用是 hreflang 正确生效的基石，确保搜索引擎能完全理解你的多语言结构。
  4. x-default 标签的运用（可选但推荐）： 虽然 AnQiCMS 的 languages 标签主要用于生成特定语言版本的链接，但为了提供一个“默认”或“回退”版本，你可以考虑额外添加一个 x-default 标签。这个标签告诉搜索引擎，当用户的语言或地区不匹配任何指定版本时，应该显示哪个页面。例如，你可以将主站点的 URL 设置为 x-default： 
    
<link rel="alternate" href="{% system with name="BaseUrl" %}" hreflang="x-default">
    这里的 {% system with name="BaseUrl" %} 用于获取当前站点的基础URL。
  5. 内容一致性： 确保不同语言版本的内容是其对应语言的准确翻译，而不是机器翻译或低质量内容。高质量的多语言内容是 hreflang 成功的根本。
  6. 测试与验证： 在配置完成后，务必使用 Google Search Console 等工具进行验证，检查 hreflang 标签是否被正确识别且没有错误。

通过充分利用 AnQiCMS 的多语言支持功能和 languages 标签，