15

可能重复：
Facebook Sharer 如何选择图片？

当用户使用共享按钮在使用http://www.facebook.com/sharer.php来实现此目的的站点上共享站点 url 时，想要共享缩略图。

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

我为图像添加了元标记：

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

和

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

但它不工作:(

4

3 回答 3

20

使用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 而不是相对 URL！

编辑：
请注意，Facebook 会在特定时期缓存网页，因此您可能不会立即注意到您的更改。检查 Facebook 是否/将实际接受您的更改的一个好方法是在您的 URL 中伪造一个参数。
例如，如果您的 URL 显示：http://example.com/index.php
添加类似的内容：http://example.com/index.php?123然后在URL Linter中使用它。;-)

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

编辑元标签

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

于 2011-02-12T12:06:07.827 回答
6

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

于 2011-02-12T18:25:06.627 回答
0

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

于 2011-02-12T13:34:11.713 回答