Facebook分享网址缩略图问题[重复]

Question

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

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

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

我为图片添加了元标记：

和

但它不起作用:(

Answer 1

使用Open Graph Meta Tags的完整列表：

• og:title - 实体的标题。
• 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 平台应用程序 ID 的逗号分隔列表。至少，只包含您自己的 Facebook ID。

同时使用绝对 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> 标签应该可以正常工作。