FB调试器说我的og:图像应该更大,即使它很大

Chr*_*ris 27 debugging facebook image facebook-graph-api image-size

查看使用Facebook调试器调试文章的结果.

它提出了这个警告:

og:图像应该更大.提供og:图像不够大.请使用至少200x200,最好是1500x1500的图像.

但是如果你打开下面"og:image"字段中显示的图像,你可以清楚地看到图像足够大 - 700x350像素.

这导致Facebook在我的墙上发表文章时挑选随机图像.

知道为什么会这样吗?

编辑:问题是由我的CMS重定向图像的网址引起的吗?

Mar*_*ova 24

尝试添加:

<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
Run Code Online (Sandbox Code Playgroud)


Vak*_*ili 10

首先,您需要上传超过200 x 200的图像(例如我上传的最大尺寸为1500 x 1500).有人说图像的宽度和高度应该是相同的大小.我从来没有机会检查它是否正确.

更新图像大小后问题仍然存在,您需要将某些参数添加到og:image链接,以使Facebook调试程序更新图像的缓存.

例如:

<meta property="og:image" content="http://bri.ge/img/brige1.png?t=12345?">
Run Code Online (Sandbox Code Playgroud)

这是参数:?t = 12345?

等待大约5分钟,问题将得到解决.

  • "缓存破坏"?t = 12345为我修好了!谢谢! (3认同)

Chr*_*ris 8

这是因为我的CMS系统重定向了图像的URL.因此,正确的图像显示在Facebook调试器中,但FB可能在重定向发生之前寻找图像大小,然后它还没有大小.

所以我告诉我的CMS不要重定向我的图像的URL.工作原理取决于您使用的CMS类型.

  • 那么你做了什么呢? (7认同)

小智 6

我有

<meta property="og:type" content="website" />
Run Code Online (Sandbox Code Playgroud)

在元标记中.

删除该行并且它有效,因此当前标记如下所示:

    <meta property="og:title" content="PUT TITLE HERE" />   
    <meta property="og:url" content="http://www.example.com" />
    <meta property="og:image" content="http://www.example.com/images/myimage.jpg"/>
Run Code Online (Sandbox Code Playgroud)


Rad*_*ire 5

这有点晚了,但是在photoshop中创建一个新的开放图形图像后我遇到了这个问题.它没有任何意义,因为在调试器中它仍然显示找到的图像,即359x379.尽管如此,它仍然抱怨它小于200x200.

我没有尝试更改任何其他标头标签,因为我不相信这是问题.

相反,我再次打开了photoshop并再次保存了图像.我把它保存为85%质量的JPG - 不同之处在于我使用了"Progressive"而不是"Optimized".这立即解决了这个问题,虽然我不肯定"优化"设置是个问题.