OpenGraph 预览
预览您的页面在社交媒体上分享时的外观。
本工具分析内容
OG 标签检测
检测和验证所有 Open Graph 标签，包括 og:title、og:description、og:image 等。
社交媒体预览
显示您的页面在 Facebook、Twitter/X 和其他平台上分享时的外观。
AI 上下文信号
OG 标签为 AI 搜索引擎提供额外的上下文信号，帮助它们理解您的内容。
如何使用此工具
- 1输入页面 URL - 粘贴您想要预览 Open Graph 数据的页面 URL。
- 2查看社交预览 - 查看您的页面在 Facebook、Twitter/X 和其他社交平台上的显示效果。
- 3修复缺失的 OG 标签 - 添加或更新缺失的 OG 标签，改善社交分享和 AI 上下文信号。
常见问题
什么是 Open Graph 标签？
Open Graph（OG）标签是控制您的网页在 Facebook、LinkedIn 等社交媒体平台上分享时显示方式的 meta 标签，最初由 Facebook 创建。
推荐的 OG 图片尺寸是多少？
推荐的 OG 图片尺寸为 1200x630 像素，最小为 600x315 像素。Facebook、LinkedIn 和大多数平台使用 1.91:1 的宽高比。
OG 标签会影响 SEO 吗？
虽然 OG 标签主要用于社交媒体分享，但它们也为 AI 搜索引擎提供额外的上下文信息，并通过提升社交平台的点击率间接有利于 SEO。
为什么我的 OG 标签存在但预览不正确？
社交平台会缓存 OG 标签数据，更新后可能不会立即反映。Facebook 提供了 Sharing Debugger 工具强制刷新缓存，Twitter/X 有 Card Validator。此外，图片 URL 必须是绝对路径且可公开访问，否则无法正确显示。
Twitter Card 和 Open Graph 标签有什么关系？
Twitter Card 使用自己的 meta 标签（twitter:card、twitter:title 等），但如果缺少 Twitter 专用标签，会回退使用 OG 标签。最佳实践是同时设置两组标签，确保所有平台都能正确渲染。twitter:card 类型（summary 或 summary_large_image）决定了展示样式。
OG 标签对 AI 搜索引擎有什么具体帮助？
AI 搜索引擎在处理和引用网页时会解析 OG 标签作为辅助语义信号。og:title 和 og:description 提供了页面主题的精炼摘要，og:type 帮助 AI 系统分类内容类型，这些信息共同提升了 AI 准确理解和引用您页面的能力。
为什么社交分享外观直接影响 AI 平台的引用展示
当 AI 搜索引擎在回答中引用您的页面时，它们通常会提取 Open Graph 标签中的标题、描述和图片来构建引用展示。缺失或质量不佳的 OG 标签意味着 AI 平台无法为您的页面生成吸引人的引用卡片，降低了用户点击和进一步传播的可能性。
完善的 OG 标签还向 AI 系统传递了页面内容的结构化语义信号，帮助它们更准确地理解页面主题和定位。社交平台上的高点击率分享也会间接提升页面的权威性信号，形成 AI 引用的正向循环。
最佳实践
测试所有主流社交平台的预览效果
不同平台对 OG 标签的渲染方式有差异。使用预览工具检查 Facebook、Twitter/X 和 LinkedIn 上的显示效果，确保每个平台都呈现完整且美观的分享卡片。
优化 OG 图片尺寸和设计
使用 1200x630 像素的 OG 图片，确保文字在缩小后仍然清晰可读。图片应传达页面核心内容，避免纯文字或过于复杂的背景设计。
编写引人注目的 OG 描述
OG 描述应简洁有力地概括页面价值，控制在 200 字符以内。将最关键的信息放在开头，因为部分平台会截断较长的描述文本。