当使用Facebook Sharer时,Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像,以及如何确保页面上的任何特定图像始终包含在此列表中?


当前回答

使用facebook feed对话框而不是共享对话框来显示自定义图像

例子:

https://www.facebook.com/dialog/feed?app_id=1389892087910588
&redirect_uri=https://scotch.io
&link=https://scotch.io
&picture=http://placekitten.com/500/500
&caption=This%20is%20the%20caption
&description=This%20is%20the%20description

其他回答

我有这个问题,并解决了它与手册84的建议。使用400x400px的图像效果很好,而我的小图像从未出现在共享器中。

请注意,Facebook推荐最小200px的正方形图像作为og:image标签:https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags

为了改变标题,描述和图像,我们需要在头部标签下添加一些元标签。

第一步: 在头部标签下添加元标签

<html>
<head>
    <meta property="og:url" content="http://www.test.com/" />
    <meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
    <meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
    <meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

下一步: 点击下面的链接 https://developers.facebook.com/tools/debug

在您提到标签的文本框(例如http://www.test.com/)中添加您的URL。 点击DEBUG按钮。

它的完成。

你可以在这里验证https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

在上面的url, u =你的网站链接

享受! !

这对我来说是有用的:我把想要的缩略图放在标签的右边,让它太小而看不见。

<img src="imagename.jpg" width="1" height="1" />

我还没有测试它的高度为0和宽度为0,但它可能仍然可以工作。这并不保证用户将选择此图像..

此外,似乎Facebook缓存的缩略图在你的页面,并不总是检查它的新。尝试将此添加到您网站的另一个页面,您将看到它工作。

我无法让Facebook从特定的帖子中选择正确的图像,所以我做了这个页面上概述的事情:

https://webapps.stackexchange.com/questions/18468/adding-meta-tags-to-individual-blogger-posts

换句话说,是这样的:

<b:if cond='data:blog.url == "http://urlofyourpost.com"'>
  <meta content='http://urlofyourimage.png' property='og:image'/>
 </b:if>

基本上,你要硬编码一个if语句到你的网站的HTML中,让它改变元内容,不管你为那篇文章改变了什么。这是一个混乱的解决方案,但它有效。

当你在Facebook上分享时,你必须在标题部分添加你的html下一个元标签:

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

就是这样!

添加按钮,因为你应该根据FB告诉你。

你需要的所有信息都在www.facebook.com/share/