Facebook,Pinterest忽略了og:image,但是调试器说一切都很好

时间:2013-11-14 16:11:16

标签: facebook facebook-opengraph opengraph pinterest

当我将https://testing.grabble.co.uk/user/index/user/ben.mu粘贴到Facebook时,出于某种原因,它会从页面顶部选择横幅图片,而不是og:image元标记中指示的图像。

但是,https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Ftesting.grabble.co.uk%2Fuser%2Findex%2Fuser%2Fben.mu表示所有内容都已正确通过。任何人都有任何想法为什么会这样?图像是200x200,据我所知它应该足够大,Facebook不要忽视它。

此外,Pinterest似乎也忽略了我们所有的og:图像标签,即使设置的图像是450x450或更大。我怀疑这是相关的。

1 个答案:

答案 0 :(得分:0)

如果og:image URL未在页面中显示为实际的<img/>元素,Facebook显然会在og:image属性中显示更大,更详细的图像。解决方法是将横幅图像从<img/>标记切换为background-image:url()CSS属性。现在一切都按预期工作,包括在Pinterest上。