Facebook预览图片与刮刀信息不匹配

Question

我刚刚在Steam上发布了一款游戏，当我在脸书中分享链接时，预览图片不会出现。

我跑了object debugger。

从结果中，在og：image字段中，我可以正确地看到图像，但是在预览本身中图像被破坏了。

有什么想法吗？

编辑：由于这是一个热门页面，我影响它的能力有限。我只能更改一些图像，但我无法添加元标记。 但是，我确实在这篇文章中发现，<link rel="image_src" href="/myimage.jpg"/>标签也应该被facebook识别为预览图像。由于某些原因，在我的页面Facebook或者忽略了这个或者将图像视为无效（尽管它大于200x200）

Answer 1

og:image could not be downloaded or is too small
og:image was not defined, could not be downloaded or was not big enough.
Please define a chosen image using the og:image metatag, and use an image 
that's at least 200x200px and is accessible from Facebook.
'http://store.akamai.steamstatic.com/public/images/game/game_highlight_image_spacer.gif' will be used instead.
Consult http://developers.facebook.com/docs/sharing/webmasters/crawler for more troubleshooting tips.

所以我们确实有空白的原因（spacer.gif是空白的）

对于其他页面也是如此......

http://cdn.akamai.steamstatic.com/steam/apps/455980/header.jpg?t=1459222551＆lt; - 可以在标题中找到...

让我们仔细看看图像本身......

图像是按需创建的（所以看起来如此）而你（a.jpg）与Cities Skylines（b.jpg）相同

所以根本不知道......可能是Steam的CDN存在问题（FB无法找到图片。你最近是否更新了图片？）

很抱歉不能帮忙。图像本身不会出错IMHO，因为流每次都在处理图像...

不能多说：/

Answer 2

当第一次共享内容时，Facebook抓取工具将从共享的URL中抓取并缓存元数据。爬虫必须至少看一次图像才能渲染。这意味着共享一段内容的第一个人不会看到渲染图像：

1. 使用URL调试器预先缓存图像 通过URL调试器运行URL以预取页面的元数据。如果更新一段内容的图像，也应该这样做。

2. 使用og：image：width和og：image：height打开Graph标签 使用这些标记会将图像指定给爬虫，以便它可以立即呈现它而不必异步。

来源：https://developers.facebook.com/docs/sharing/best-practices#images