Facebook缩略图永远无法正常工作(Open Graph)

时间:2012-06-28 18:51:01

标签: facebook facebook-graph-api open-graph-protocol

目标:我们所有产品下方都会有一个Facebook [like]和[send]选项,它会显示正确的缩略图。

问题:所有OG(开放图表)标签都已到位。根据{{​​3}},它有效。我可以在测试网站上看到预览图像(我应该这样)。在那里,它的作品!实际上,这根本不起作用。在Facebook的测试页面之外..它从来没有奏效。

Facebook's test

Open Graph标签已经到位,包括:

`<meta property="og:image" content="http://img.loveculture.com/ProductImages/1044214_15_1.jpg" />`

现在它在页面外随机选择图像。我非常沮丧。

我想排除一些事情。

是的,图像位于子域中。即使在同一域上使用图像也会产生随机缩略图。 是的,我已经联系了Facebook,这个问题被忽略了。我对这个问题失去了希望。

更新 很棒....现在它决定使用其中一个粉红色箭头作为缩略图。

2 个答案:

答案 0 :(得分:1)

不,根据Facebook调试器,它不起作用:

  

打开应修正的图表警告:

     

Tiny og:image:og:image引用的所有图像在两个维度中必须至少 200px 。请检查给定网址中带有标记og:image的所有图像,并确保其符合最低规格。

您传递的文件是180x258px。传递完整尺寸的图像,应该没问题。

答案 1 :(得分:1)

好的,问题解决了。谢谢大家。

问题出在HTML中使用的网址中。

<div class='fb-like' data-send='true' data-width='450' data-href='http://www.loveculture.com/Item/ItemDetailView.aspx?StyleId=1043361' data-show-faces='true'></div>

这是两个合法网址之间的战争。

http://www.loveculture.com/Item/ItemDetailView.aspx?StyleId=1043361
VS
http://www.loveculture.com/Item/ItemDetail.aspx?StyleId=1043361

我很高兴这已经解决了。