分享到Facebook无法显示确切的图像

Question

我正在使用App ID进行Facebook分享。我已将此包含在我的页面中

<script>
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/en_US/sdk.js';
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

来源：Detect Facebook share success?

我的编码看起来像http://jsfiddle.net/benjasHu/3dhq9k21/

当只有一张图片时，我设法用正确的图像将内容分享给脸谱。因此，当我尝试共享一个包含多个图像的页面内容时，看起来facebook会混淆，图像容器只是空白，标题显示错误。

结果如下图所示

Answer 1

最后发现了一篇非常有用的文章，解释了关于Facebook开放图元元定制的问题。 http://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript

从我的编码中，而不是使用它：

var options = ({
    method : 'share',
    href   : 'url goes here'
}),

我换成了：

var options = ({
    method: 'share_open_graph',
    action_type: 'og.shares',
    action_properties: JSON.stringify({
        object: {
            'og:url': 'url-to-share',
            'og:title': 'title-of-page-to-share',
            'og:description': 'description-of-page-to-share',
            'og:image': 'image-displayed-when-sharing'
        }
    })
}),