Show the Right Image in LinkedIn Posts With the Open Graph Protocol

Make your posts look beautiful on LinkedIn by using the Open Graph Protocol. Learn how to use the protocol and test it with social media post inspectors.

in Web Dev

When a link is shared on LinkedIn, they analyze the HTML content to figure out what image they show in the preview. If an image can’t be found, you end up with a random one from your site, or an ugly default 🤮

It’s easy adding these properties to make your posts beautiful. According to this Stack Overflow Post, many social media sites use the Open Graph Protocol to search metadata and determine things like what image should be shown in the preview.

To kick the tires on your site, copy/paste a URL to one of your pages into the LinkedIn Post Inspector or theFacebook Post Inspector. At first nothing picked up from my site, but after implementing this issue, it’s looking a LOT better! I can now choose what image shows up in the preview when posting to LinkedIn!

Comments

Back to Home

Related Posts

John Solly Profile Picture

John Solly

Hi, I'm John, a Software Engineer with a decade of experience building, deploying, and maintaining cloud-native geospatial solutions. I currently serve as a senior software engineer at HazardHub (A Guidewire Offering), where I work on a variety of infrastructure and application development projects.

Throughout my career, I've built applications on platforms like Esri and Mapbox while also leveraging open-source GIS technologies such as OpenLayers, GeoServer, and GDAL. This blog is where I share useful articles with the GeoDev community. Check out my portfolio to see my latest work!