本文目录
什么是 Open Graph 标签？
Open Graph（OG）是 Facebook 于 2010 年创建的一种协议，让任何网页都能控制自己在社交媒体平台上被分享时的呈现方式。通过在 HTML head 中添加特定的 Meta 标签，你可以定义链接预览中显示的标题、描述、图片和 URL。
如果没有 Open Graph 标签，社交平台会尝试自动提取预览，结果往往不尽如人意——图片错误、标题被截断或缺少描述。OG 标签让你能完全掌控内容在社交平台上的呈现效果。
Open Graph 预览的工作原理
当有人在社交媒体上分享某个 URL 时，平台的爬虫会抓取该页面并读取其 Open Graph Meta 标签。以下四个必需属性定义了一张最基本可用的预览卡片。
- og:title——链接预览卡片中显示的标题，为在各平台上都获得最佳显示效果，通常控制在 60 至 90 个字符
- og:description——显示在标题下方的简短摘要，理想长度为 150 至 200 个字符，以避免被截断
- og:image——预览图片的 URL，Facebook 和 LinkedIn 推荐尺寸为 1200x630 像素，以大卡片或缩略图形式显示
免费试用 —— 无需注册
预览你的 Open Graph 标签 →何时使用 OG 预览工具
在分享之前测试你的 Open Graph 标签，对于打造专业的社交媒体形象至关重要。
- 社交媒体营销——在分享前预览博客文章、产品页和落地页在 Facebook、Twitter 和 LinkedIn 上的呈现效果
- SEO 审计——核实 OG 标签与你的页面标题和描述相匹配，确保在搜索和社交渠道上传递一致的信息
- 即时通讯应用——Slack、Discord、WhatsApp 和 Telegram 等平台也会使用 OG 标签来生成链接预览，因此标签质量的重要性远不止于社交媒体
常见问题
OG 图片的理想尺寸是多少？
推荐的 OG 图片尺寸为 1200 x 630 像素（宽高比 1.91:1），以在 Facebook 和 LinkedIn 上获得最佳显示效果。Twitter 卡片则在 1200 x 628 像素下表现最佳。请将重要内容置于居中位置，因为某些平台会裁剪边缘。使用 JPEG 或 PNG 格式，并将文件大小控制在 1 MB 以内以便快速加载。
我需要同时设置 OG 标签和 Twitter Card 标签吗？
如果未指定，Twitter 卡片（twitter:title、twitter:description、twitter:image）可以回退到使用 OG 标签。不过，同时设置两者能让你获得针对各平台的独立控制。例如，你可能希望在 Twitter 上使用更短的标题。至少要设置 OG 标签——它们能在所有平台上提供最广泛的覆盖。
OG 标签没有更新时，我该如何排查？
社交平台会积极缓存 OG 数据。Facebook 的 Sharing Debugger 可以让你重新抓取某个 URL 以刷新缓存。Twitter 的 Card Validator 对 Twitter 卡片起到同样作用。LinkedIn 的 Post Inspector 则负责处理 LinkedIn 的缓存。更新 OG 标签后，请使用这些工具强制刷新缓存，然后再进行分享。