Open Graph 是什么？

核心解释

Open Graph 元数据最初由 Facebook 推广，目前被大量社交与即时通信平台用于生成链接预览。

Open Graph 是什么

Open Graph 是放在 HTML head 中的一组元数据，用于描述网页作为社交对象时的标题、类型、图片、地址和说明。Facebook 推广了这套协议，许多社交平台、聊天工具和协作软件也会参考这些字段生成链接预览。

基础字段通常包括 og:title、og:type、og:image 和 og:url，网站还可以补充 og:description、站点名称、图片尺寸、语言区域和多张候选图片。字段应与用户打开后看到的页面保持一致。

不同平台如何生成链接预览

• 平台抓取目标 URL 后读取 Open Graph、Twitter Card、页面标题、描述和可见图片，并按自身规则选择可用字段。
• X、Facebook、LinkedIn、Discord 与 Slack 可能采用不同的图片裁切、文字长度和缓存周期，因此同一组信息的最终卡片不一定完全相同。
• 缺少平台专用字段时，有些平台会回退到 Open Graph；Open Graph 也不完整时，可能从正文和图片中自动选择内容。
• 平台通常缓存预览。页面修改后，旧卡片可能继续存在一段时间，也可能需要通过官方调试工具请求重新抓取。

一张合格的分享卡片包含什么

标题应清楚说明页面主题，描述用于补充价值信息，图片负责建立视觉识别。图片需要在常见宽屏比例下仍能看清主体，并为不同裁切保留安全区域；小字号文字不宜承担关键信息。

og:url 通常应指向规范页面，og:image 应使用可公开访问的绝对地址。提供图片宽高和 MIME 类型有助于平台更稳定地生成预览。

Open Graph 与 SEO 的关系

Open Graph 主要服务社交分享，不是网页排名标签。它可以改善链接在社交场景中的展示一致性，并可能通过更清晰的预览影响用户是否点击。

搜索结果标题、摘要和富媒体展示有各自的信号体系，因此应分别维护 title、meta description、canonical、结构化数据与 Open Graph，而不是让一套字段承担全部用途。

实际应用与信息解读

能够取得的 og:title、og:description、og:image 和 og:url 可以直接展示，并按平台切换预览布局。字段存在并不保证平台最终采用，预览效果仍可能受到缓存、图片可访问性和平台规则影响。

当页面响应成功但相关字段为空时，可以表述为暂未发现 Open Graph；页面内容或元数据未能完整取得时，则应显示未知。

重点关注

完整且与页面一致的分享信息通常能带来更可控的品牌展示和点击体验。

常见问题

Open Graph 会提高搜索排名吗？

它不是直接的排名标签，主要用于社交链接预览。更清晰的分享展示可能改善用户点击体验，但自然搜索仍取决于搜索引擎自己的索引与排序信号。

为什么修改 og:image 后平台仍显示旧图？

社交平台通常会缓存链接预览。确认新图片可公开访问、地址与尺寸正确后，可使用平台官方调试工具请求重新抓取，缓存更新仍可能需要时间。

Twitter Card 与 Open Graph 都需要配置吗？

同时配置能更精确控制不同平台。只配置 Open Graph 时，部分平台可能回退使用这些字段，但卡片类型和最终布局可能存在差异。