Building a website that requires sharing links with an image. Done this I don't know how often...but this time the Facebook Open Graph Debugger says:
og:image {image url} could not be downloaded because it exceeded the maximum allowed sized of 8Mb
But the image referenced is only 108KB? One other time it responded that my server might be too slow. But when I simply load up the image in a browser it's instantly there. Where should I be looking now?
The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don't exceed the 5MB size limit.
An open graph image or OG image is the image that appears when you post website or video content to your social accounts. It is part of an important group of meta tags that influence the performance of your content link on social media like Facebook, Linkedin, Pinterest and Twitter.
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. If you do not have the Open Graph tags specified, then Facebook will only fill in the gaps for the image, title, and description.
og:image – The URL for an image you want to represent the your content. Images must be either PNG, JPEG and GIF formats and at least 50px by 50px. og:url – This will be the URL that will be associated with your content ie the link.
This is a bug, and it's confirmed, after getting the warning, if you retry the debug, or click on "Scrape Again", the error message will be gone. This is an issue because if someone tries to share the post, the image will not show up since it didn't get scrapped, but subsequent shares will display the image.
You may subscribe to the Bug report or add some extra comments.
https://developers.facebook.com/bugs/1626463061012181/
And yeah, this started happening around April 17th, I hope this solves our issue.
EDIT:
Facebook Team replied with a workaround:
It seems like the issue is with the misleading error message which we will be updating. In the meantime, since the crawler has to see an image at least once before it can be rendered, it means that the first person who shares a piece of content won't see a rendered image. This seems to be the actual issue here and the workaround is available here: https://developers.facebook.com/docs/sharing/best-practices#precaching I will post here once we update the error message.
Adding the og:image:width
and og:image:height
Open Graph tags seems to do the trick, I can swear I tried that before and didn't do much, but this time it seems to work just fine.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With