2012-06-02 42 views
35

Facebook有时会做这个真正整洁的事情,他们显示一个网站的缩略图预览您链接到状态更新...通常是网站的标志。当我将链接粘贴到帖子/状态/评论中时,如何让Facebook显示我网站的徽标?

fb status

我想知道的诀窍是让这对我的网站的工作是什么,所以如果我要分享“http://www.mysite.com/”,我会看到我的网站的logo /图标在预览框中。我将如何做到这一点?

+0

的[如何Facebook的分享者选择图片?]可能重复(http://stackoverflow.com/questions/1138460/how-does-facebook-sharer-select-images) –

回答

72

尝试在这个Facebook的调试工具,您的网站。

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

它会告诉你什么是missing.Eg。在页头下方

<meta property="og:image" content="[url to image]" /> 
<meta property="og:title" content="[page name]" /> 
<meta property="og:description" content="[content description]" /> 

根据您的网站建立方式,有不同的方法。例如。 This Wordpress插件为页面上的每个图像创建链接,以便您可以在页面上的徽标和任何其他帖子图像之间进行选择。

更新2017:现在推荐到register a Facebook App ID为您的网站,否则调试器会给你一个错误。 More tags and info

+0

您与此调试化险为夷!在我的情况下,我的og:type不是第一个,那么facebook没有识别它。 –

+0

我已经这样做了,我仍然得到这个错误信息:“og:image没有定义,无法下载或者不够大,请使用og:image metatag定义一个选定的图像,并使用至少一个图像200x200px,可从Facebook访问,图片'http://www.oceanview335.com/Pictures/2015%20DDGMs.png'将被用来代替。“ – CigarDoug

+0

非常感谢! :-) –

4

你可以把这个在你的页面的源代码:

<link rel="image_src" href="http://somesite.org/img/title.jpg" />

相关问题