当使用Facebook Sharer时,Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像,以及如何确保页面上的任何特定图像始终包含在此列表中?
当前回答
根据我的经验,http://www.facebook.com/sharer.php不使用元标记。它使用你传递的字符串。见下文。
http://www.facebook.com/sharer.php?s=100&p[title]=THIS IS MY TITLE&p[summary]=THIS IS MY SUMMARY&p[url]=http://www.MYURL.com&&p[images][0]=http://www.MYURL.com/img/IMAGEADDRESS
元标签与Facebook的开发者(如/send按钮)一起工作,其他Open Graph信息也是如此。所以如果你使用Facebook的一个实际元素,比如评论之类的,它们都将与Open Graph相关。
更新:有两种使用共享器的方法*注意查询字符串中的?s值和?u值 1 ==> STRING: http://www.facebook.com/sharer.php?s +上面的内容 将从字符串中提取信息。 2 ==> URL: http://www.facebook.com/sharer.php?u=url,其中URL等于实际URL ~~>将抓取url值中提供的页面 ~~>你可以在这里测试测试值:https://developers.facebook.com/tools/debug
其他回答
这对我来说是有用的:我把想要的缩略图放在标签的右边,让它太小而看不见。
<img src="imagename.jpg" width="1" height="1" />
我还没有测试它的高度为0和宽度为0,但它可能仍然可以工作。这并不保证用户将选择此图像..
此外,似乎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
安全HTTPS
<meta property="og:image:secure_url" content="https://image.path.png" />
为了改变标题,描述和图像,我们需要在头部标签下添加一些元标签。
第一步: 在头部标签下添加元标签
<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 =你的网站链接
享受! !
我有这个问题,并解决了它与手册84的建议。使用400x400px的图像效果很好,而我的小图像从未出现在共享器中。
请注意,Facebook推荐最小200px的正方形图像作为og:image标签:https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags
推荐文章
- 如何找到并运行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分享者如何选择图像和其他元数据?
- 在iOS应用程序中设计Facebook身份验证,同时访问安全的web服务
- Facebook回调附加“#_=_”到返回URL
- 这个应用程序的开发人员没有设置这个应用程序正确的Facebook登录?
- 如何识别一个网页是加载在一个iframe或直接进入浏览器窗口?
- Facebook和Twitter新url中的shebang/hashbang(#!)是干什么用的?
- Facebook如何禁用浏览器的集成开发工具?