Menu
It appears that Facebook and LinkedIn have differing standards for the og:image. On Facebook they advise that the image should be at least 200 x 200 pixels (square) see here However LinkedIn advise 180 x 110 pixels (rectangular) see here
Is there a way to target an og:image to either Facebook or LinkedIn seperately? What's the best way of doing this?
I'm trying to create a default thumbnail for the website home page which will let users share the home page in a nice manner. At the moment LinkedIn is cropping my og:image though Facebook and Google+ are sharing it nicely.
985
LinkedIn scrapes the following Open Graph meta tags: Title (og:title): The title of the page, blog post, or video. Type (og:type): The type of content, whether it's an article, video, or rich media. Image (og:image): The preview thumbnail to show for the post in link previews.
Through the Open Graph protocol, you can tell Facebook how your shared content should be displayed on Facebook. This protocol tells Facebook which title, URL, image, and description of your blog post/page should be used when your content is shared on Facebook.
Optimizing the Image Size for Facebook Open Graph For the best display on high-resolution devices, the company suggests choosing an image that's at least 1200 x 630 pixels. If your image is smaller than 600 x 314 pixels, it'll still display in your post, but appear as a thumbnail-sized picture.
This ought to do it.
<meta property="og:image" content="image-180x110.jpg" /> <!-- 180x110 Image for Linkedin -->
<meta property="og:image:width" content="180" />
<meta property="og:image:height" content="110" />
<meta property="og:image" content="image-200x200.jpg" /> <!-- 200x200 Image for Facebook -->
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
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
