共享我的URL时，Facebook Sharer如何选择图像和其他元数据？

使用Facebook Sharer时，Facebook将为用户提供使用从源中拉出的几张图像中的一张作为其链接预览的选项。如何选择这些图像，以及如何确保页面上的任何特定图像始终包含在此列表中？

#1楼

将以下标签放在head ：

<link rel="image_src" href="/path/to/your/image"/>

来自http://www.facebook.com/share_partners.php

至于在没有此标记的情况下它选择的默认值，我不确定。

#2楼

为了安全的HTTPS

<meta property="og:image:secure_url" content="https://image.path.png" />

#3楼

根据我的经验， http：//www.facebook.com/sharer.php不使用元标记。它使用您传递的字符串。见下文。

http://www.facebook.com/sharer.php?s=100&p[title]=这是我的标题＆p [summary] =这是我的摘要＆p [url] = http：//www.MYURL.com&&p [images] [ 0] = http：//www.MYURL.com/img/IMAGEADDRESS

meta标签可与Facebook开发人员的“喜欢/发送”按钮配合使用，其他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

#4楼

我遇到了这个问题，并根据manuel-84的建议进行了修复。使用400x400px的图像效果很好，而我的较小图像却从未出现在共享程序中。

请注意，Facebook建议使用至少200像素的正方形图像作为og：image标签： https : //developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags

#5楼

从2013年开始，如果您使用的是facebook.com/sharer.php（PHP），则可以简单地创建任何按钮/链接，例如：

<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo urlencode(YOUR_TITLE);?>&amp;p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&amp;p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&amp;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标签的样式。

来源：oschina

链接：https://my.oschina.net/stackoom/blog/3164598

标签

js获取url参数

url

urlencode