Question

我已使用此方法向我网站上的网页添加了FB分享按钮：https://developers.facebook.com/docs/reference/plugins/share-links/

源代码如下所示：

<a href="https://www.facebook.com/sharer/sharer.php?
    u=https://[subdomain].mysmilecentral.com/public/show?link_code=[access code for individual's photo]" target="_blank">
    <img src="https://[our S3 bucket]/images/fb-share-btn2.png" style="margin-top: -35px; margin-right: 126px; float: right" />
</a>

我已异步加载FB Javascript SDK，并使用OG元标记：

<meta property="og:url" content="https://[subdomain].mysmilecentral.com/public/show?link_code=[access code for individual's photo]" />
<meta property="og:title" content="Order Pictures of [child's name] at [studio name]'s MySmileCentral!" />
<meta property="og:description" content="View images and/or order pictures of [child's name]." />
<meta property="og:image" content="https://[our S3 bucket]/[path to JPEG image]" />

Facebook的对象调试器可以毫无问题地找到所有内容。

但是，在刷新页面之前，“共享”对话框不会显示我的 og:image 标记中定义的缩略图图像。随后每次共享图像时，都会正确显示缩略图，而无需进行页面刷新。

这里有什么问题？

Answer 1

对于重新审视此问题的任何人，截至2014年11月11日，Facebook提供了比之前提到的更好的解决方案。根据{{3}}：

如果您的网站同时提供og：image，og：image：width和   og：image：height，即使对于第一次共享，该图像也将使用   创建。未能提供这些意味着您需要等待   我们的抓取工具首先获取并分析图像。

有关如何执行此操作的示例，请参阅this FB bug report。

Answer 2

您能否确认您的图片有效：

og：image - 这是与您的媒体相关联的图像。我们建议您使用至少200x200像素的图像。但是，越大越好，所以如果你有一个可以使用的1500x1500图像，请使用它。我们将对使用较小分辨率设备的人进行缩减采样并裁剪，但会在较大的设备上使用它。此图像越大，在Facebook上分享故事时使用的可能性就越大。（注意：图像大小不得超过5MB。）

来自Facebook: Maximizing Distribution for Media Content

修改

清除浏览器的缓存。

Answer 3

我遇到类似的问题，向Facebook提交了一个错误：https://developers.facebook.com/bugs/354887144656001 第一个共享问题似乎是他们已知的错误，他们建议一个解决方法（在页面创建后立即以编程方式将新页面提交给FB Debugger）。

刷新页面后，缩略图仅出现在Facebook Share对话框中

3 个答案: