【问题标题】:Provided og:image is not big enough in Facebook linter提供 og:image 在 Facebook linter 中不够大
【发布时间】:2013-02-27 02:14:32
【问题描述】:

我在我的网站上正确设置了og:image,facebook linter 看到它(facebook debugger) 但是,它说图像至少应该是 200x200,事实并非如此,我的图像是 250x250 image

什么可能导致问题?这和 Cloudfront 有什么关系吗?

Edit: I got around it by switching from this image to another image which is a 
jpg image, but still I couldn't find the cause for the problem since the image
looks fine.

【问题讨论】:

  • 您使用的 URL 是否重定向到实际图像?如果是这样,这是一个已知问题 - 我相信调试器和文档将很快更新以澄清此问题
  • 不,我从图片 URL 收到 HTTP 响应 200。
  • 修复其余警告,例如您提供的 URL 实际上没有任何 OG 元标记:pastebin.com/0h5TnJRS
  • 我刚刚做了这个但没有成功,但显然 Facebook 不喜欢我正在使用的图像,因为在更改为其他一些随机图像后,它停止在 linter 上抱怨......什么可以这张图片有问题吗?它大于 200x200
  • 更新:它总是在我第一次检查 url 时为我抛出该错误,重新发送表单并不能解决它,但硬重新加载页面会。然后 og:image 也用于后期预览。那么这是否意味着我必须为我网站的每个网址都这样做?脸书?

标签: facebook facebook-opengraph


【解决方案1】:

这里的帖子很有帮助:og:image Open Graph Warnings image size

通常,FB 的解析器更喜欢 (1) 以 100 的倍数测量和 (2) 正方形格式的图像。

【讨论】:

  • 他们会裁剪方形图像的顶部和底部!
【解决方案2】:

我的自定义 Web 服务器 ServeRick 遇到了同样的错误,解决方案出乎意料地是发送带有图像的 Content-Length 标头。如果没有此标头,facebook 不接受我的任何 og:image 链接

【讨论】:

    【解决方案3】:

    尝试在其他图像编辑器中重新保存图像。有时,图像元数据可以指示图像的大小与实际大小不同。用不同的程序重新保存它(在我的例子中,我使用了 MS Paint)可以使元数据对 facebook 更友好。

    【讨论】:

      【解决方案4】:

      这发生在我身上。我只使用 meta og:image 标签。我在头部添加了以下内容

      <link rel="image_src" type="image/jpeg" href="img_path" />
      

      它为我解决了问题。

      【讨论】:

      • 这也解决了我的问题,但解释是什么?
      • 这是 facebook 在其代码中解析出来的代码。
      • 这把我逼疯了。该死的,不准确的 Facebook URL Linter。 +1。
      • 为我修复了 linter 错误,但是当我在 Facebook 上分享时它仍然没有使用图像
      • 您是否将我的代码中的文本“img_path”替换为您的图像?
      【解决方案5】:

      我的图像的图像路径中有一个空格。

      就像我的图片路径是http://example.com/jodha akbar/image.jpg

      如果您观察上述情况。 jodha akbar 目录有空间。

      而 Facebook 并没有选择这条路,因为这个特殊字符可能是。

      我添加了一个 PHP str_replace 函数。它对我有用。

      str_replace(" ","%20",$image_path)
      

      【讨论】:

        【解决方案6】:

        将相同的图像从 JPG 转换为 PNG 对我有用。

        【讨论】:

          猜你喜欢
          • 2013-03-06
          • 1970-01-01
          • 2013-02-06
          • 1970-01-01
          • 2012-01-26
          • 2013-04-11
          • 1970-01-01
          • 1970-01-01
          • 2014-08-04
          相关资源
          最近更新 更多