可能重复: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"/>
但它不起作用:(
3 回答
使用Open Graph Meta Tags的完整列表:
og:title - 实体的 Headers .
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!
EDIT:
请注意,Facebook会在特定时段内缓存网页,因此您可能不会立即注意到您的更改 . 检查Facebook是否/实际将进行更改的好方法是在URL中伪造一个参数 .
例如,如果您的网址为:
http://example.com/index.php
添加如下内容:
http://example.com/index.php?123
然后在URL Linter中使用它 . ;-)EDIT 2:
您可以直接使用Facebook Linter(现在称为Debugger),但要注意在某些情况下会更改某些数据 cannot ,如here所述:
在这里粘贴你的ulr https://developers.facebook.com/tools/debug/ . Facebook Open Graph Debugger将准确地告诉您从您的页面读取的内容 . 并且还将更新页面的facebook缓存,以便它可以尝试再次从中读取图像 .
正如ifaour所说,您必须使用绝对URL,否则它们将不会显示 .
<link>
标签应该可以正常工作 .