免费 OG 检查器与
Open Graph 检查工具

什么是 Open Graph 标签，为什么重要？

Open Graph（OG）标签是放在页面以下位置的 HTML 元代码片段 <head> 区域。它们控制内容分享到 Twitter/X、LinkedIn、Slack、iMessage 和 Facebook 等社交平台时的显示方式。缺少它们，平台只能猜测，效果通常不佳。

每个页面需要的四个标签

• og:title — 链接预览中显示的标题（保持在 60 个字符以内）
• og:description — 辅助摘要（150–160 个字符较合适）
• og:image — 缩略图（1200×630px，JPEG 或 PNG）
• twitter:card — 设为 summary_large_image 以获得最佳 Twitter 布局

书签为什么丢失预览？

网站改版、更换 CMS 或更新代码时，OG 标签可能变化。六个月前带有漂亮预览的链接，如今可能显示空白图片，因为网站移除或重命名了 OG 图片路径。Savebase 这类工具可在保存时存档原始预览缩略图，让收藏长期保持一致的视觉效果。

此工具如何工作

检查器从服务器端获取目标 URL，绕过浏览器 CORS 限制，并读取 HTML 直到<head> 区域，并提取全部 OG、Twitter Card 和标准元标签。根据六项最重要标签的存在情况和质量，给出满分 100 的评分。

将其用作 OG 验证和调试工具

即使网页在浏览器中显示正常，社交预览仍可能失败。使用诊断找出缺失标签、空值、可能被截断的标题或描述、无法访问的图片，以及 Open Graph 与 Twitter Card 元数据不一致的问题。修复源 HTML 后重新检查网址；如果社交平台仍显示旧版本，再请求它刷新缓存预览。

Open Graph 检查工具使用场景

• 发布到 LinkedIn、Facebook、X 或 Slack 前，预览博客文章。
• 确认一个 og:image 可公开访问、尺寸正确，且关联到正确页面。
• 当各平台显示不同预览时，比较 Open Graph 标签和 Twitter Card 字段。
• 在 CMS 迁移、改版或域名变更后检查落地页。

OG 检查器检查什么？

输入任意公开 URL，检查其 og:title, og:description,og:image、规范网址、Twitter Card、网站图标，以及影响社交链接预览的其他元数据。诊断会指出缺失的字段，以及分享时可能被截断的标题或描述长度。

如何检查 Open Graph 图片？

将页面 URL 粘贴到上方，选择 检查。如果页面提供了一个og:image，检查器会在 X、Slack/iMessage 和 LinkedIn 的预览中显示它。如果缺少图片，请在网页的 Open Graph 元数据中添加一个可公开访问的 1200×630px 图片网址。

OG 检查器常见问题