Open Graph Tags Explained: Control How Links Look When Shared

Published 2026-08-04

Open Graph (OG) tags control the title, description, and image that appear when someone shares your URL on Facebook, LinkedIn, Slack, iMessage, and many other apps. Without them, the preview often grabs a random image, truncates a weak title, or shows a blank card — and people skip the click.

OG tags are not a Google ranking factor in the same way title tags are, but they matter for distribution. Shares are free distribution; a clear card increases the chance those shares turn into visits.

The core tags you should set

  • og:title — the share headline. Can differ slightly from the SEO title if a shorter social line works better.
  • og:description — one or two sentences that earn the click.
  • og:url — the canonical share URL (HTTPS, clean path).
  • og:type — usually website for tools/pages, article for long posts.
  • og:image — absolute image URL large enough for feed crops.
<meta property="og:title" content="Meta Title Length Checker" />
<meta property="og:description" content="Check whether your title fits Google’s display limit before you publish." />
<meta property="og:url" content="https://example.com/tool/meta-title-length-checker" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://example.com/images/og-meta-title.png" />

Image rules that prevent ugly previews

  • Use an absolute https:// URL — relative paths often fail in scrapers.
  • Prefer a dedicated share image (1200×630 is a common safe target), not a tiny logo.
  • Keep important text in the center; feeds crop edges differently.
  • Compress the file, but avoid muddy screenshots of the whole homepage.

OG vs Twitter Cards vs SEO meta

  • SEO title/description — mainly for Google search snippets.
  • Open Graph — social/link previews for many apps.
  • Twitter/X cards — X-specific tags; X may fall back to OG if cards are missing.

On a small site, set solid OG tags first, then add Twitter cards if X traffic matters to you. Keep og:url aligned with your canonical URL.

Why your old image still shows

Platforms cache share previews aggressively. After you change OG tags:

  1. Deploy the new tags and confirm them with view-source.
  2. Use Facebook Sharing Debugger, LinkedIn Post Inspector, or similar “scrape again” tools.
  3. Share a fresh URL or add a harmless cache-buster only if the platform still sticks to the old image.

Common mistakes

  • Missing og:image on tool pages — the card looks empty.
  • Using a different URL in og:url than the canonical (parameterized links, HTTP).
  • Keyword-stuffed social titles that look spammy in a feed.
  • One global OG block for the entire site so every share shows the homepage pitch.

Practical workflow for each important URL

  1. Write a social title and description focused on the click, not keyword density.
  2. Prepare or select a share image.
  3. Generate OG tags and place them in the page template.
  4. Deploy and validate with a debugger.
  5. Re-check after redesigns — image paths break quietly.

FAQ

Do Open Graph tags help Google rankings?

Not directly like relevance and links. They help social click-through, which can bring real users and engagement.

Can I reuse the SEO meta description as og:description?

Often yes as a starting point. Shorten it if it feels too long for a feed preview.

What if I have no custom image yet?

Use a simple branded template with the tool name. A clean default is better than a random cropped screenshot.

Related tools

All guides → Browse tools →