facebook - 将链接分享到用户墙后，如何避免图像在 Facebook 预览中被“裁剪”

Question

我一直在为这个问题而苦苦挣扎，希望有人能帮忙:

我有一个正在 Facebook 上共享的页面(当前使用 js sdk/fb.ui/方法:“共享”)，流程工作正常，页面被共享，但用户的页面上的预览墙壁或 feed 有时显示方形图像，有时显示矩形图像。

我已经在页面上正确设置了开放图标签，并且抓取工具似乎发现一切正常，但当它显示在用户墙上时，我仍然遇到这种不一致的情况。有没有一种方法可以指定 2 个不同的图像(一个用于方形演示，另一个用于矩形)？

还有一件事，根据最佳实践文档，我在 og:image 标签上指定的图像恰好是 1200 x 630 像素。

Answer 1

问题在于 Facebook 会裁剪两侧似乎有空白的图片。为了避免这个问题，请用不同的颜色填充侧面(例如浅灰色)。另外，有时预览图像在 FB 服务器上的缓存时间似乎比应有的时间长，尤其是在您没有更改文件名的情况下。您可以使用FB的调试工具https://developers.facebook.com/tools/debug/sharing在插入任何 URL 之前预览图像链接。