Open Graph 图片尺寸怎么选？og:image 设置指南
og:image 决定了很多社交平台、聊天软件、链接预览工具展示哪张预览图。
Open Graph 协议定义了 og:image、og:image:width、og:image:height、og:image:type、og:image:alt 等字段，但没有强制一个全平台通用尺寸。实际做法是选一个兼容性好的尺寸。
推荐默认尺寸
大多数网站可以从这个规格开始：
- 尺寸：1200 x 630 px
- 比例：约 1.91:1
- 格式：JPG 或 PNG
- 文件大小：尽量控制，不要过重
- 文字：缩小预览后仍能看清
这个比例适合文章页、落地页、工具页预览。
建议补齐的标签
基础写法可以这样：
<meta property="og:title" content="页面标题" />
<meta property="og:description" content="页面描述" />
<meta property="og:url" content="https://example.com/page/" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="预览图说明" />图片地址建议使用完整的 HTTPS 绝对 URL。相对路径在爬虫或聊天预览里更容易失效。
常见错误
尽量避免：
- 图片太小，预览发糊
- 照片类图片用过大的 PNG
- 重要文字贴近边缘
- 图片被
robots.txt屏蔽 og:image地址多次跳转- 没写图片 alt
简短结论
默认使用 1200 x 630 px 的 Open Graph 图片，补齐宽高字段，重要文字远离边缘，并填写 og:image:alt。这样在分享预览里更稳。
实用流程
把 SEO 配置当作上线检查清单，而不是复制代码片段。先明确页面目标：你是在控制抓取、改善分享预览，还是描述页面可见内容。然后生成对应规则或标记，放到正确位置，并测试最终渲染页面。
很多 SEO 问题不是大策略错误，而是细节错误：图片地址不是完整 HTTPS、结构化数据和页面内容不一致、robots.txt 误封静态资源，或者继续依赖已经下线的搜索功能。配置完成后，要用真实 URL 测试，而不是只看源码片段。
检查清单
| 检查项 | 为什么重要 | |---|---| | 可见内容一致 | 结构化数据应该描述用户能看到的内容。 | | 完整 URL | 社交平台和爬虫更稳定地识别 HTTPS 绝对地址。 | | 抓取权限 | 重要图片、脚本和页面不要被 robots.txt 误封。 | | 最新规则 | 搜索功能会变化，旧的富结果技巧可能已经失效。 |
常见问题
配好这些就一定能排名或出富结果吗？
不能。它们帮助平台理解页面，但排名和展示还取决于内容质量、可抓取性、政策支持、页面体验和平台自己的展示规则。
使用场景示例
发布前要站在爬虫或社交预览工具的角度测试页面。robots.txt 要请求最终 URL，确认页面和资源没有被误封；Open Graph 要使用最终 HTTPS 图片地址，而不是本地路径；Schema 要逐条对照页面可见内容。
这样做能避免只复制片段却没有验证真实页面。SEO 配置很多时候不是大方向错，而是细节没有落到最终 URL。
OG 图片要按裁剪场景设计
og:image 不是只要尺寸对就行。微信、Slack、X、Facebook、LinkedIn 和搜索结果预览的裁剪方式都可能不同。标题、logo、人脸和关键图形要放在中间安全区域，不要贴边。
如果图片里有文字，字号要比普通网页配图更大。很多预览卡片只有很小一块空间，细字和长句会直接糊掉。更稳妥的做法是一张图只表达一个主题：工具名称、核心结果或文章关键词。
发布前可以用社交预览工具或真实聊天窗口测试 URL。尤其是活动页、博客封面和工具页入口，OG 图经常是用户第一次看到页面的地方，裁剪不好会直接影响点击率。
文字越少越稳
OG 图不是海报，很多平台会把它压成很小的卡片。标题太长、小字太多、二维码太细，都会在预览里失效。更稳妥的是保留一个核心词、一张主图和足够对比度。
如果同一篇文章会被多个渠道分享，可以优先保证中间区域清晰，边缘只放背景延展。这样即使被裁剪，主题也不会丢。
图片要按最终用途判断
og:image 会影响社交平台和聊天软件的链接预览。建议从 1200 x 630 开始，并补齐宽高和 alt 信息。 图片处理要先看最终展示位置。头像看圆形小图，频道封面看移动端裁剪，截图看文字边缘，商品图看颜色和细节。只在编辑器里看大图，很容易误判。
建议保留原图，再导出工作副本。用“生成 Meta 标签”处理后，把结果放回真实使用场景预览一次：该清楚的主体是否还清楚，该保留的边缘是否被裁掉，平台是否二次压缩。
再多确认一步
og:image 会影响社交平台和聊天软件的链接预览。建议从 1200 x 630 开始，并补齐宽高和 alt 信息。 真正发布或使用前，建议拿一个最接近真实场景的例子再走一遍：看输入是否完整、输出是否能被目标平台接受，以及是否需要保留原始版本。这个检查很短，但能拦住很多“预览没问题、实际出错”的情况。
参考资料：