Show the Right Image in LinkedIn Posts With the Open Graph Protocol
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 the Facebook 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!
Related Posts
Add Social Share Buttons to Your Blog Posts With OpenGraph Tags
5 min read
Add social share buttons to your blog posts with Twitter, LinkedIn, and Reddit. Get post previews to show correctly with Twitter meta tags and OpenGraph tags.
0
Protect User Privacy With the Noreferrer and Noopener Link Attributes
2 min read
Learn how to protect user privacy on your website with HTML link attributes noreferrer and noopener in this informative article.
0
How I Improved My Security Score With Mozilla Observatory: A Guide
13 min read
Discover how to improve your rating using Mozilla Observatory's security assessment tool. See the steps I took to upgrade my score from a 'F' to an 'A+'.
0
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 New Light Technologies (NLT), 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!
Comments