2017-01-27 63 views
2

我第一次没有工作我正在建立一个图像以便附加到页面以在Facebook上共享。一切似乎都很好,直到它击中共享对话框。 Facebook似乎并没有刮,,因为图像没有显示出来。如果我刷新该对话框页面,它会加载图像(从第一次去爬行它?)。Facebook共享图像(og:图像)虽然有og:image:width和og:image:height

我读过几页是说我只需要指定OG:图像:宽度OG:图片:高度允许即时渲染,但似乎并不奏效。这里是我的meta标签:

<meta property="fb:app_id" content="###"/> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="###" /> 
<meta property="og:title" content="My Page Title" /> 
<meta property="og:description" content="My Page Description" /> 
<meta property="og:image" content="http://the-domain/the-image.jpg" /> 
<meta property="og:image:width" content="1200" /> 
<meta property="og:image:height" content="630" /> 
<meta property="og:image:type" content="image/jpeg" /> 

我在这里错过了什么吗?

+0

即时通讯有相同的问题,不能解决。正在提供高度和宽度,但Facebook并未将其显示为预览的一部分。 –

+0

同样的问题,它似乎比唯一的解决办法是去共享调试器蚂蚁刮网址,直到它的工作:(任何进展? –

+0

也许一个解决方案可以自动化像iframe中的重定向的东西Facebook共享调试器https:// developers.facebook.com/tools/debug/sharing/?q=http://myweb.com/path –

回答

0

对于这些类型的问题,我建议查看Facebook提供的调试工具。快速识别您收到的演出停止错误非常好。

https://developers.facebook.com/tools/debug/

只是一对夫妇的事情要记住,有时图像或页面将超时如果Facebook发现它的服用超过1s更长的时间来获取数据。如果og:url与您期望Facebook访问的页面不同,我也会在自己的实现中发现问题。这两个值必须匹配,因为最终它是Facebook正在尝试刮取的og:url值。

+0

是的,这个页面在调试工具中完全干净了。另外,og:url看起来与共享页面的URL,没有重定向或https有趣的业务。欣赏想法寿。 – Whit

+0

图像是否出现在调试工具? – biscuitcleaver

+0

@biscuitcleaver facebook调试工具给我这个问题无法下载,因为它超过了允许的最大尺寸8Mb或您的服务器响应速度太慢 我从云端获取图像,图像小于30 kb,也是有效的图像URL如果我给浏览器中的网址,然后图像正在显示,但Facebook调试工具给了我这个错误。 请帮助我解决这个问题。 – usama