2011-02-11 77 views
14

可能重复:
How does Facebook Sharer select Images?Facebook分享网址缩略问题

想拥有的份额缩略图使用时,在现场分享按钮,它使用http://www.facebook.com/sharer.php用户共享网站的网址,以实现这一目标。

网站没有img标签,所有图片都是在css中定义的。

我加入meta标签的图像:

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

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

,但它不工作:(

回答

20

使用Open Graph Meta Tags完整列表:

  • OG :标题 - th的标题e实体。
  • og:type - 实体的类型。您必须从Open Graph类型列表中选择一个类型。
  • og:image - 表示实体的图像的URL。图片必须至少50像素x 50像素。方形图像效果最佳,但您可以使用最多三倍于图像宽度的图像。
  • og:url - 表示实体的页面的规范永久URL。当您使用Open Graph标记时,Like按钮将链接发送到og:url,而不是Like按钮代码中的URL。
  • og:site_name - 您网站的可读名称,例如“IMDb”。
  • fb:admins或fb:app_id - 页面管理员的Facebook ID或Facebook Platform应用程序ID的逗号分隔列表。至少,只包含您自己的Facebook ID。

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

编辑:
请注意,Facebook的缓存为特定时期的网页,所以你可能不会注意到你的改变的时候了。检查Facebook是否会实际进行更改的一种好方法是在网址中伪造一个参数。
例如,如果您的网址显示为:http://example.com/index.php
添加如下内容:http://example.com/index.php?123然后在URL Linter中使用它。;-)

编辑2:
你可以直接使用Facebook的短绒(现在叫Debugger),但要注意,一些数据无法在某些情况下发生变化,说明here

编辑Meta标签

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

+0

尝试使用绝对URL,它没有工作:( – MatejB 2011-02-12 17:44:13

+2

是的,缓存是问题!:) – MatejB 2011-02-14 16:14:33

0

就像ifaour说的那样,你必须使用绝对URL或者它们不会被显示。 <link>标签应该可以正常工作。

6

粘贴你的ulr https://developers.facebook.com/tools/debug/。 facebook Open Graph Debugger会告诉你到底是从你的页面读取什么。并且还会更新页面的Facebook缓存,以便它可以尝试再次从中读取图像。