Facebook无法掌握我的og:图像文件,我已经尝试了所有常见的解决方案。我开始认为这可能与https://..有关。

I have checked http://developers.facebook.com/tools/debug and have zero warnings or errors. It is finding the images we linked to in the "og:image", but they're showing up blank. When we click the image(s), however, they DO exist and it takes is straight to them. It DOES show one image -- an image hosted on a non-https server. We've tried square images, jpegs, pngs, larger sizes and smaller sizes. We've put the images right in public_html. Zero are showing up. It's not a caching error, because when we add another og:image to the meta, FB's linter does find and read that. It DOES show a preview. The preview is blank. The only exception we're getting is for images that are not on this website. We thought maybe there was some anti-leach on cpanel or the .htaccess that was preventing the images from showing up, so we checked. There was not. We even did a quick < img src="[remote file]" > on an entirely different server and the image shows up fine. We thought maybe it was the og:type or another oddity with another meta tag. We removed all of them, one at a time and checked it. No change. Just warnings. The same code on a different website shows up without any issue. We thought maybe it was not pulling images because we're using the same product page(s) for multiple products (changing it based on the get value, ie, "details.php?id=xxx") but it's still pulling in one image (from a different url). Leaving any og:image or image_src off, FB does not find any images.

我已经山穷水尽了。如果我说我自己和其他人在这方面花了多少时间,你会感到震惊。问题是这是一个在线商店。我们绝对绝对不能没有图像。我们必须这么做。我们还有十多个其他网站……这是唯一一个有og:图像问题的。它也是唯一一个使用https的,所以我们认为这可能是问题所在。但我们在网上找不到任何这样的先例。

这些是元标签:

<meta property="og:title" content="[The product name]" /> 
<meta property="og:description" content="[the product description]" /> 
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />      
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">

如果你想要它,这里有一个链接到我们一直在做的产品页面。[缩短链接,试图阻止这进入我们网站的搜索结果]:http://rockn.ro/114

编辑——

使用“see what facebook sees”刮刀工具,我们可以看到以下内容:

"image": [          
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
      },
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
      },
      {
         "url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
      }
   ],

我们测试了它为单个页面找到的所有链接。所有这些都是完全有效的图像。

编辑2 ----

我们尝试了一个测试,并在NONSECURE网站上添加了一个子域名(从该网站上的图像实际上可以通过facebook看到)。子域名为http://img.[nonsecuresite].com。然后,我们将所有图像放入主子域文件夹并引用它们。它不会把这些图片拉进FB。但是,它仍然会提取在不安全的主域上引用的任何图像。

发布的解决方案----

Thanks to Keegan, we now know that this is a bug in Facebook. To workaround, we placed a subdomain in a different NON-HTTPS website and dumped all images in it. We referenced the coordinating http://img.otherdomain.com/[like-image.jpg] image in og:image on each product page. We then had to go through FB Linter and run EVERY link to refresh the OG data. This worked, but the solution is a band-aid workaround, and if the https issue is fixed and we go back to using the natural https domain, FB will have cached the images from a different website, complicating matters. Hopefully this information helps to save someone else from losing 32 coding hours of their life.


当前回答

我也遇到过类似的问题。我删除了属性="og:image:secure_url",现在它只会用og:image擦洗。有时候,少即是多

其他回答

我发现了另一个og图像不显示在FB卡上的原因。此外,使用FB刮刀工具来调试og元标签,我可以确认所有必需的标签在我的WordPress页面中,但我会得到以下文件下载错误,

如果og:image, < http -link-to-jpg-image >无法下载。 这可能是由于几个不同的原因,如您的服务器 使用不支持的内容编码。爬虫接受deflate和gzip内容编码。

我隐约觉得图像格式有问题,图像链接正常,但信息似乎表明内容编码有问题。

经过大量的搜索,我最终找到了WordPress服务器所需的php扩展,并意识到phop -exif模块没有安装。exif模块将exif元数据写入所有上传的图像。因此,FB og图像标记中使用的图像没有任何exif元数据与之关联。

一旦exif模块被启用,WordPress允许为一个图像重置exif元数据(Media library->select and image->Edit more details->Map exif元数据),图像现在如预期的那样出现在FB卡上。

经过几个小时的测试和尝试……

我尽可能简单地解决了这个问题。 我注意到他们在Facebook开发者页面中使用了“测试页面”,其中只包含“og”标签和body标签中的一些文本,这些文本引用了这个og标签。

我做了什么?

我在我的应用程序中创建了第二个视图,包含他们使用的相同内容。

我怎么知道Facebook正在访问我的页面,所以我可以改变视图?他们有一个独特的用户代理:“facebookexternalhit/1.1”

我也遇到过类似的问题。我删除了属性="og:image:secure_url",现在它只会用og:image擦洗。有时候,少即是多

我也遇到了同样的问题,并在Facebook开发者网站上报告了一个bug。很明显,使用HTTP的og:image uri可以正常工作,而使用HTTPS的uri则不行。他们现在承认正在“调查此事”。

更新:截至2020年,该漏洞在Facebook的票务系统中不再可见。他们从来没有回应,我不相信这种行为已经改变。但是,在og:image:secure中指定HTTPS URI似乎可以正常工作。

有些属性可以附加额外的元数据。这些元数据的指定方式与其他具有属性和内容的元数据相同,但属性将有额外的:

image属性有一些可选的结构化属性:

og:image:url -与og:image相同。 image:secure_url—An 如果网页需要HTTPS,可以使用其他url。 og:image:type - A 此映像的MIME类型。 og:image:width -像素的宽度。 og:image:height -高的像素数。

完整的图像示例:

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" />

因此,您需要将HTTPS url的og:image属性更改为og:image:secure_url

Ex:

图片的HTTPS元标签:

<meta property="og:image:secure_url" content="https://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

图片的HTTP元标签:

<meta property="og:image" content="http://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

来源:http://ogp.me/#structured <—您可以访问该网站了解更多信息。

编辑:不要忘记在更新代码后ping facebook服务器- URL Linter