2011-04-21 50 views
2

当用户在Facebook上共享我的网站时,Facebook允许他们选择缩略图以与共享一起使用。我希望唯一的图片可以成为我的网站徽标,但我不确定要达到此目的的最佳方法是什么。当我的网站在Facebook上共享时,如何防止图像显示为缩略图选项?

因此,例如,本应显示为一个选项:

<img src="logo.png" /> 

但我想其他的图像被忽略:

<img src="news1.jpg" /> 
<img src="news2.jpg" /> 
<img src="footerDetail.jpg" /> 

回答

5

嘿,那是很容易的,你只需要在页面中指定并打开图形元标记。

对你来说会是因为添加以下内容到页面HEAD简单:

<meta property="og:image" content="YOUR_IMAGE_URL"/> 

您可以在这里找到打开的图元标记的完整参考:http://developers.facebook.com/docs/opengraph/

而且你可以测试如果Facebook发现您的图片在这里正确: http://developers.facebook.com/tools/lint

(您需要使用第二个链接进行测试,以便Facebook将刷新其关于您网站的缓存信息)。

干杯:)

+0

我不是100%地肯定缓存的事.. – dwarfy 2011-04-22 22:42:14

+1

其实我看到,我并没有真正回答你的问题:防止显示了你就必须使用上述方法来指定其他图像的图像。您也可以指定多个'OG:image',您将能够选择哪一个,当你分享的链接使用。 – dwarfy 2011-04-23 10:10:04

3

只是这样做对其他应用:对opengraph链接居然没有为我工作。

什么工作是被添加这样一行

<link rel="image_src" href="http://{site hostname}/{path to icon}" /> 

页面的头部。无论如何,我都添加了opengraph标签,但到目前为止image_src已经完美表现了。

相关问题