FB debugger says that my og:image should be larger

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

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.

Answer 2

Define og:image:width and og:image:height parameters like @Maria has suggested.

Answer 3

If someone is still running into this issue, even though facebook's scrapper correctly scrapes the image of size >= 200x200, wait an hour and go have coffee. Come back and hit debug again and it should be fine. It takes time for facebook to update its stored graph data.

Answer 4

what did i notice when i run into Scraped URL is that facebook is not able to see the picture at the same size like in the posts. For instance, copy the url of the picture which in Debug is to small, paste in to a browser and indeed the picture is very small. Now, go to your post, copy the url picture from your post, and paste in to the same or any browser. Now the size of the picture is big.

Answer 5

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 6

Your website's robots.txt file may be restricting Facebook crawler access to your website. When Facebook robot crawls it, it can't see the file. Upload the image to the root of your website.

The 200x200 pixel rule is important, use 400x400 to get better image quality through compression. Tested with png and jpeg images.