使用 Facebook Sharer 分享多张图片

Question

我正在尝试将一个页面上的多个图像共享到 Facebook，如 this Whosebug post. The post indicates that in order to share multiple images, you need to include multiple og:image tags. I followed these instructions, as you can see from this page 中所述。

如果您查看页面的源代码，您会看到我包含了三个 og:image 标签，页面的三张图片各有一个标签：

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg"/>
     <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg"/>
     <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg"/>

页面上的每张图片都有自己的 Facebook link。因为我指定了三个 og:image 标签，所以我希望无论您单击哪个 link，您都可以从页面上的三个图像中选择一个。相反，您别无选择；只提供了三张图片中的第二张。

我认为这可能是一个缓存问题，所以我使用 Facebook 共享调试器工具 来查看 Facebook 看到了什么。 Link Preview 只显示一张图片，而 og:image 类别只列出一张图片，这让我很怀疑。但是，当我点击 Show All Raw Tags link 时，我发现 Facebook 确实接收了我的所有三个 og:image 标签：

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg" />
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg" />
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg" />

然后我点击页面底部的 Scrape via API link，这就是我得到的：

{
  "url": "https://senatorforaday.emkinstitute.org/senator/ePT4B0td/joe-levinger",
  "type": "website",
  "title": "Senator Joe Levinger | Edward M Kennedy Institute for the United States Senate",
  "image": [
    {
      "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg"
    },
    {
      "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg"
    },
    {
      "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg"
    }
  ],
  "description": "Visit the EMK Institute",
  "site_name": "Edward M Kennedy Institute for the United States Senate",
  "updated_time": "2016-07-11T19:51:09+0000",
  "id": "1101245249919459"
}

如您所见，image 键由我的 og:image 标签中指定的三个图像组成的数组，因此似乎这应该有效，但实际上无效。

关于我需要做什么才能让用户能够从页面上显示的三张图片中选择一张 select 有什么想法吗？

Answer 1

您的图片为 1600 x 630，至少为 200 x 200，但与 40:21 recommended by Facebook. Your 1600 wide image should be 840 in height.

不匹配

使用 Facebook Sharer 分享多张图片

Using Facebook Sharer to Share Multiple Images

facebook

facebook-sharer

facebook-opengraph