0

我使用以下方法在我的网站上的页面上添加了一个 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但是，在我刷新页面之前，共享对话框不会显示我的标签中定义的缩略图。每次共享该图像时，缩略图都会正确显示，而无需刷新页面。

这里有什么问题？

4

3 回答 3

2

对于重新审视此问题的任何人，截至 2014 年 11 月 11 日左右，Facebook 提供了比之前提到的更好的解决方案。根据这个 FB 错误报告：

如果您的站点同时提供 og:image、og:image:width 和 og:image:height，则即使是创建的第一个共享也将使用该图像。未能提供这些意味着您需要等待我们的爬虫首先获取和分析图像。

有关如何完成此操作的示例，请参见http://ogp.me/#structured 。

于 2015-02-25T17:45:34.680 回答
1

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

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

来自Facebook：最大限度地分发媒体内容

编辑：

清除浏览器的缓存。

于 2013-07-24T19:13:35.657 回答
1

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

于 2013-11-13T09:47:20.557 回答