Facebook 在分享您的网站时添加缩略图答案

【问题标题】：Facebook add thumbnail when sharing your siteFacebook 在分享您的网站时添加缩略图
【发布时间】：2011-05-20 00:32:50
【问题描述】：

使用 facebook.com/sharer.php?u=mysite.com 时如何添加缩略图？我已将此添加到标题中：<link rel="image_src" href="http://mysite.com/image.jpg"/>

但是： 1.它不工作（还）。 2. 不是有效的 XHTML。

还有其他方法还是我做错了什么？

谢谢。

【问题讨论】：

【解决方案1】：

首先，图像尺寸很重要。它必须至少为 50x50 像素，并且图像的宽度不得超过其高度的三倍。

其次，您可以使用元标记来指定页面图像，例如 <meta property="og:image" content="http://mysite.com/image.jpg"/>

还要注意 Facebook 会缓存页面，因此如果您想确定 Facebook 如何处理您的最新版本，请使用他们的URL Linter。

查看信息，例如 here 和 here 和 here。

【讨论】：

【解决方案2】：

Facebook 将获得页面上的任何图像，甚至是隐藏的图像。例如：

<img rel="Facebook image" src="http://mysite.com/image.jpg" />

【讨论】：

【解决方案3】：

我通过在您想要包含为缩略图的任何图像上添加 display:none 来完成这项工作，facebook 不在乎不显示的内容，它只查找标签并将其用作缩略图选项。

这适用于您希望用户选择特定图像或页面上的任何图像时。向中添加该行会使共享按钮仅使用该特定图像。

【讨论】：