从任意 URL 预览 Open Graph 图片标签

粘贴 URL 查看 Open Graph 图片标签值,预览 Facebook/X 卡片。

什么是

Open Graph 图片标签预览工具会抓取你的线上 HTML,展示社交爬虫如何解读你的 og:title、og:description 和 og:image 等 meta 属性。每个 OG 标签告诉 Facebook、LinkedIn 和 X 等平台,当有人分享你的 URL 时应该展示哪个标题、描述和图片。爬虫从页面 <head> 中读取这些标签并生成预览卡片——如果某个 Open Graph 标签缺失或配置错误,预览可能会显示错误的图片、截断的标题,或者完全没有预览。Twitter Cards 以 twitter:image 为主要来源,但当缺少 Twitter 专属标签时会回退到 OG 图片标签,因此同时预览两者可以确保你的链接在所有平台上都正确显示。

Open Graph 标签详解

Open Graph 协议定义了多个控制链接预览的 meta 属性。og:url 标签指定页面的规范 URL,og:type 表示内容类型(如 website 或 article)。og:title 和 og:description 设置预览卡片中显示的标题和摘要文本。og:image 标签指向预览图片,而 og:image:width 和 og:image:height 告诉爬虫图片的尺寸,避免先下载文件才能获取尺寸信息。对于 Twitter,twitter:card 标签定义卡片样式(summary 或 summary_large_image),twitter:image 提供平台专属图片,优先级高于 OG 图片标签。正确设置所有这些标签,可以确保在每个社交网络上都呈现一致、专业的预览效果。

OG 预览工具流程:URL 抓取、解析和预览卡片

使用方法

  1. 将你的页面 URL 粘贴到上方的 Open Graph 标签预览输入框中。
  2. 点击预览按钮,工具将抓取你的页面并从 HTML 中解析所有 OG 标签的值。
  3. 查看生成的卡片模拟效果和完整标签列表,找出缺失或错误的标签条目。
  4. 使用我们的 meta 标签生成器修复问题,然后重新运行 OG 图片检查器确认修改是否正确。

为什么选择

在上线前排查 OG 标签问题,可以避免页面被分享时出现错误图片或缺失预览的尴尬情况。社交平台会积极缓存 Open Graph 标签数据,因此用 OG 图片测试工具提前发现问题,能省去修复后等待数小时缓存刷新的时间。正确配置的 OG 标签还能提升点击率,确保你的链接在所有平台上始终显示正确的图片、标题和描述。

常见问题