目标:我们所有产品下方都会有一个Facebook [like]和[send]选项,它会显示正确的缩略图。
问题:所有OG(开放图表)标签都已到位。根据{{3}},它有效。我可以在测试网站上看到预览图像(我应该这样)。在那里,它的作品!实际上,这根本不起作用。在Facebook的测试页面之外..它从来没有奏效。
Open Graph标签已经到位,包括:
`<meta property="og:image" content="http://img.loveculture.com/ProductImages/1044214_15_1.jpg" />`
现在它在页面外随机选择图像。我非常沮丧。
我想排除一些事情。
是的,图像位于子域中。即使在同一域上使用图像也会产生随机缩略图。 是的,我已经联系了Facebook,这个问题被忽略了。我对这个问题失去了希望。
更新 很棒....现在它决定使用其中一个粉红色箭头作为缩略图。
答案 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
我很高兴这已经解决了。