Facebook打开图形图像不显示

时间:2013-11-28 06:25:29

标签: facebook facebook-opengraph

我已通过调试器运行我的网站并且正确的og:图像拉起,但当我点击我网站上的分享按钮时,我得到了一个不同的图像。如果我单击ipad上的分享按钮,我会得到错误的图像以及第二张图像,这是正确的图像。在chrome和IE9中测试过,并没有给我正确的图像。这种情况一直持续到几天前。

网站是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"/>

9 个答案:

答案 0 :(得分:56)

从网址中提取网页时,Facebook 会缓存其内容以供日后使用。这意味着,如果Facebook曾经从您的网站提取数据,而不是您的网站更改(例如您的og:图像标签更改),Facebook将不会更改图像,因为它已经将所有内容缓存在它的旁边。

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

当你确定Facebook“看到”正确的og:image标签时,请确保og:image中的图像具有适当的最小宽度/高度(这在fb调试器中都有解释)。如果不符合FB的标准,Facebook将不会使用og:image中的图像。

如果您的网站上的内容出现任何问题,我强烈推荐使用此工具。

答案 1 :(得分:3)

我已经读过安全网址需要在通话中添加其他代码。

og:image:secure_url - 网页需要HTTPS时使用的备用网址。

答案 2 :(得分:2)

我注意到你的图片是一个安全的链接。我遇到了同样的问题,但我将其更改为http(不安全),并在Facebook调试工具中进行了1或2次刷新,并且它有效!

一堆og:图片https此Q / A中的内容:FB OpenGraph og:image not pulling images (possibly https?)

答案 3 :(得分:2)

您需要使用 og:image:width og:image:height 打开Graph标记,以便立即呈现图像,如下所述:{{3} }

答案 4 :(得分:2)

对于它的价值,我的问题是我有&#34; hotlink protection&#34;在我的cpanel上,这阻止了FB获取图像并在其他地方共享它。我取消选中它,现在它显示了图像。

答案 5 :(得分:1)

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

答案 6 :(得分:0)

我只需要等待大约5分钟才能刷新。

答案 7 :(得分:0)

我相信我通过使用以下行来解决这个问题。这对我来说没有逻辑意义,因为我的og:图像标签是完美的,facebook看到了它。

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

答案 8 :(得分:0)

我只想来到这里,在每个Facebook OG上鸣叫:图像未显示我可以找到的主题。啊!我不敢相信昨晚和今天在此上浪费了多少时间。太疯狂了!我遵循了每条兔子路径,Facebook继续忽略了我的og:image属性(我什至在我的web.config中删除了ssl的url重定向,并重新编码了该网站,以便获得一个不安全的图像版本)。一切对我来说似乎都是正确的,但它一直无视该财产。

然后...

我去了这里

https://developers.facebook.com/tools/explorer/?method=POST&path=%3Fscrape%3Dtrue%26id%3Dhttps%3A%2F%2Fwww.google.com&version=v5.0

这是您要使用的工具,而不是这个:

https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fwww.google.com

资源管理器会为您提供共享调试工具所没有的详细错误消息,在我的情况下:

我的图片文件名中有未经URL编码的空格。文件名中有一个空格,它将浏览,但Facebook会在共享调试器页面上拒绝该属性的属性(不确定为什么将其称为调试器,资源管理器才是真正的调试器)。 (如果我只能从中救出一个人,那我的痛苦是值得的。)

哦,是的。资源管理器的链接位于“调试器”页面的最底部(标题为“通过API抓取”)。