Skip to content Skip to sidebar Skip to footer
Home / Html / Javascript / Linkedin / Share

Linkedin Share Requirements To Display Big Image

Post a Comment
My question is: why image is small and how to make it big? I have implemented linkedIn share. For that I have added meta tags: og:title og:image og:description og:url. Everything

Solution 1:

It has to work well, also you might have taken care of all minute required things.

Still, I would like to help you with some insights which I think is really needed to make it work as per the LinkedIn's guideline and my experience with using it.

Info. from LinkedIn:

Below are the og: tags that must exist and their correct format:

  • <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />

Here are the image requirements specific to the LinkedIn sharing module:

  • Max file size: 5 MB
  • Minimum image dimensions: 1200 (w) x 627 (h) pixels
  • Recommended ratio: 1.91:1

Note: If the image meets the requirements, but it still does not appear in updates on LinkedIn, your website may be blocking us from pulling the image or the image may be located on a protected directory or website.

My Suggestion:

You might have taken good care of aspect ratio, but the catch here is the minimum dimension and the maximum allowed file size of an image that they mentioned.

I would check if I am having a minimum dimension as 1200 (w) x 627 (h) pixels.

Also, would take care of the file size, that is it must not be larger than 5 MB.

Along with these things, I would also look for if I am having META's - og:image:width and og:image:height.

Example:

<metaproperty="og:image:width"content="1920" /><metaproperty="og:image:height"content="780" />

Update:

If all of the things are set as mentioned above, you may wanna try clearing the browser's cache or try same it in an incognito(private) window.

Also, verify if you have URL encoded/decoded correctly while testing in an inspector tool or getting a preview when posting the URL.

I hope this helps you. Cheers!

Solution 2:

I have faced the same problem on my wordpress website and blog2social plugin. all social websites like facebook, instagram, twitter are getting my post images, linkedin displays a gray box. linkedin link inspector finds the picture correctly from og:image meta tag. also my posts image size was : 1000x500 pixel. I saw that linkedin required ration 1.91:1 . so I changed my images post to 1000x525. I used to have 1170x600 but that has a problem with instagram. so I reduced the width to 1000. I don't think the problem being with image size because randomely some posts are shared with correct image. but most of the time the post do not have image.

Solution 3:

Probably it is different origin issue. Try to make sure that your site and your images are served from same origin.

Like site url is some-site.com and image url is some-image-url.com. Try to change some-image-url.com to some-site.com/image

Post a Comment for "Linkedin Share Requirements To Display Big Image"