skip to content →
warningSEO RULE · R08

Missing Open Graph or Twitter tags: fix social share previews

Open Graph tags (og:title, og:description, og:image) control how your page looks when shared on LinkedIn, Slack, Discord, Facebook, X/Twitter, and most messaging apps. Without them, links share as a bare URL or a random image. Adding them is one of the highest-leverage 30-minute SEO wins.

Open Graph tags (og:title, og:description, og:image) control how your page looks when shared on LinkedIn, Slack, Discord, Facebook, X/Twitter, and most messaging apps. Without them, links share as a bare URL or a random image. Adding them is one of the highest-leverage 30-minute SEO wins. Meta tags in the <head> using the og: prefix (Open Graph protocol, originally Facebook) and twitter: prefix. Together they tell social platforms what title, description, and image to show in a link preview card.

Last updated·part of the 50-rule library

What it is

Meta tags in the <head> using the og: prefix (Open Graph protocol, originally Facebook) and twitter: prefix. Together they tell social platforms what title, description, and image to show in a link preview card.

Why it matters

Social shares are a major channel for many SaaS, agency, and e-commerce sites. A page with no preview card gets ignored in a stream of well-formatted competing links. Beyond CTR: AI grounding pipelines (the systems that feed Claude, ChatGPT, and Perplexity their citations) often parse og:title and og:description as the canonical "what this page is about" summary, separate from the on-page content.

How to fix it

  1. Add the four required tags to every page. og:title, og:description, og:image, og:url. These four cover 90% of social platforms. Use absolute URLs for og:image, not relative paths.
  2. Use a 1200×630 PNG/JPG for og:image. That ratio renders correctly on every major platform. Smaller images get rejected; non-2:1 ratios get cropped poorly.
  3. Add the Twitter-specific tags. twitter:card (use "summary_large_image"), twitter:title, twitter:description, twitter:image. X uses og: tags as fallback but the explicit twitter: tags give you control.
  4. Validate with each platform's scraper. Use the LinkedIn Post Inspector, Facebook Sharing Debugger, and X Card Validator. Each may cache a bad preview for days, so use the "Scrape Again" button after fixing.

Authoritative sources

Related SEO rules