Menu
I have just added facebook social plugin on my website (http://traveleagle.in) by setting up open graph meta tags. Based on recent guide, I have used a png image in og:image of size 600x315 which translates to recommended aspect ratio of 1.91:1. The problem is that even though the og:image displays correctly using Facebook's lint tool (https://developers.facebook.com/tools/debug), the image on the sharing plugin appears cropped (154x154). I am meeting the minimum image size criteria yet plugins don't show the complete image and always crop it. Has anyone else had an issue similar to this?
717
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.
Open Graph image size The suggested size for a Facebook Open Graph image is about 1200 pixels by 630 pixels and should not be more than 8 MB, so remember to optimise the image. The recommended size is on the Facebook Developers page – Images in Link Shares. The minimum requirement is 200 by 200 pixels.
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.
You can set a custom og:image on a page by page basis. Just go to Page Settings > Social Image > Upload. If you need to add other OG tags and customize the default settings, go to Page Settings > Advanced > Page Header Code Injection. Read the following section on adding the tags manually and copy-paste the code there.
I had similar problems. Try bigger image: 1146x600 and 1200x630 works for me. Still on some browers it does not fit correctly (like iPhone Safari), but it is a big image.
180
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
