Open Graph: Controlling How Your Links Look When Shared

Open Graph is a set of tags that control how your page appears when shared on social platforms. This guide explains how they work.

Quick Definition

Open Graph is a set of tags that control how your page appears when shared on social platforms.

What It Is

Open Graph is a set of meta tags that tell social platforms what to show when someone shares your page.

Without it, platforms guess and often guess badly.

How It Works

Platforms read tags like og:title, og:description, and og:image to build the preview card.

You control the message instead of leaving it to chance.

Why It Matters

  • Good previews earn clicks from social feeds.
  • The right image stops the scroll.
  • Consistent titles build recognition.
  • Missing tags produce broken, ugly cards.

How to Use It

  • Set og:title, og:description, and og:image.
  • Use an image around 1200 by 630 pixels.
  • Keep the tags on every shareable page.
  • Test with a sharing debugger before launch.
Example in Practice

The share: someone posts your link on social.

The preview: a broken image and a vague title appear.

The fix: you add proper Open Graph tags.

The result: shares now show a strong, clickable card.

💡

Quick Tip

Set an og:image of at least 1200 by 630 pixels, because the visual is what stops the scroll in shared feeds.

Frequently Asked Questions

It is a set of meta tags that control how pages appear when shared on social platforms.
og:title, og:description, og:image, and og:url cover most use cases.
Not directly, but better social previews drive more clicks and visibility.
Use social sharing debuggers or preview tools to see what platforms display.

Open Graph, Bottom Line

Your CMS is the foundation your entire SEO sits on.

Pick one you control, keep it fast and updated, and the technical ceiling stays high.