当您尝试share the pages on Woot.com之一时,它为缩略图提供了三个选项。第一个是用og:image指定的那个,但是其他两个似乎是从页面导航区域中包含的缩略图中随机选择的。
The debugger似乎没有帮助,它只显示og:image指定的那个。
有什么想法吗?
答案 0 :(得分:1)
我相信Facebook共享脚本总是试图向用户呈现多个图像供您选择。首先,它将在标题中查找og:image标签,然后转到页面内容并选择符合其共享标准的图像(即图像必须至少为50像素×50像素,最大宽高比为3:1 ,以及PNG,JPEG或GIF格式)。
因此,如果您想手动选择显示哪三个图像,只需在标题中添加两个额外的og:图像标记即可。再次在该页面上运行调试器,这应该可以提供所需的结果。
答案 1 :(得分:1)
检查您网站的来源,看起来您现在有两个og:图片代码,但您网站上的facebook sharer仍然只显示一个缩略图。
<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
您可以将所需图像的来源直接添加到共享者网址中,如下所示:
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
同样,这为您提供了直接控制,但您必须修改您的小共享小部件代码而不是标题代码...祝您好运。
答案 2 :(得分:0)
根据http://developers.facebook.com/docs/opengraphprotocol/
og:image - 应在图表中表示对象的图像URL。图像必须至少为50px乘50px,但最好是200px乘200px,建议使用1500px乘1500px以获得最佳用户体验。图像的最大纵横比为3:1。我们支持PNG,JPEG和GIF格式。您可以包含多个og:image标签,以将多个图像与您的页面相关联。 (注意:图像大小不得超过5MB。)
关于您的问题,这表明您可以将多个图像设置为Open Graph图像。如果您只想将特定图像作为选项提供,那么我建议提供三张图片,每张图片都有自己的“og:image”
目前你有:
meta property =“og:image”content =“http://d3gqasl9vmjfd8.cloudfront.net/750d2708-65b0-42d6-bf1e-a4e0f8f2b79c.jpg”/&gt;
您可以替换为:
meta property =“og:image”content =“http://d3gqasl9vmjfd8.cloudfront.net/750d2708-65b0-42d6-bf1e-a4e0f8f2b79c.jpg.jpg”/&gt;
meta property =“og:image”content =“http://d3gqasl9vmjfd8.cloudfront.net/sameimagenewname.jpg”/&gt;
meta property =“og:image”content =“http://d3gqasl9vmjfd8.cloudfront.net/sameimagenewname2.jpg”/&gt;
这将解决使用不需要的图像的问题。