What are Open Graph images?

Take control of how your content is viewed on social platforms

How the world views your content

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.

A real life example

Here's what an open graph preview image looks like when seen on social platforms

Why use open graph images?

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.

An improved example

Here's what an open graph image can look like if we design one for the same product page

How to use open graph images

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?

Next

Learn how to speed up this process with dynamic open graph images