多语言 WordPress 的 OG 与 Twitter Card 配置：分享卡片语言与图片适配

引言：分享卡片决定了社交流量的第一印象

社交平台（Facebook、X、LinkedIn、微信）抓取的 og: 与 twitter: 标签，是用户决定是否点击的唯一预览。多语言站若卡片语言/图片错配，辛苦写的本地化内容在传播环节就废了。

原理分析：og:locale 与卡片字段

og:locale 告诉爬虫语言区域（如 fr_FR、zh_CN），错误会导致预览排版异常。Twitter Card 有 summary、summary_large_image 等类型，twitter:image 建议 1200×628。多语言下，每个字段都应随 ICL_LANGUAGE_CODE 变化，且图片需提供对应语言版本。SEO 插件通常在”社交”设置里分语言可编辑。

保姆级实操

1. 设 og:locale：在 Yoast”社交→Facebook”按语言填 locale，WPML 翻译时同步。
2. 大图卡片：文章类型选 summary_large_image，twitter:image 用 1200×628 本地化 banner。
3. 代码兜底：用 wp_head 输出 og:locale：

$loc = ['fr'=>'fr_FR','de'=>'de_DE','zh'=>'zh_CN'];
echo '<meta property="og:locale" content="'.($loc[ICL_LANGUAGE_CODE]??'en_US').'">';

4. Polylang：用 pll_current_language() 切换 twitter:title/description。
5. 清缓存：社交平台有抓取缓存，改完用 Debugger”抓取新信息”。

常见踩坑

• 案例：某站 og:locale 全站写 en_US，LinkedIn 把法文标题当英文排版，重音字符乱码。
• 分享图非 1200×628，X 显示为小图，曝光差。
• 缓存插件缓存了首个语言卡片，切换语言不变。
• Twitter Card 类型选错，大图不显示。

总结

OG/Twitter Card 逐语言配置 = locale 正确 + 大图 + 缓存按语言。两项（多语言站点社交媒体分享卡片 与本文）共同构成社交本地化闭环，上线前必验。