当使用Facebook Sharer时，Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像，以及如何确保页面上的任何特定图像始终包含在此列表中?
当前回答
这对我来说是有用的:我把想要的缩略图放在标签的右边，让它太小而看不见。
<img src="imagename.jpg" width="1" height="1" />
我还没有测试它的高度为0和宽度为0，但它可能仍然可以工作。这并不保证用户将选择此图像..
此外，似乎Facebook缓存的缩略图在你的页面，并不总是检查它的新。尝试将此添加到您网站的另一个页面，您将看到它工作。
其他回答
我有这个问题，并解决了它与手册84的建议。使用400x400px的图像效果很好，而我的小图像从未出现在共享器中。
请注意，Facebook推荐最小200px的正方形图像作为og:image标签:https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags
截至2013年，如果你使用facebook.com/sharer.php (PHP)，你可以简单地创建任何按钮/链接:
<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo urlencode(YOUR_TITLE);?>&p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&p[images][0]=<?php echo urlencode(YOUR_LINK_THUMBNAIL); ?>">share on facebook</a>
链路查询参数:
p[title] = Define a page title
p[summary] = An URL description, most likely describing the contents of the page
p[url] = The absolute URL for the page you're sharing
p[images][0] = The URL of the thumbnail image to be used as post thumbnail on facebook
这很简单:你不需要任何js或其他设置。只是一个HTML原始链接。 以任何您想要的方式样式A标记。
为了改变标题，描述和图像，我们需要在头部标签下添加一些元标签。
第一步: 在头部标签下添加元标签
<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 =你的网站链接
享受! !
把下面的标签放在头部:
<link rel="image_src" href="/path/to/your/image"/>
从http://www.facebook.com/share_partners.php
至于它在没有这个标记的情况下选择什么作为默认值，我不确定。
我无法让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:永久页面访问令牌?
- 调用线程必须是STA，因为许多UI组件都要求这一点
- 使用什么api来绘制其他应用程序(如Facebook的Chat Heads)?
- Android Facebook集成无效键散列
- 如何创建Android Facebook密钥哈希?
- Android-Facebook应用程序的键散列
- 如何找到并运行keytool
- Facebook API -如何通过Facebook API获得Facebook用户的个人资料图像(不需要用户“允许”应用程序)
- 如何从事件对象访问自定义属性在反应?
- Android Facebook风格幻灯片
- 为WhatsApp链接共享提供一个图像
- Facebook OAuth“这个URL的域名不包括在应用程序的域名中”
- FB OpenGraph og:图像不拉图像(可能是https?)
- Facebook Graph API v2.0+ - /me/friends返回空，或者只有朋友也使用我的应用程序
- 当分享我的URL时，Facebook分享者如何选择图像和其他元数据?
