Correcting Rich Objects in LinkedIn Social Sharing Graphs using the Open Graph ProtocolSOLVE
05-31-2017 08:21 - edited 05-31-2017 08:21
When I post a link to a page hosted within my COS in LinkedIn the Rich Object crops the image on the page oddly. It uses the middle third of the image.
I "should" be able to use the Open Graph Protocol to force the Rich Object to use a different image of my choosing that is already cropped and sized for sharing links in LinkedIn, but thus far, this has not worked. I added meta tags in page head to "force" the page to use a different image, but to no avail.
I followed the instructions in this article:
It's an older article, but the principles should still apply. However, my Rich Object in LinkedIn still doesn't pull the image I've specified in my meta tag in the head. It still pulls the image from the page instead and crops it.
According to LinkedIn's own documentation, the meta tags should work.
I've even tried to use the full image meta tags referenced by the Open Graph protocol page with no more success:
<meta property="og:image" content="http://example.com/ogp.jpg" /> <meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="300" />
You can see the Open Graph Protocol here:
I did notice that at the bottom of the LinkedIn page above, it notes that Open Graph content is cached for 7 days. It could be that linked in is still using the "first" version of my page (that didn't have the new image meta tag) and won't update that until 7 days pass.
One last note, in addition to using the correct image, how do I also make the image clickable and point to the page link?
Thanks for bearing with me. Any help appreciated!
Solved! Go to Solution.