网站与网络工具

Open Graph 检测

查看页面被分享时所使用的 Open Graph 和 Twitter Card 标签。

给这个工具评分

如何使用 Open Graph 检测

  1. 输入网址。
  2. 点击"检查"。
  3. 查看其 og: 和 twitter: 标签——标题、描述、图片等。

关于 Open Graph 检测

当一个链接在 Facebook、LinkedIn、WhatsApp、X 或 Slack 上被分享时,预览卡片——也就是显示出来的标题、描述和图片——来自页面中的 Open Graphog:)和 Twitter Cardtwitter:)Meta 标签。本工具会请求一个网址,并准确列出其中包含哪些标签及其内容,让你在发布前就能看到分享后会产生的预览效果。

分享链接有时不显示图片、标题错误或描述过时,原因往往就是标签缺失或有误。最关键的几个是 og:titleog:descriptionog:imageog:url;针对 X 平台,则是 twitter:cardtwitter:image。在这里检查比发一条测试链接再删除要快得多,而且可以同时并排查看两套标签体系。

本工具读取的是返回 HTML 中的标签;请注意社交平台会缓存这些标签,因此修改后你可能需要刷新平台的缓存,新的预览才会显示出来。若要同时查看标准 SEO 标签,请使用Meta 标签分析;若要创建一套正确的 Open Graph 标签,请使用Open Graph 生成器

常见问题

什么是 Open Graph 标签?

它们是以 og: 开头的 Meta 标签,用于告诉社交平台在你的链接被分享时应显示的标题、描述和图片。Twitter Card 标签对 X 平台起同样的作用。

为什么我分享的链接不显示图片?

通常是因为 og:image 缺失或无效,又或者平台缓存了旧版本。请在这里检查标签,修正后再刷新平台的缓存。

哪些标签最重要?

og:title、og:description、og:image 和 og:url,以及针对 X 平台的 twitter:card 和 twitter:image。本工具会显示每一项是否存在。

我需要同时设置 og: 和 twitter: 标签吗?

大多数平台会读取 Open Graph 并将其作为后备方案,所以单独使用 og: 标签通常也能奏效。添加 twitter: 标签则能让你更好地控制卡片在 X 上的展示效果。

为什么工具检测到了标签,但预览仍然不对?

平台会缓存预览结果。在确认这里的标签正确无误后,请使用对应平台自带的调试工具刷新缓存。