Problem:
What the linter shows me:
http://developers.facebook.com/tools/debug/og/object?q=futuremark.com
Background:
We have been happily using 130x110 og:images without problems for the last 9 months. I noticed in the last couple of weeks that pages were no longer sharing the correct image. Using the linter it seems that Facebook recently decided og:images should be at least 200x200. So I have been replacing our og:images with larger examples but the linter still says they are too small.
Any ideas how I can fix this, or is it a Facebook problem? Thanks.
The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. The full list of image properties can be found here. The minimum allowed image dimension is 200 x 200 pixels.
This means that if you post a photo that’s too small, it will enlarge to fit the space, and if your photo is too big, it will shrink down. Clear, high-quality images speak to the competence of your business, and may even send a subliminal message to consumers about the caliber of your products.
Because Facebook auto-sizes and crops photos to fit the dimensions of a post, using a photo that’s smaller than the recommended dimensions could impact the quality of your image.
The recommended image size for a standard Facebook post is 1200 x 630. Shared images will appear in your followers’ feeds at a maximum width of 470 pixels, and on the page at a maximum width of 504 pixels. In both cases, it will scale to a ratio of 1:1. Remember, Facebook will crop the image in order to provide a preview to users.
Now I guess that Facebook does not find tags for height and width and considers them null. In my case, next tags fixed this issue:
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />
Did you change how big the image file at http://www.futuremark.com/images/facebook/futuremark-logo.png
is without changing the URL specified in the og:image
meta tag?
The image itself will be cached if the URL didn't change, so you need to change the URL (or add a cash-busting parameter like ?v=1
to the end)
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