验证 Open Graph 标签

粘贴一段 HTML 代码(通常是 <head> 的内容),找出已有的 og:* 标签,并检查是否缺少任何必需标签。

示例:

工作原理

Open Graph 标签决定页面在 Facebook、LinkedIn,或 Slack、WhatsApp 等即时通讯工具的链接预览中的显示效果。没有这些标签,各平台只会显示通用或不完整的预览。此工具会分析一段 HTML 代码,并指出通常必不可少的四个标签:og:title、og:type、og:image 和 og:url。

为什么我在 Facebook 上分享的链接没有显示图片?

几乎总是因为缺少 og:image 标签,或它指向的 URL 无效。请先在这里确认该标签确实存在,然后直接在浏览器中测试图片的 URL。

还需要添加 Twitter Card 标签吗?

Twitter(X)可以回退使用 Open Graph 标签,但建议另外添加专用的 twitter:card、twitter:title 和 twitter:image 标签,以便更精细地控制在该平台上的预览效果。

100% 本地处理:您的 HTML 代码不会传输到任何服务器,所有分析都在您的浏览器中完成。