Facebook分享网址缩略图问题

Question

可能重复:
Facebook Sharer如何选择图像？

想要在用户使用网站上的共享按钮共享网站网址时使用共享缩略图,该按钮使用http://www.facebook.com/sharer.php来实现.

站点剂量没有img标签,所有图像都在css中定义.

我为图片添加了元标记:

<meta property="og:image" content="/images/branding/branding-logo.png"/>

和

<link rel="image_src" href="/images/branding/branding-logo.png"/>

但它不起作用:(

Answer 1

使用Open Graph元标记的完整列表:

• og:title - 实体的标题.
• og:type - 实体的类型.您必须从Open Graph类型列表中选择一种类型.
• og:image - 表示实体的图像的URL.图像必须至少为50像素×50像素.方形图像效果最好,但您可以使用高达三倍的图像.
• og:url - 表示实体的页面的规范永久URL.当您使用Open Graph标签时,Like按钮会发布指向og:url的链接,而不是Like按钮代码中的URL.
• og:site_name - 您网站的可读名称,例如"IMDb".
• fb:admins或fb:app_id - 以逗号分隔的页面管理员的Facebook ID或Facebook平台应用程序ID列表.至少,只包括您自己的Facebook ID.

也使用绝对URL而不是相对URL!

编辑:
请注意Facebook会在特定时段内缓存网页,因此您可能不会立即注意到您的更改.检查Facebook是否/实际将进行更改的好方法是在URL中伪造一个参数.
例如,如果您的URL显示为:http://example.com/index.php
添加类似于:http://example.com/index.php?123然后在URL Linter中使用它.;-)

编辑2:
您可以直接使用Facebook的短绒(现在叫调试器),但要注意,有些数据不能在某些情况下,描述的改变在这里:

编辑元标记

您可以通过更新页面标签来更新页面的属性.请注意,og:title和og:type最初只能编辑 - 在您的页面收到50之后,标题变得固定,并且在您的页面收到10,000个喜欢后,类型将变为固定.这些属性是固定的,以避免已经喜欢该页面的令人惊讶的用户.达到这些限制后更改标题或类型标签不起作用,您的页面保留原始标题和类型.

Answer 2

在这里粘贴您的ulr https://developers.facebook.com/tools/debug/.Facebook Open Graph Debugger将准确地告诉您从您的页面读取的内容.并且还将更新页面的facebook缓存,以便它可以尝试再次从中读取图像.