• 网站

国际化

简介

如何使用 AMP 支持 hreflang 和国际化。内容的国际化和本地化是网站经常采用的一项重要功能，旨在最大限度地扩大其内容或服务的覆盖范围。

对于静态网站，解决此问题的常用站点结构技术称为“hreflang”。Hreflang 是网站元数据的一部分，用于注释页面，以便抓取工具可以发现特定文章的替代翻译。诸如 Google 之类的搜索引擎可以识别使用 hreflang 的网站。hreflang 注释与 link 标签一起使用以引用另一个文档

<link rel="alternate" hreflang="fr" href="https://www.example.com/path/to/french.html" />

AMP 文档还可以使用 hreflang 注释来将抓取工具指向其他语言的其他版本。

但是，正确设置所有 AMP 文档之间的 hreflang 关系非常重要，尤其是规范文档和 AMP 文档之间现有的元数据关系。以下是网站如何为一篇文章构建规范文档和 AMP 文档的 hreflang 关系的两个示例。

示例 1：规范网址 + AMP

一种常见的站点结构模式是将非 AMP 规范文档与 AMP 文档配对。下图说明了如何为此结构提供翻译

在此图中，有一个英文规范桌面文档和一个对应的 AMP 文档。根据 AMP 项目官方关于发现和分发的文档，英文 AMP 文档必须包含指向规范文档的 link 标签。同样，规范文档包含指向 AMP 文档的对应 link 标签。

此外，此图还包括规范文档和 AMP 文档的法语翻译。因此，文档必须包含带有 hreflang 属性的 link 标签，以连接规范文档和 AMP 文档的各种替代语言版本。适用以下规则：* 每个规范文档都必须有一个带有 rel=amphtml 的 link 标签，指向其匹配的同语言 AMP 文档。* 每个 AMP 文档都必须有一个带有 rel=canonical 的 link 标签，指向其匹配的同语言规范桌面文档。* 每个规范文档都必须有一个带有 rel=alternate 和 hreflang 属性的 link 标签，用于规范文档的每个替代语言版本。* 每个 AMP 文档都必须有一个带有 rel=alternate 和 hreflang 属性的 link 标签，用于 AMP 文档的每个替代语言版本。

因此，给定一篇包含 X 个语言版本（包括英语）的文章，每个规范文档将包含：* 1 个带有 rel=amphtml 的 link 标签 * 以及 X 个带有 rel=alternate 和 hreflang 属性的 link 标签

查看示例

示例 2：规范网址 + 替代网址 + AMP

下一个示例是第一个示例的扩展版本。此示例包括任何给定语言的任何给定文档的 3 个版本：* 规范桌面文档 * 替代移动站点文档 * AMP 文档

下图说明了如何为此结构提供翻译

前一个示例中的相同规则适用于此示例，并添加了以下规则：* 每个规范文档都必须有一个带有 rel=alternate 且没有 hreflang 属性的 link 标签，指向其匹配的同语言替代移动文档。* 每个替代移动文档都必须有一个带有 rel=canonical 的 link 标签，指向其匹配的同语言规范桌面文档。* 每个替代移动文档都必须有一个带有 rel=alternate 和 hreflang 属性的 link 标签，用于替代移动文档的每个替代语言版本。

查看示例

• 作者： @tcmg