什么是 Open Graph 标签?
Open Graph(OG)标签是一种 HTML meta 标签,用于控制页面在 Facebook、LinkedIn 和 X (Twitter) 等社交平台上分享时的显示效果。它们定义了预览中显示的标题、描述、图片和来源 URL。
这个工具到底能做什么?
OG Preview 会实时预览页面在 Facebook、X (Twitter) 和 LinkedIn 上的显示效果。它提供两种模式:
- 手动输入(默认):输入 URL/域名、标题、描述和图片 URL。三个预览会随着你的输入即时更新。
- 抓取 URL(Beta):粘贴一个公开的页面 URL,工具会尝试通过公共 CORS 代理读取其现有的 OG/Twitter 标签,然后渲染预览以及一份表格,列出已找到的标签和缺失的关键标签。
一切都在你的浏览器中运行。该工具不会生成可下载的代码文件,不托管或缩放图片,也不会在服务器上保存任何内容。
每个页面都需要 OG 标签吗?
理想情况下是的 —— 每个页面都应有自己的标题、描述和图片,这样每一个分享出去的链接都能显得贴切,而不是退回到通用的站点预览。
OG 标签和 Twitter Card 有什么区别?
OG 标签是 Facebook、LinkedIn 等平台共用的通用标准。Twitter Card 是 X/Twitter 专用的 twitter: 标签。如果你没有设置 Twitter 标签,X 通常会回退到你的 OG 标签,因此许多网站会同时设置两者。
我应该使用多大的图片尺寸?
1200×630px(1.91:1 的比例)是适用于全部三个平台的稳妥选择。图片请使用绝对 https:// URL —— 社交爬虫无法解析相对路径。
为什么我的预览在真实平台上没有更新?
社交平台会大量缓存预览。更改标签后,使用官方调试工具强制刷新:Facebook Sharing Debugger、Twitter Card Validator 和 LinkedIn Post Inspector。
这个工具会存储我的数据吗?
不会。所有处理都在你的浏览器本地进行。在抓取 URL 模式下,请求会通过第三方 CORS 代理来获取页面,但本工具不会存储其内容。
为什么抓取 URL 有时会失败?
它依赖于公共 CORS 代理,而许多网站会屏蔽这些代理或不返回可用的 HTML。这正是它被标注为 Beta 的原因 —— 如果失败,请切换到手动输入。