从任意 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 图片标签。正确设置所有这些标签,可以确保在每个社交网络上都呈现一致、专业的预览效果。

使用方法
- 将你的页面 URL 粘贴到上方的 Open Graph 标签预览输入框中。
- 点击预览按钮,工具将抓取你的页面并从 HTML 中解析所有 OG 标签的值。
- 查看生成的卡片模拟效果和完整标签列表,找出缺失或错误的标签条目。
- 使用我们的 meta 标签生成器修复问题,然后重新运行 OG 图片检查器确认修改是否正确。
为什么选择
在上线前排查 OG 标签问题,可以避免页面被分享时出现错误图片或缺失预览的尴尬情况。社交平台会积极缓存 Open Graph 标签数据,因此用 OG 图片测试工具提前发现问题,能省去修复后等待数小时缓存刷新的时间。正确配置的 OG 标签还能提升点击率,确保你的链接在所有平台上始终显示正确的图片、标题和描述。