0

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

但是,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:image 标签,即使设置的图像是 450x450 或更大。我怀疑这是相关的。

4

1 回答 1

0

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

于 2013-11-15T13:29:10.943 回答