Question

在this page上我使用AddThis JavaScript library添加允许在Facebook / Twitter上共享页面的按钮。如果您点击Facebook按钮，它会显示如何将内容发布到Facebook的预览：

enter image description here

请注意，在帖子预览中显示的图像是在网站上使用的AJAX加载程序，即在AJAX请求正在进行时显示的图像。我不知道为什么选择这个作为要在帖子中显示的图像，是否可以指定使用哪个图像？

这是我用来显示共享按钮的标记：

<div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="width: 135px;">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
</div>

<g:javascript base="http://s7.addthis.com" src="/js/250/addthis_widget.js#pubid=xa-4fcaa48b0ffdb7b9" type="js" />

Answer 1

在HTML的标记之间，您有以下代码：

<meta property="og:image" content="http://www.festivals.ie/images/responsive/bg.svg"/>

这告诉Facebook应该在共享弹出窗口中使用什么图像。 'og'代表Open Graph，Facebook用来获取页面信息的协议。但是，链接到的图像是一个大的SVG图像（您网站的背景图像） - 您需要将此URL更改为您的徽标的URL，并确保此徽标是.jpg或.png格式 - 快速Google搜索表明Facebook并不真正支持用于 og：image 的SVG。

Answer 2

正如詹姆斯·托马斯所建议的那样，第一步是add the tag(s)：

<meta property="og:image" content="http://i2.ytimg.com/vi/1F7DKyFt5pY/default.jpg" />

接下来，你必须清除 facebook的缓存：

https://developers.facebook.com/tools/debug

导航到上面的链接并在您的网址中输入。这将手动触发另一个数据拉取，因此clearing the cache
如果这不起作用，请在您的网址后面加上此网址：?fbrefresh=CAN_BE_ANYTHING

http://www.example.com/index.html?fbrefresh=randomstring

Answer 3

当前图片网址（http://www.festivals.ie/images/banners/love-festivals-299-250.gif）会将302重定向到实际图片网址（http://www.festivals.ie/static/UO8FTf3ztOtMK2ArNFiVkIeKI2DqX13KcoktytQF1Q6.gif）。

我建议将og:image设置为实际图片网址：

<meta property="og:image" content="http://www.festivals.ie/static/UO8FTf3ztOtMK2ArNFiVkIeKI2DqX13KcoktytQF1Q6.gif">

（这是一个猜测，因为我现在无法对此进行测试。）

通过AddThis在Facebook上分享内容

3 个答案: