Facebook分享网址缩略图问题

Question

  

可能重复：
  How does Facebook Sharer select Images?

当用户使用网站上的共享按钮分享网站网址时，希望拥有共享缩略图，该按钮使用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 Meta Tags的完整列表：

• 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中的参数 例如，如果您的网址为：http://example.com/index.php 添加以下内容：http://example.com/index.php?123，然后在URL Linter中使用它。 ;-)

编辑2：
您可以直接使用Facebook Linter（现在称为Debugger），但请注意，在某些情况下，某些数据 无法 更改，如here所述：

  

编辑元标记

     

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

Answer 2

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

Answer 3

正如ifaour所说，您必须使用绝对URL，否则它们将不会显示。 <link>标记应该可以正常使用。