Open Graph is a simple way to control how your links look when shared on social media.
Without it, platforms guess. With it, you decide.
A Short History
The Open Graph Protocol was introduced by Facebook to turn web pages into “social objects.” Instead of scraping random text and images, platforms could read a small set of standardized meta tags.
Today, Open Graph is used far beyond Facebook: LinkedIn, Slack, Discord, Telegram, and many others rely on it.
What Problem Does Open Graph Solve?
When someone shares a link, platforms need answers:
- What title should I show?
- What description?
- Which image?
- What URL represents this page?
Open Graph provides those answers explicitly.
If you don’t define them, platforms fall back to bad defaults.
How Open Graph Affects Social Sharing
Open Graph directly controls:
- link preview title
- preview description
- preview image
- click-through rate
Good OG tags → clean, professional previews Bad or missing OG tags → broken, random, or embarrassing previews
Check out our guide on how to optimize your OG title and description tags to get more clicks and engagement.
Basic Open Graph Implementation
There are much more meta tags related to Open Graph, but the most important ones are the following (add these tags inside the <head> of your HTML):
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="A short summary of the page." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/page" />
That might be enough to get correct previews on most platforms, however, to make sure your Open Graph tags are working correctly on most platforms, you can use our Open Graph checker tool to validate and preview the Open Graph tags for your URL.
Final Takeaway
Open Graph is not optional anymore. If your content is shared anywhere, Open Graph decides how it looks.
It’s small effort, high leverage.
Always make sure to validate your tags.