2013-11-28 147 views
19

我已经运行我的网站通过调试器和正确的og:图像拉起来,但是当我点击我的网站上的共享按钮时,我得到一个不同的图像。如果我点击我的iPad上的分享按钮,我会看到错误的图像和第二张图像,这是正确的图像。测试在铬和IE9,既不给我正确的形象。这个工作一直持续到几天前。Facebook打开图形图像不显示

网站www.bodhitee.com

这里是我的OG标签

<meta property="og:title" content="20% of each sale helps fight reckless fracking and mining."/> 
<meta property="og:description" content="www.bodhitee.com: Cool Baby and Kids Clothes for a Cause"/> 
<meta property="og:image" content="https://www.bodhitee.com/product_images/uploaded_images/bodhitee-fb-earthworks-nofrack.jpg"/> 

回答

46

当拉从URL的网页Facebook的缓存这对以后的内容。这意味着,如果Facebook一次从您的网站提取数据,而不是您的网站更改(例如您的og:image标记更改),则Facebook不会更改图像,因为它已经将所有内容都缓存在了一边。

尝试访问Facebook Debugger页面并查看Facebook“看到”的内容。使用此工具将强制Facebook刷新给定URL中的数据。这是调试它的最好方法。

当您确定Facebook“看到”正确的og:image标记时,请确保og:图像中的图像具有适当的最小宽度/高度(全部在fb调试器中进行了说明)。如果Facebook不符合FB标准,Facebook将不会使用来自og:image的图片。

我强烈建议使用此工具,无论您的网站在FB上的内容有何问题。

+5

+1链接到Facebook调试器 - 伟大的工具来排序这些问题 –

2

我注意到你的图像是一个安全的链接。我遇到了同样的问题,但我将其更改为http(不安全),并在Facebook调试器工具中进行了1次或2次刷新,并且工作正常!在此Q/A图像HTTPS的东西:

一束OG FB OpenGraph og:image not pulling images (possibly https?)

0

我相信我通过使用固定这以下行。这对我来说并不合乎逻辑,因为我的og:image标记是完美的,Facebook也看到了它。

<meta itemprop="image" content="https://blahblahurl.png"> 
3

我已经读过安全URL需要在调用中有额外的代码。

og:image:secure_url - 如果网页需要使用HTTPS,则使用替代网址。

1

你应该使用Facebook的链接调试的检测问题
https://developers.facebook.com/tools/debug/sharing/
您只需要输入您要查询的问题你的链接。
如果你的链接Facebook已经缓存了它,那么你按下[Scape again]按钮重新加载链接。
如果您的链接有任何问题,那么Facebook会为您警告。

2

对于它的价值,我的问题是我的cPanel上有“热链接保护”,这阻止了FB获取图像并在其他地方共享。我没有选中它,现在它正在显示图像。