logo标签列表

提供的og:image不够大

imagefacebook-opengraphfacebook-social-plugins
7

最近我遇到了这个问题。

以下是我的调试信息：

提供的图像大于200x200px，具有唯一的链接并且该页面上没有任何重定向。

验证器响应代码为200。

当我在Facebook上复制并粘贴页面链接时，它会给我三个小于200x200px的图片供选择，而我提供的那一个则被忽略了。

但如果我通过“赞”或“分享”按钮分享它，就能正常工作。

这似乎是一个Facebook的Bug。

谢谢。

我知道这并没有帮助，但我也遇到了同样的问题。这是我的调试信息。 - Joe Cole
嗨，你的调试中有两个问题：
  1. 你必须调试一个带有社交插件的页面。
  2. 你的图片无法打开：错误：无法打开 photos/People/Anna_and_Patrick/Posed_Pictures 进行阅读！
 - Paolo Sanna
谢谢您查看。我正在处理网站并弄乱了一些东西。现在图像已经打开了，我实际上已经确定og:image错误是由于og:image url文件名中有一个空格造成的。 - Joe Cole
昨天它说：必须提供img url，现在一切都正常。 - Paolo Sanna
没错，我想你在我处理它的时候看到了它。但是，即使调试器显示一切正确，它也不起作用！在Facebook上分享/点赞/评论的任何内容都不会显示任何图片！ - Joe Cole
显示剩余4条评论
7个回答
3
我使用了来自此和此文章中所提供的信息进行解决。
你可以尝试使用一个大于200x200的图像, 宽高都是100的倍数, 并且是正方形。
其他有用的方法包括使用jpg扩展名、将图像托管在网站相同的服务器上，以及避免文件名中出现任何“奇怪”的字符。
这对我有用。另外，我在另一个答案中读到1500是一个不错的大小，所以我保持了那个大小。 - aalaap
1
我尝试了这篇文章和其他文章中提出的许多建议，但都没有成功。最终对我有用的方法（我在其他地方没有看到过）是为元素添加正确的前缀，而我之前完全没有添加。
<head prefix="og: http://ogp.me/ns#">

不确定这是否永久解决了问题，还是只是激活了调试器重新扫描图像（正确地），但希望它能帮助其他人。

顺便说一句，我在<html>标签中有这个参数xmlns:og="http://ogp.me/ns#"，但是Facebook仍然会在存在、不重定向、大小、类型正确且位于相同URL上的图像上抛出错误。 - Cyprus106
0

我通过重命名图像和og:image URL完成了它。你也可以试试。

谢谢，不行啊。我在那个网站的每个新页面上都收到相同的错误。每个页面都有独特的图像名称和URL。;) 这似乎是一个漏洞，Fb已经为此打开了一个案例...但一个月过去了，什么也没有改变。 - Paolo Sanna
0

我尝试了大部分的建议 - 仔细检查了<head>前缀，尝试添加javascript sdk，尝试使用方形图片，从不同位置获取图片，简化文件名...

最后成功的方法是确保在正文中出现相同图片的<img>标签！我用CSS / 内联样式将其隐藏起来。

0

我经常使用png格式的图片。我总是使用1920 x 1080的分辨率，因为它们在Facebook分享时看起来非常好。大约85%的时间它们都能正常工作，但有时候它们却不能正常显示。有时候我会尝试删除并重新上传同一张照片，甚至不改变文件名或任何内容，然后它就突然可以正常显示了。我不是一个真正的开发者，所以这就是我能提供的全部信息。

0
我也很久以前就一直在为这个问题苦恼。我尝试了所有大小和形状的图像，对其进行重命名，添加特定的og:image:height和:width标签等。 我“解决”这个问题的方法是将我想要显示在网站上的图片放在网站的根目录中，并在og:image中指向另一个（1500x1500）的图像。 Facebook linter随后告诉我它将使用根目录中的图像。这样就可以正常工作了；-)
0

即使您的图像大小不是100的倍数，如果您的图像是jpg或jpeg格式，则应该可以工作。 如果您的图像是png格式，无论大小如何，都不会起作用。这仅基于我的测试结果。我想在这里听取其他开发人员的意见。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接