多语言 WordPress 的 AMP 与移动适配：移动页面如何保持语言一致

引言：手机打开却是另一种语言

AMP 页面由独立渲染管线生成，很多多语言插件在 AMP 下”失灵”，导致手机用户看到的语言和桌面不一样，hreflang 也缺失，Google 移动索引混乱。

原理分析：AMP 为何丢语言

AMP 由 amp 查询参数或 /amp/ 路径独立输出，WPML 的 ICL_LANGUAGE_CODE 在 AMP 模板中仍需手动传递。官方 AMP 插件（WordPress.org 的 AMP）支持 amp_pre_get_permalink 等钩子，但语言切换器需重新注册。Polylang 的 pll_current_language() 在 AMP 上下文中正常，但缓存层可能忽略。

保姆级实操

1. 启用官方 AMP 插件：在 WPML 下每个语言自动生成对应 AMP 链接，如 /fr/article/amp/。
2. 语言切换器：在 AMP 模板 header 区用 pll_the_languages() 输出切换链接，确保移动端也能换语言。
3. hreflang 注入：AMP 页 <head> 用 amp-link 或自定义 wp_head 输出 hreflang，参考：

<link rel="alternate" hreflang="fr" href="https://site.com/fr/article/amp/" />

4. 缓存例外：若用 WP Rocket，对 AMP 路径禁用语言缓存合并，避免串语言。
5. 校验：用 Google AMP 测试工具逐语言检测，确认无”语言不匹配”警告。

常见踩坑

• 案例：某站 AMP 缓存把所有语言合并成英文，法文手机用户 100% 落英文页，移动跳出率翻倍。
• 忘记给 AMP 页加 hreflang，Google 移动索引把法文页当英文页处理。
• 第三方 AMP 插件与 WPML 冲突，切换语言后 AMP 404。
• 移动适配（独立 m 域）未做语言映射，m 域只有英文。

总结

AMP 多语言 = 语言上下文传递 + hreflang 补全 + 缓存隔离。优先官方 AMP 插件并逐语言测试。移动体验也关乎 多语言站点Core Web Vitals，语言错乱会拖慢感知速度。