Open Graph is a small set of meta tags that tells social networks how to display your link. When you share a URL on Facebook, LinkedIn, or Slack, those tags decide the title, description, and image that show up in the preview.
Get them right and every shared link looks polished. This guide explains what it is, which tags matter most, and how a free generator helps you set them up correctly.
What is Open Graph in plain words?
Open Graph is a protocol created by Facebook in 2010. It uses special meta tags in the HTML head of a page to tell crawlers what title, description, image, and type of content to show in social previews.
The tags start with og:, such as og:title, og:description, og:image, and og:url. Most modern social networks read them by default, so a single set of tags powers shares across many platforms.
Why does Open Graph matter for marketing?
Shared links compete for attention in busy feeds. A clean preview with a sharp image, clear title, and tight description earns far more clicks than a raw URL.
Also reduces accidental misrepresentation. Without it, social networks guess the preview, which can pick the wrong image, an outdated title, or a random paragraph from the page.
The Open Graph tags that matter most
- og:title — the headline for the preview
- og:description — a short hook under the title
- og:image — the social card image, usually 1200 by 630 pixels
- og:url — the canonical link to share
- og:type — usually article, website, or product
Twitter Cards and how they fit in
Twitter, now X, uses its own twitter: meta tags but falls back to Open Graph when those are missing. So a strong setup also covers Twitter Cards in most cases.
For deeper Twitter customization, add a twitter:card tag set to summary or summary_large_image, plus twitter:site and twitter:creator for attribution. These pair perfectly with it and never conflict.
How to set up Open Graph in minutes
- Open a free generator
- Paste your title, description, and image URL
- Copy the generated tags into the head of your page
- Test with Facebook’s Sharing Debugger and LinkedIn’s Post Inspector
- Update images when you redesign or rebrand
Designing a great Open Graph image
Use 1200 by 630 pixels with safe margins so logos and text are never cropped. Keep the image clear at small sizes, since most shares appear in mobile feeds where the preview shrinks.
Pair a strong photo or illustration with a one-line title and your brand mark. Tools like an image resizer and a PNG to JPG converter help you ship the file in the right size and format quickly.
Common Open Graph mistakes
- Missing og:image, which leaves your share without a visual
- Wrong image dimensions, leading to cropping or blurry previews
- Outdated previews after URL changes — clear the cache in the debugger
- Mismatched titles between Open Graph and your page H1
- Stuffing keywords in og:description instead of writing a clear hook