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

使用开放图元标签的完整列表：

• og:title - 实体的标题。
• og:type - 实体的类型。您必须从开放图类型列表中选择一种类型。
• og:image - 代表实体的图像的 URL。图像必须至少为 50 像素 x 50 像素。方形图像效果最好，但您可以使用宽度最多为高度三倍的图像。
• og:url - 代表实体的页面的规范、永久 URL。当您使用开放图谱标签时，“赞”按钮会发布指向 og:url 的链接，而不是“赞”按钮代码中的 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 检查。 ;-)

编辑 2:
您可以直接使用 Facebook Linter（现在称为调试器），但请注意，某些数据无法在某些情况下会发生变化，如下所述：此处：

编辑元标记

您可以通过更新页面的属性来更新页面的属性
标签。请注意，og:title 和 og:type 只能编辑
最初 - 当您的页面收到 50 个赞后，标题就会固定，
当你的页面收到 10,000 个赞后，类型就固定了。
这些属性是固定的，以避免让喜欢的用户感到惊讶
页面已经。在这些限制之后更改标题或类型标签
已到达 不执行任何操作，您的页面保留原始标题并且
类型。

Answer 2

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

Answer 3

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