Open Graph 检查工具
粘贴一个链接,查看它在 X、LinkedIn、Facebook、Slack 和聊天应用中显示的图片、标题和描述,以及需要修复的地方。
OG 图片检查与链接预览测试
OG 图片检查器按服务器返回的原样加载你的页面,读取 head 中的 Open Graph 和 X 卡片标签并获取分享图,再据此画出 X、LinkedIn、Facebook、Slack、iMessage 和 WhatsApp 的链接预览。它会指出妨碍良好预览的问题,例如缺少 og:image、图片小于 600x315 或超过 5 MB、图片地址是相对路径、缺少 twitter:card,并为每一项给出简短的修复方法。如果标签没问题但图片不够好,点击“做一张更好的”即可打开 OG Image Lab,你的标题、描述、图标和网站配色都已填好。
检查哪些内容
分享图
检查 og:image(或 twitter:image)是否设置、是否为完整的 https 地址、能否加载、是否确实是图片文件。尺寸、比例和大小直接从文件读取:小于 600x315、小于 1200x630、不是 1.91:1、超过 5 MB 和超过 8 MB 都会被标出。
应用能显示的格式
PNG、JPG、WebP 和 GIF 会出现在链接预览中。SVG、AVIF、ICO 或 HEIC 格式的分享图会被标出,因为大多数应用不显示这些格式。
标题和描述
检查 og:title 和 og:description,缺失时检查页面标题和 meta description。超过 70 个字符的标题和超过 200 个字符的描述会被标出,因为预览会截断它们。
X 卡片
缺少 twitter:card,或其值为 summary 时会被标出。summary 只显示一个小的方形缩略图,而不是 summary_large_image 的大图卡片。
