Facebook Messenger分享网站时og:image预览裁剪问题求助

嘿，我碰到过好几次类似的Messenger预览问题，给你几个实用的排查和解决方向：

• 先刷新Facebook的缓存再说！
  Facebook会自动缓存网站的OG标签数据，哪怕你改了图片，它大概率还在读旧缓存。你可以用Facebook官方的链接调试工具（直接在Facebook平台内找入口就行），输入你的网站URL让它重新抓取页面信息，强制刷新缓存——这一步解决了我80%的预览问题。

• 图片尺寸得达标！
  Messenger对预览图的要求比Facebook帖子更严格，你之前用的200x200太小，600x315也没到最优尺寸。建议换成1200x630像素的图片（这是Facebook官方推荐的适配所有场景的尺寸），格式选JPG或PNG，文件大小控制在8MB以内，太大的话容易加载失败。

• OG标签要补全且精准
  别只放og:image，这些标签也得配齐：

  • og:url：必须是你分享页面的完整固定URL，不能带随机参数，不然Facebook会当成不同页面
  • og:title、og:description：这俩是预览的核心内容，得写完整
  • og:image:type：明确标图片类型，比如image/jpeg
  • og:image:width和og:image:height：要和图片实际尺寸完全一致，之前你说没变化，会不会是填的尺寸和实际图片不匹配？

• 确认图片能被爬取到
  检查图片URL是不是公开可访问的，有没有加防盗链、登录验证或者CDN缓存限制。你可以用匿名浏览器直接打开图片链接，要是打不开，那Messenger的爬虫肯定也抓不到，自然没法显示预览。

• 换个场景测试
  有时候同一个聊天窗口里的旧预览缓存会干扰新分享，你可以换个好友测试，或者退出Messenger重新登录后再发链接，看看新预览能不能正常显示。

内容的提问来源于stack exchange，提问作者lausent