0

当您尝试在 Woot.com 上共享其中一个页面时，它会为缩略图提供三个选项。第一个是 og:image 指定的，但其他两个似乎是从页面导航区域中包含的缩略图中随机选择的。

调试器似乎没有帮助，它只显示 og:image 指定的那个。

有任何想法吗？

4

3 回答 3

1

我相信 Facebook 分享脚本总是试图向用户展示可供选择的多个图像。首先它将在标题中查找 og:image 标签，然后转到页面内容并选择符合其共享标准的图像（即图像必须至少为 50 像素 x 50 像素，最大纵横比为 3:1 , 以及 PNG、JPEG 或 GIF 格式）。

因此，如果您想手动选择显示哪三个图像，只需在标题中添加两个额外的 og:image 标签。再次在该页面上运行调试器，这应该会为您提供所需的结果。

于 2013-03-03T02:11:19.860 回答
1

检查您网站的来源，您现在似乎有两个 og:image 标签，但您网站上的 facebook 共享器仍然只显示一个缩略图。

<meta property="og:image" content="http://d3gqasl9vmjfd8.cloudfront.net/3f0c6be3-29b1-4241-bd13-af61613f6dee.jpg" />
<meta property="og:image" content="http://d3gqasl9vmjfd8.cloudfront.net/4ccb33cb-13b7-457c-a425-2ed7a305a758.jpg" />

如果您想要绝对控制，并且您似乎可以修改源，那么我建议您只修改您的 facebook 共享者的链接。在页面上，我目前将其视为：

http://www.facebook.com/sharer.php?u=http://www.woot.com/offers/cuisinart-14-pc-non-stick-cookware-set-5&src=sp

您可以将所需图像的来源直接添加到共享者 url 中，如下所示：

http://www.facebook.com/sharer.php?s=100&p[url]=http://www.woot.com/offers/cuisinart-14-pc-non-stick-cookware-set-5&p[images][0]=http://goo.gl/ehi4d

同样，这为您提供了直接控制，但您必须修改您的小共享小部件代码而不是您的标题代码......祝您好运。

于 2013-03-08T17:56:09.367 回答
0

根据http://developers.facebook.com/docs/opengraphprotocol/

og:image - 应在图中表示您的对象的图像 URL。图像必须至少为 50 像素 x 50 像素，但至少 200 像素 x 200 像素是首选，并且建议使用 1500 像素 x 1500 像素以获得最佳用户体验。图像的最大纵横比为 3:1。我们支持 PNG、JPEG 和 GIF 格式。您可以包含多个 og:image 标签以将多个图像与您的页面相关联。（注意：图像大小不得超过 5MB。）

关于您的问题，这表明您可以将多个图像设置为 Open Graph 图像。如果您只希望将您的特定图像作为选项提供，那么我建议提供三个图像，每个图像都有自己的“og：image”

目前您有：

元属性="og:image" 内容="http://d3gqasl9vmjfd8.cloudfront.net/750d2708-65b0-42d6-bf1e-a4e0f8f2b79c.jpg" />

您可以替换为：

元属性="og:image" 内容="http://d3gqasl9vmjfd8.cloudfront.net/750d2708-65b0-42d6-bf1e-a4e0f8f2b79c.jpg.jpg" />

元属性="og:image" 内容="http://d3gqasl9vmjfd8.cloudfront.net/sameimagenewname.jpg" />

元属性="og:image" 内容="http://d3gqasl9vmjfd8.cloudfront.net/sameimagenewname2.jpg" />

这将解决使用不受欢迎的图像的问题。

于 2013-03-05T12:45:59.680 回答