Open Graph meta标签应使用name属性还是property属性？

结论 #

两种写法目前都可正常使用，你可以根据自己的业务兼容需求选择：

• Open Graph 官方原生规范定义的写法是使用property属性，这也是绝大多数社交平台爬虫默认优先识别的写法。该属性不属于HTML原生标准属性，仅会在原生HTML规范校验时出现警告，不会影响任何实际功能运行。
• 苹果Safari 15及之后的系统级预览、共享功能优先识别name属性的OG标签，旧版本苹果生态服务仍兼容property属性写法。

最优兼容方案 #

如果需要同时覆盖所有场景，没有额外兼容负担的前提下更推荐同时声明两个属性，不会产生冲突：

<meta content="My Cool Title" property="og:title" name="og:title">

不同场景选择建议 #

• 仅需要兼容主流社交平台分享功能：直接使用property属性即可，符合OG原生规范，适配所有主流社交爬虫
• 追求100%通过原生HTML规范校验：选择name属性，目前绝大多数平台也已兼容该写法，仅极少数老旧爬虫可能无法识别
• 需要完美适配苹果全版本生态的预览、共享功能：选择上述同时声明两个属性的写法

内容的提问来源于stack exchange，提问作者DanMad