What Are Open Graph & Twitter Cards?

These are meta tags that control how your page looks when it’s shared on social media — like Facebook, X (Twitter), LinkedIn, WhatsApp, etc.

They don’t affect SEO directly, but they strongly affect click-through rates by influencing how attractive your links appear in social feeds.


🔹 Open Graph Tags (OG tags – for Facebook, LinkedIn, WhatsApp, etc.)

Originally created by Facebook, but widely used across platforms.

These define:

OG TagWhat It Does
og:titleThe title of your content when shared
og:descriptionA short summary under the title
og:imageThe preview image (should be at least 1200×630 px)
og:urlThe canonical URL of the content
og:typeThe type of content (e.g., article, website, video)
og:site_nameName of the site (optional)

🔹 Twitter Cards

Twitter has its own tags but supports OG fallback.

Two main types:

  • summary → Basic card with title, description, and thumbnail
  • summary_large_image → Bigger image format, more visual impact (most commonly used today)

✅ Why This Matters:

  • Makes your shared links look professional and polished
  • Increases click-through rates on social
  • Prevents ugly previews with wrong images, weird text, or missing data
  • Some AI tools also glance at OG tags for summaries
Skills

Posted on

July 12, 2025