Question 1

og:image 应该使用什么图片尺寸？

Accepted Answer

推荐的最小尺寸是 1200×630 像素，宽高比为 1.91:1。小于此尺寸的图片会在 Facebook 和 LinkedIn 上被裁剪。使用 8 MB 以下的 PNG 或 JPEG。避免将重要文字放在边缘附近，因为平台可能会为缩略图稍微裁剪图片。

Question 2

og:type 和 Twitter 卡片类型有什么区别？

Accepted Answer

og:type 描述页面内容的类型 —— 一般页面用 'website'，博客文章用 'article'，视频内容用 'video.other'。Twitter Cards 是一个独立系统：summary 显示小缩略图，summary_large_image 显示全宽图片，player 嵌入视频。它们通过 <meta name="twitter:card"> 独立设置。

Question 3

我可以自动生成动态 OG 图片吗？

Accepted Answer

可以。Vercel 的 @vercel/og（使用 ImageResponse API）和 Cloudinary 的基于 URL 的转换让您可以从文本和模板即时生成图片。在 Next.js 中，您可以创建一个 opengraph-image.tsx 路由，在请求时使用 Edge 运行时将 React 渲染为 PNG 图片。

Question 4

og:url 为什么重要，它应该如何与 canonical 匹配？

Accepted Answer

og:url 告诉社交平台将分享卡片与哪个 URL 关联，防止通过多个 URL 访问同一页面时（例如有/无尾斜杠或 UTM 参数）出现卡片重复计数。它应该与 <link rel="canonical"> URL 完全匹配，以表明页面的权威地址。

Question 5

为什么更改 OG 图片后没有更新？

Accepted Answer

社交平台会积极缓存 OG 元数据。Facebook 缓存长达 7 天；Twitter/X 缓存时间较短。要强制刷新：使用 Facebook 分享调试器（developers.facebook.com/tools/debug）或 Twitter Card 验证器来抓取并更新缓存。更改图片 URL（例如添加缓存清除查询字符串）会强制平台立即重新获取。

OG预览

Facebook / LinkedIn

Twitter

常见问题

Comments & Feedback