When someone shares your content on Facebook, Twitter, Linkedin, Slack, Telegram and many other platforms, a mini preview of your content is shown to other users.
The preview is meant to give users an idea of what the content is about before they click on it (or scroll past).
Usually these previews include an image, a title and a description.
This is powered by The Open Graph which is an open protocol originally created by Facebook, but has now been adopted by many other platforms.
Here's what an open graph preview image looks like when seen on social platforms
A good open graph image makes your content stand out from everything else in a user's social media feed.
That means a well-designed open graph image can result in more clicks to your site, which in turn leads to more sales or more users.
So how might we improve the above example?
Well, we could make the design more attractive with some branding elements, and we could add a bit more information that potential customers will find useful.
Here's what an open graph image can look like if we design one for the same product page
Open graph images are actually very easy to use.
You just need a designer to design the image, like you would for any other marketing asset.
Then you include the image in your page using Open Graph meta tags. From that point onwards, social networks will display your newly-designed image whenever anyone shares your content!
The problem is... what do you do if you have 100s or 1000s of pages and you want a unique image for each one?