简而言之：要在线检查 Open Graph，请将页面地址粘贴到免费的Open Graph 调试工具 PromoPilot 中。它会读取所有og:*和 Twitter Card 标签，检查图像是否存在及其大小，评估标记的完整性，并显示Facebook 、X（Twitter）和 LinkedIn 的链接预览，以及添加建议。无需注册。下方列出了所需的标签、所需的 og:image 大小以及如何更新“卡住”的预览。
我做网站已经12年了，客户问我“为什么Telegram链接没有图片？”的次数比问我排名问题的次数还多。这通常只需要五分钟就能搞定——如果你知道该从哪里入手的话。
Open Graph Debugger 检查什么？
当你在帖子或消息中插入链接时，平台会访问该页面并查找 Open Graph 标签。如果找到，它会生成一张精美的卡片。如果没有找到，它会使用找到的任何其他内容，或者直接显示一个纯 URL。该工具只会检查社交网络可以读取的内容。
| 它检查什么？ | 他在看什么？ | 企业为什么需要这项服务？ |
|---|---|---|
| 所有标签 og:* | og:标题、og:描述、og:图像、og:url、og:类型、og:站点名称、og:区域设置 | 网站会从中收集卡片的标题、描述和图像。 |
| Twitter 卡片 | 推特：卡片、推特：标题、推特：描述、推特：图片 | X（Twitter）会读取其标签，如果标签缺失，则部分 og |
| OG图像 | 有图片吗？图片尺寸是多少？ | 小图片会将卡片变成侧边的一个小图标。 |
| 完整性评估 | 已填写了多少个推荐标签？ | 快速参考：一切就绪吗？ |
| 网络预览 | 适用于Facebook 、X 和 LinkedIn 的卡片 | 发布前，您可以预览文章的最终效果。 |
| 建议 | 我应该补充或修改什么？ | 一份现成的任务清单，适用于开发人员或您。 |
如何在线查看 Open Graph 页面？
- 打开Open Graph Debugger 。
- 输入您要分享的页面网址：文章、产品或广告落地页。点击“检查”。
- 检查标签列表：哪些标签已设置，哪些标签为空，以及 og:url 中是否存在外国地址或测试地址。
- 检查每个网络的预览：标题是否被截断，图像是否可见，边缘是否有任何重要文字。
- 请按建议添加缺失的标签，然后再次检查页面。
工具页面：地址字段、“检查”按钮、检查列表和常见问题解答。
该工具非常轻便：每日限额足以让访客查看网站的所有模板——首页、分类页、产品页和文章页。免费注册后，限额将增加至三倍。
Open Graph 中最常见的错误有哪些？
以下是我在其他几乎所有网站上都找到的问题，以及修复这些问题的顺序。
- 没有 og:image 属性，或者图片被指定为相对 URL。社交网络无法识别
content="/img/cover.jpg"，必须使用以https://开头的完整 URL。没有图片，帖子的覆盖范围会显著下降。 - 图片太小了。200x200的 logo 会让卡片侧边变成一个小方块。需要一张 1200x630 的图片。
- 整个网站使用同一张og:image图片。所有文章和社交媒体上的产品图片都应该保持一致，都带有logo。博客和产品目录的图片则应取自页面的主图。
- og:url 指向另一个地址——首页、测试域名或
http://版本。该平台可以将所有链接整合到一个页面中。 - 没有 twitter:card 选项。没有它，X 通常会显示一张小卡片。要显示更大的图片，需要使用
summary_large_image。 - og:title 会复制标题，并加上“购买”字样和品牌名称。在社交媒体信息流中，这看起来像广告；一个更生动的标题，就像帖子标题那样，效果会更好。
最小正确集合如下所示：
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">如何为og:image准备图像？
图片是卡片上最引人注目的部分，也是人们常常忽略的地方。以下是我遵循的一些原则：
- 图片尺寸为 1200×630，方向为横向。社交网络会裁剪方形产品照片的顶部和底部，这可能会导致产品缺少头部或鞋底。
- 重点在于中心位置。不同平台对边缘的裁剪方式不同，在移动端信息流中，卡片会更小。因此，请保持文字较大且远离边缘。
- 文字极简。标题已在图片下方；图片本身只需3-6个字或无需任何说明文字。
- 文件体积小。大小适中的 JPG 或 PNG 文件加载速度快，平台不会因超时而“丢失”图像。
- 每个关键页面都配有专属图片。对于文章和产品，可以方便地自动生成图片：文章封面或产品主图。
一个好的测试方法是在手机的调试器中打开预览。如果不放大就看不清链接，则需要重新制作图像。
修复后如何更新旧预览版？
常见情况：您已修复标签，但社交网络仍然顽固地显示旧图片。原因是缓存：平台记住了首次分享时的预览图。在Facebook使用“分享调试器”重新收集数据即可解决；在 LinkedIn 上，使用“帖子检查器”；在Telegram上，使用 @WebpageBot 机器人（将链接发送给它）。如果以上方法均无效，请在地址中添加一个无害参数，例如?v=2 ：对于平台而言，这是一个新链接。
比较：Open Graph Debugger 及其他替代方案
| 工具 | 什么免费？ | 限制 | 它适合哪些人群？ |
|---|---|---|---|
| PromoPilot - Open Graph 调试器 | 所有 og 和 Twitter 标签、og:image 尺寸、 Facebook 、X 和 LinkedIn 预览、推荐 | 不会清除社交媒体缓存 | 发布到任何社交媒体之前，请立即检查您的页面。 |
| 共享调试器（元） | Facebook预览和数据重新收集 | 仅限Facebook ，需要登录账号。 | 在Facebook上重置旧预览 |
| LinkedIn帖子检查器 | LinkedIn预览和缓存刷新 | 仅限LinkedIn用户，需要登录 | 对于那些在领英上进行推广的人来说…… |
| Telegram上的 @WebpageBot | 更新Telegram中的链接预览 | 只有Telegram不会解析标签 | 致Telegram频道所有者 |
结论：虽然需要官方平台调试器来清除缓存，但每个平台仅显示其自身的网络信息。要一次性查看所有预览和缺失标签列表，使用通用调试器更为便捷。
顺便一提，PromoPilot 提供87 种免费的 SEO 工具。如果您还没有编写标签，我们系列文章中有一篇介绍元标签生成器，它可以创建带有预览的 Open Graph 区块。
Open Graph Debugger 与元标签分析有何不同？
元标签分析从搜索引擎的角度审视网页：标题、描述、规范链接、hreflang 标签和 Open Graph 标签只是其中的一部分。调试器则专注于社交媒体：它会为不同的平台创建卡片，检查图片大小，并根据预览提供个性化推荐。如果您的网站链接在社交媒体和即时通讯应用上被频繁分享，那么调试器就更加实用。
两者都存在一个局限性：它们读取的是服务器返回的 HTML 代码。如果标签是由浏览器脚本插入的，许多社交网络将无法识别这些标签——这需要在网站端进行修复。另一个细节是：调试器会检查标签，但不会检查分享行为本身。如果页面设置了密码保护、地理位置限制或机器人防护，即使所有标签都存在，社交网络也可能无法访问该页面。
免费工具何时会不够用？
调试器会显示页面缺少 og:image。但如果页面数量达到数千个，手动插入图片是不现实的。以下情况需要专业人员：
- 每个产品或文章都应该有自己的预览图，自动收集；
- 该网站使用脚本返回标签，社交网络看不到这些标签；
- 你投放的广告和邮件，每次预览都会影响每次点击的费用；
- 我们需要将“网站+ Telegram频道+自动发布”与合适的卡片结合起来。
我能为您的网站做些什么？
我是Valeriy Danyuk，一位拥有12年经验、服务过200多位客户的开发人员和SEO专家。精美的链接预览是免费的，我会根据每个项目的具体情况进行定制。
搜索引擎优化和推广
- 网站SEO一站式审核：我检查所有模板标签，设置自动预览图像，并修正代码。
网站和网上商店
- 将您的店铺从Instagram迁移到您的网站——产品带有合适的预览图，方便分享。
- 一个晚上就创建了一个新产品的着陆页——NordHarvest 案例研究，附带一张现成的社交媒体卡片。
- 一家拥有人工智能和Telegram应用程序的整形外科诊所网站。
- 在1001site上的网站：社交网络预览和Telegram自动发布功能已自动配置。
机器人和自动化
如果你的链接在Telegram即时通讯软件中显示异常，请发给我，我会告诉你缺少哪个标签。
结果
- 在线 Open Graph 检查器会显示链接在Facebook 、X 和 LinkedIn 上的显示效果，以及缺少哪些标签。
- 最低要求是 og:title、og:type、og:image（1200×630，完整地址）和 og:url，加上 twitter:card。
- 修复后，重置网站的缓存：共享调试器、帖子检查器、@WebpageBot。
- 对于产品目录和博客，预览图片应该像1001site那样自动收集。
在您的关注者看到帖子之前，请使用免费的 Open Graph Debugger检查您即将分享的页面。
来源
- PromoPilot 的 Open Graph Debugger 工具页面 — 检查列表和常见问题解答。
- Open Graph 协议 (ogp.me) - 必填属性和可选属性。
- Meta 的 Sharing Debugger 和 LinkedIn Post Inspector 是这两个平台的官方工具。
