Open Graph 预览 — 查看链接在社交媒体上的效果
输入 URL，即可看到 Facebook、LinkedIn、X 和 Slack 将显示的卡片、找到的所有标签以及缺失的内容。
仅在你发起请求时由我们的服务器获取页面的标签；不会保存任何关于你的信息。 浏览全部免费工具.
发现问题，或者觉得哪里可以更好？每条消息我们都会阅读，并尽快修复。
这款免费的 Open Graph 预览工具会抓取任意公开页面，并按照 Facebook、LinkedIn、X 和 Slack 的构建方式，展示它们根据页面标签生成的链接卡片：标题、描述、图片、网站名称，并按各平台的规则裁剪和截断。它会列出找到的每个 og: 和 twitter: 标签，测量分享图片，并为页面打分，对每项失败给出具体的修复方法。
链接预览完全由少数几个 meta 标签决定，而且出问题时毫无提示：缺少 og:image，分享的文章就会变成一个光秃秃的灰色链接；图片宽度不到 600 px，就会变成缩略图；标题超过 70 个字符，就会在单词中间被截断。在分享之前或部署之后在这里检查一下，只需十秒钟，就能发现所有这些问题。由于抓取是由我们的服务器根据你的请求完成的，它显示的是爬虫看到的内容，而不是你已登录的浏览器看到的内容。
使用方法
- 粘贴页面 URL，点击“预览”。页面必须可以公开访问；localhost 和受密码保护的预发布站点无法抓取。
- 查看三张卡片。如果只显示光秃秃的标题或没有图片，说明标签缺失或图片无法加载。
- 阅读检查结果。每一行未通过的检查都会说明需要添加或修改什么；Meta 标签生成器可以生成缺失的标签。
- 修复、部署，然后点击“重新检查”。如果 Facebook 或 LinkedIn 仍显示旧卡片，说明它们缓存了旧版本：请在 Facebook 的分享调试器或 LinkedIn 的 Post Inspector 中重新抓取。
常见问题
为什么预览与 LinkedIn 或 Facebook 显示的不同？
因为缓存。这两个平台都会保存它们第一次看到的链接卡片版本，有时长达数周。本工具总是抓取实时标签。要刷新平台的缓存，请使用 Facebook 的分享调试器（它同时会更新 Instagram 和 WhatsApp）或 LinkedIn 的 Post Inspector。X 会在一天左右自行刷新。
og:image 应该是什么尺寸？
1200 × 630 像素，比例 1.91:1，大小在 5 MB 左右以内，以绝对 URL 通过 HTTPS 提供。这样在各平台上都会显示大卡片。宽度不到 600 px 的图片在 Facebook 和 LinkedIn 上会退化为小缩略图。方形图片会被裁剪；请让主体保持居中。
至少需要哪些标签？
og:title、og:description、og:image 和 og:url。再加上 og:site_name 和 og:type，并把 twitter:card 设为 summary_large_image，让 X 使用大图。对于 twitter: 标签未指定的内容，X 会以 og: 标签作为后备。
工具提示页面发生了重定向，这有问题吗？
通常没有：从 http 到 https、从非 www 到 www 的重定向都很正常，工具会跟随它们。只有当分享链接经由一个不提供标签的跟踪域名重定向，或者重定向链太慢导致平台爬虫放弃时，才会成为问题。可能的话，请直接分享最终的 URL。
能预览需要登录的页面或 localhost 上的页面吗？
不能。抓取是从我们的服务器发起的，所以它只能看到任何匿名访客能看到的内容，这也正是社交平台爬虫看到的内容。对于本地页面，请先部署到预览 URL。对私有网络地址的请求会被设计性地拒绝。
会存储任何内容吗？
URL 会按请求抓取，标签返回给你的浏览器，不保留任何内容。只读取页面的 head 标签，最多 1 MB。
各平台如何构建卡片
Facebook 和 LinkedIn 读取 og:*，显示图片、标题和域名（LinkedIn 在信息流中不显示描述）。X 优先读取 twitter:*，以 og:* 作为后备，并根据 twitter:card 选择大图或小图布局。Slack、Discord 和 iMessage 读取 og:*，依次显示网站名称、标题、描述和图片。WhatsApp 显示来自 og:image 的缩略图和标题。它们都不执行 JavaScript，因此在客户端注入的标签对它们不可见；请在服务器端渲染这些标签。
预览出错的常见原因
• og:image 是相对路径，或者在 https 站点上使用了 http URL。
• 图片被 robots.txt 屏蔽，或需要登录才能访问。
• CDN 或机器人防护层向爬虫返回了验证页面。
• 页面在加载后才通过 JavaScript 设置标签。
• og:url 指向了另一个页面，于是平台预览的是那个页面。
相关免费工具
- Meta 标签生成器 — 填写页面的标题、描述和社交卡片信息，即可得到完整且正确转义的 <head> 代码块，并实时显示长度计数。
- 搜索结果摘要预览 — 预览页面标题和 meta 描述在 Google 中的显示效果，并实时检查字符数。
- UTM 链接生成器 — 生成规范、统一的 UTM 跟踪链接，准确了解哪些广告系列为你带来了客户。