Open Graph 检查器
指导
Open Graph 检查器
检查和预览任何URL的Open Graph元标签，以确切了解您的页面在社交媒体上分享时的外观。此工具会抓取页面，提取所有OG和Twitter Card元标签，并向您展示社交分享卡的视觉预览——此外，还会标记可能损害您社交媒体形象的任何缺失标签。
如何使用
输入任何URL并点击。 确认。该工具会在服务器端抓取页面并提取所有Open Graph和Twitter Card元标签。您将看到一个社交媒体预览卡、找到的所有OG和Twitter标签的完整列表、任何缺失的重要标签以及用于调试的原始元标签HTML。
特征
- 社交预览卡 – 确切了解您的URL在Facebook、LinkedIn和其他平台上分享时的外观
- Open Graph标签 – 提取og:title、og:description、og:image、og:url、og:type、og:site_name、og:locale等
- Twitter Card标签 – 提取twitter:card、twitter:title、twitter:description、twitter:image、twitter:site
- 缺失标签警告 – 标记重要的缺失标签（og:title、og:description、og:image），以便您修复它们
- 常规元回退 – 还显示页面的title标签和meta description以供比较
- 原始HTML视图 – 复制确切的元标签HTML以进行调试或文档记录
常问问题
-
什么是 Open Graph 元标签？
Open Graph (OG) 元标签是 HTML 元元素，用于控制您的网页在 Facebook、LinkedIn、Pinterest 等社交媒体平台以及消息应用程序上共享时的外观。最重要的标签是 og:title（标题）、og:description（摘要文本）和 og:image（预览图片）。没有这些标签，社交平台会尽力猜测要显示什么，但这通常会导致图片丢失或文本不正确。
-
Open Graph 标签和 Twitter Cards 有什么区别？
Open Graph 标签由 Facebook 创建，并被包括 LinkedIn、Pinterest 和 WhatsApp 在内的大多数社交平台使用。Twitter Cards 是 Twitter 特定的元标签，用于控制链接在推文中显示的方式。Twitter 会首先使用自己的 twitter:* 标签，如果缺少 Twitter 特定的标签，则会回退到 Open Graph 标签。为了获得最大的兼容性，最好在您的页面上同时包含 Open Graph 和 Twitter Card 标签。
-
哪些 Open Graph 标签是必需的？
四个必需的 Open Graph 标签是 og:title、og:description、og:image 和 og:url。没有 og:title 和 og:description，平台会尝试从您的页面内容中提取文本，这可能不是您想要的。没有 og:image，您共享的链接将不带预览图片显示，这将显著降低点击率。og:url 标签可确保在共享您的页面时使用规范 URL。
