【问题标题】:Facebook open graph og:image issue (empty image at facebook share)Facebook 开放图 og:图像问题(Facebook 共享中的空图像)
【发布时间】:2016-06-28 01:22:53
【问题描述】:

我坚持这一点并寻找新的想法。我正在使用 blogger.com 平台帮助一个朋友的博客。问题:博客的 Facebook 分享提供了空白图像,或者“铅笔”图标的损坏图像。

我尝试了以下方法:

  1. 在开发者 Facebook 网站上阅读最佳实践

  2. 经过验证的图片为推荐尺寸 (600x314)

  3. 定义了宽度和高度的元标记。

  4. 使用 Facebook 调试器工具获取新的 scraper 数据 - 总是得到相同的错误:

    og:image 未定义,无法下载或不够大。请使用 og:image 元标记定义所选图像,并使用至少 200x200 像素且可从 Facebook 访问的图像。图像 ... 将被使用。咨询...了解更多故障排除提示。

  5. 顺便说一句,在 Facebook 调试器工具中,我看到“基于原始标签,我们构建了以下 Open Graph 属性”部分,确实为 og:image 显示了正确的图像,但它显示了以分层的方式两次缩略图。

这是代码(放在<head>..</head> 部分):

<!-- Added by Gadi to support default image for blog sharing -->
<meta property="og:title" content="BLOG HORUT" />   
<meta property="og:image" content="http://3.bp.blogspot.com/-rk2zwtg7_Vc/VuR2Xs9G5cI/AAAAAAAAAS0/uEJWZcyZcpQZhjUrIUiAR0gsyCfgdSSfw/s1600-r/cover4.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="314" />

【问题讨论】:

  • OpenGraph 调试工具相当混乱。 2个缩略图都可以,我也有同样的经历。 Facebook 有很长的缓存时间——通常使用调试工具应该清除缓存,但通常不会。 FB 很可能会在几个小时内正确显示您的图像。
  • 很遗憾 - 好像没有更新,而且已经超过 72 小时了……

标签: facebook image facebook-opengraph meta-tags


【解决方案1】:

我在服务器的 og:image 标记指向一个实际上镜像 CDN 服务器的安全子域时遇到了类似的问题,

<meta property="og:image" content="https://subdomain.pathToImage.jpg" /> <meta property="og:image_secure" content="https://subdomain.pathToImage.jpg" />

FB 有一个debugging tool,它可以让您查看 FB 在尝试拉取图像时遇到的错误。

在我的情况下,子域未在 HTTPS 协议使用的 SSL 证书下注册。因此FB收到以下错误,

Curl Error : SSL_CACERT SSL certificate problem: unable to get local issuer certificate

【讨论】:

    【解决方案2】:

    请尝试以下方法: 再次保存您的图像,但使用新尺寸:1200 * 628。 我不确定 Facebook 的门槛在哪里(当然不是他们所说的 200x200px)——但在我的项目中,470*246 像素不足以让 Facebook 接受它作为 og:image 源。 og:image:*** 属性是无用的恕我直言 - 最好删除它们。

    【讨论】:

      猜你喜欢
      • 2015-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-21
      • 2014-11-27
      • 1970-01-01
      • 2014-04-04
      • 2017-08-23
      相关资源
      最近更新 更多