使用Facebook的Open Graph协议，是否允许多个缩略图？

Question

  

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

根据Facebook的Open Graph protocol documentation，您可以添加多个og:image元属性，以便将多个图片与您的网页相关联：

  

og:image - 应该的图片网址   代表你的对象   图形。图像必须至少为50像素   通过50px并具有最大的方面   比例为3：1。我们支持PNG，JPEG和   GIF格式。您可以包含多个   关联多个og:image标记   图片与你的页面。

但是，当我在URL Linter中加载页面时，会收到警告：

  

重复标签：您多次使用“图片”，但只应出现一次

那是哪个？

是否有更好的方法将多个缩略图与页面相关联？

Answer 1

您可以添加多个og：image元标记。 facebook有左/右箭头控件，允许用户在图像之间进行选择。

如果URL Linter看到多个og：image标记，它应该在Debug下显示为具有多个值的数据源：

  

从<meta property="og:image" />中提取3个值：[图片   位置]，[图像位置]，[图像位置]

Answer 2

作为og：image元标记的替代方法，您可以将缩略图图像添加到DOM的末尾，并将其可见性设置为隐藏。即使在页面本身不可见，缩略图也会被Facebook识别。我通常这样做是为了增加预防措施，因为我过去曾经历过meta标签的一些不稳定的行为。