Open Graph (sharing on social media)

How your page looks when someone shares it on Facebook

📖 Detailed description

Open Graph is a set of instructions for social media telling it how to display your page when someone shares it. It is the difference between an attractive preview with an image and a description, and an ugly link that nobody wants to click.

You have probably seen how some Facebook links look great - they have a large image, a catchy title, and an inviting description. Others are just a bare URL. That difference is Open Graph at work!

When your happy customers want to recommend you to their friends, Open Graph makes sure the link looks professional and inviting. It is the difference between an elegant business card and a scribble on a scrap of paper.

Most common problems

No OG tags

Facebook picks a random image and snippet from the page

Poor image

Too small or unrelated to the content

Boring title

It does not encourage clicks

No description

You lose the chance to persuade people to visit

How to fix it?

Add og:title - a catchy title up to 60 characters

Add og:description - an inviting summary up to 160 characters

Add og:image - an image of at least 1200x630px

Test it in the Facebook debugger before publishing

Prepare different images for different pages

Examples

Good example

A post with a large, attractive product photo and a promo description

Bad example

A bare link with no preview or with a random image from the footer

🔗 Related indicators

📝

Meta tags (Title and Description)

Optimizing your Title and Description - the key to a higher CTR and better Google rankings

📚

Heading structure (H1-H6)

Like a well-organized book - with chapters and subsections

🏗️

Structured data (Schema.org)

A special language you use to tell Google about your business

Check this indicator for your website

Get a detailed analysis and personalized tips on how to improve this element on your website.

Start free analysis