Facebook og：图片显示为空白

Question

我目前在Feed状态为https://3dl.aut.ac.nz/时遇到FB OG图片问题。 在个人资料状态。这很好用。似乎该错误仅发生在HOME（新闻订阅页面）状态

上

该网站是在wordPress中构建的。通常我不会在我以前的WordPress作品上停留在og图像上。 在fb object debugger上，该网站具有正确的og图像，似乎没有任何问题。

我怀疑是因为我使用安全服务器？ （https：//）如果我尝试http://3dl.aut.ac.nz/（http），也会发生同样的事情。

我调查了这个问题，并在stackoverflow thread上找到了另一个类似的线程。线程说这是https的一个问题。但是，facebook.com在FB状态上发布链接时有一个缩略图。

此问题是否与服务器设置有关？

非常感谢任何帮助。

Answer 1

https / http应该没问题，我怀疑图片太宽了。始终使用正确的宽高比和尺寸：https://developers.facebook.com/docs/sharing/best-practices#images

  

使用至少1200 x 630像素的图像，以便在高分辨率设备上获得最佳显示效果。至少，您应该使用600 x 315像素的图像来显示包含较大图像的链接页面帖子。

     

尽量使图像尽可能接近1.91：1的宽高比，以便在没有任何裁剪的情况下在新闻Feed中显示完整图像。

Answer 2

自己陷入同样的​​问题。您正尝试使用Yoast的Wordpress SEO插件从安全网站分享。不幸的是，它没有正确处理安全图像的元标记。 Yoast包括：

<meta property="og:image" content="https://image-url-here" />

Facebook不喜欢这样，但通过添加：

可以轻松解决问题

<meta property="og:image:secure_url" content="https://image-url-here" />

我wrote up a blog post关于如何挂钩插件的 wpseo_opengraph_image 挂钩以自动处理此问题。

希望它有所帮助。

Answer 3

请记住，facebook刮刀异步工作，需要一些时间（在我的测试期间大约10分钟）才能在第一次看到图像后显示图像。

有关类似问题的更多信息，请here's a more thorough answer。