由于有些日子我遇到了这个问题。
这是我的调试
提供的图像大于 200x200 像素,它具有唯一的链接,并且该页面上有任何重定向。
Linter 响应为 200。
当我在 fb 上复制并过去页面的链接时,它让我可以在 3 张小于 200x200px 的图像之间进行选择,而我提供的图像将被忽略。
但如果我尝试通过“喜欢按钮”或“发送按钮”分享它,它工作正常。
这听起来像一个fb Bug。
谢谢
由于有些日子我遇到了这个问题。
这是我的调试
提供的图像大于 200x200 像素,它具有唯一的链接,并且该页面上有任何重定向。
Linter 响应为 200。
当我在 fb 上复制并过去页面的链接时,它让我可以在 3 张小于 200x200px 的图像之间进行选择,而我提供的图像将被忽略。
但如果我尝试通过“喜欢按钮”或“发送按钮”分享它,它工作正常。
这听起来像一个fb Bug。
谢谢
我尝试了这篇文章和其他人的许多建议都无济于事。最终对我有用的事情(我在其他地方没有看到)是为我之前完全丢失的元素添加正确的前缀。
<head prefix="og: http://ogp.me/ns#">
不确定这是否真的解决了问题,或者它只是让调试器重新扫描图像(正确地),但希望它可以帮助其他人。
我通过重命名图像和 og:image url 来完成它。试试看。
我尝试了大多数这些建议 - 仔细检查<head>
前缀,尝试添加 javascript sdk,尝试方形图像,从不同位置采购,简化文件名......
最终奏效的是确保<img>
同一图像的标签出现在正文中!我用 CSS / 内联样式隐藏了它。
我也为此苦苦挣扎了一段时间。我已经尝试了图像的所有形状和大小,重命名它,添加特定的 og:image:height 和 :width 标签等。我“解决”它的方式只是将我想要显示的图像放在网站的根目录中并在 og:image 中指向另一个 (1500x1500, btw) 图像。Facebook linter 然后告诉我它将使用根目录中的图像。这很好用;-)
即使您的图像大小不是 100 的倍数,如果您的图像是 jpg 或 jpeg 格式,它也应该可以工作。如果您的图像是 png 格式,则无论大小如何,它都不起作用。这仅基于我的测试。我想在这里听取其他开发人员的意见。
我一直使用png。我总是使用 1920 x 1080,因为它们在 Facebook 上的分享效果很好。85% 的时间他们都在工作,有时他们不会。有时我删除并重新加载同一张照片而不重命名或更改任何东西,它突然就起作用了。我不是真正的开发者,所以我能提供的只有这些。