FB debugger says that my og:image should be larger, even though it is large

Question

Check out this result of debugging an article using Facebook debugger.

It comes up with this warning:

og:image should be larger. Provided og:image is not big enough. Please use an image that's at least 200x200 and preferably 1500x1500.

But if you open the image displayed in the "og:image"-field below, you can clearly see that the image is big enough - 700x350 px.

This results in Facebook picking random images when I'm publishing articles on my wall.

Any idea why this happens?

Edit: Could the problem be caused by my CMS redirecting the url of the image?

Answer 1

Try to add this:

<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />

Answer 2

First of all you need to upload an image that is more than 200 x 200 (for instance I've uploaded the maximum size that is 1500 x 1500). Some people say that the image width and height should be the same size. I've never took chances to check if it's right or not although.

After updating the image size the problem still exists and you'll need to add certain parameter to the og: image link in order to make Facebook debugger update the cache of the image.

For instance:

<meta property="og:image" content="http://bri.ge/img/brige1.png?t=12345?">

This is the parameter: ?t=12345?

Wait for about 5 minutes and the issue will be fixed.

Answer 3

This was due to my CMS system redirecting the URL of the image. So the correct image showed up in the Facebook debugger, but FB was probably looking for the image size before the redirection took place, and then it had no size yet.

So I told my CMS not to redirect the URL of my images. How that works depends on what kind of CMS you are using.