SEO · Insights

OpenGraph Tags: The Complete Guide to Social Media Link Preview Optimisation

✎ utilizetools editorial team · 🕑 ~6 min read

What Happens When You Share a Link Without OpenGraph Tags

When a URL is shared on Facebook, LinkedIn, Slack, or iMessage, the platform scrapes the page and generates a preview card. Without OpenGraph tags, the platform uses its own fallback heuristics — usually producing ugly, contextually wrong previews that suppress clicks. Define exactly what appears with our OpenGraph Preview Generator.

The Tags You Actually Need

  • og:title — The headline of the preview card. Can differ from the page title; often worth making more social-friendly and punchy.
  • og:description — 2–3 sentences that complement the title. Directly visible to users in preview cards on most platforms.
  • og:image — The preview image. This is the single highest-impact tag for click-through rate. Minimum recommended: 1200×630 pixels (1.91:1 ratio). Use an absolute URL, not a relative path.
  • og:url — The canonical URL. Tells the platform which URL to attribute shares to, consolidating share counts for pages accessible at multiple URLs.
  • og:type — Usually website for general pages, article for blog posts, product for product pages.

Debugging Stale Preview Caches

Social platforms cache OG previews aggressively. After updating your tags, force a cache refresh: Facebook — use the Sharing Debugger; LinkedIn — use the Post Inspector; Twitter — changing the og:image URL (even by adding ?v=2) forces a cache bust.

Share
← Back to all utilities