Social Media Meta Tags Test

What is it?

Open Graph and Twitter Card meta tags control how a page renders when its URL is shared, telling social platforms and AI crawlers exactly what title, description, and image to display. Without them, every platform falls back to whatever it can extract from the page automatically, and the result is usually thin, inconsistent, and not what you would have chosen.

What the two standards do

Open Graph, originally introduced by Facebook, is now the universal protocol read by Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage, and almost every other platform that builds link previews. Twitter Cards is a narrower vocabulary specific to X (formerly Twitter), and most of its properties mirror their Open Graph counterparts; in practice you only need a few X-specific tags when you want a different image or card style there than on the rest of the web.

Why these tags still matter in 2026

Shared links compete for attention in every channel they appear in. A preview with a clear headline, a sharp 1200 by 630 image, and a punchy summary looks like content worth reading; a generic blue link looks like spam. Correct social meta tags are one of the cheapest ways to lift the click-through rate of every share your URL will ever receive.

The same tags also feed AI answer engines and the previews that tools like Slack, ChatGPT, and Perplexity build when a user pastes a URL. Strong meta tags therefore double as a structured summary your page hands to every machine that processes shared links.

Common mistakes worth checking

No social meta tags at all, which forces every platform to guess.
Missing or relative og:image, since social platforms require an absolute, publicly reachable image URL.
Image too small or wrong aspect ratio, leading to awkward cropping; aim for at least 1200 by 630 pixels.
Stale previews cached by the platform after you fix tags; use each platform's debugger to invalidate the cache.
Open Graph tags pointing at the wrong canonical URL, which causes shared links to resolve unexpectedly.

This test verifies that your page declares the most important Open Graph and Twitter Card tags and that they reference valid, absolute resources. If something is missing or malformed, the fix guide below covers adding or correcting the tags in raw HTML, through the major content management systems, and in headless framework setups.

Pass rate:

Top 100 websites: 89%
This value indicates the percent of top 100 most visited websites in the US that pass this test (in the past 12 months).
All websites: 75%
This value indicates the percent of all websites analyzed in SEO Site Checkup (500,000+) in the past 12 months.

Pass rates of Top 100 US websites
2021	83%
2022	94%
2023	89%
2024	89%

100

How do I fix it?

Open Graph and Twitter Card meta tags tell social platforms, link unfurlers, and AI crawlers how to display the page when its URL is shared. Adding the right tags produces richer previews with the intended title, description, and image, which lifts click-through on social channels and gives answer engines a structured summary to work with when citing the page.

Example

<head>
  <meta property="og:title" content="Lightweight Marathon Running Shoes">
  <meta property="og:description" content="Compare specs, weight, and runner reviews.">
  <meta property="og:image" content="https://example.com/images/og-shoes.jpg">
  <meta property="og:url" content="https://example.com/shoes/marathon">
  <meta property="og:type" content="article">
  <meta name="twitter:card" content="summary_large_image">
</head>

Where to make the change

Raw HTML: add the meta tags directly to the <head>. Open Graph properties use property= while Twitter Card properties use name=.
WordPress: a dedicated SEO plugin will populate Open Graph and Twitter Card tags from the post's title, excerpt, and featured image. Override per-post when the auto-derived value is weak.
Shopify: most modern themes emit Open Graph tags automatically. If yours does not, edit theme.liquid to add the tags inside the <head> using product or page metadata.
Wix or Squarespace: open the page settings and use the social sharing image and description fields. Both platforms render the corresponding meta tags on save.
Headless or framework sites: emit Open Graph and Twitter Card tags from the framework's metadata API alongside the title and meta description.

Common causes and how to resolve them

No social meta tags at all: add at minimum og:title, og:description, og:image, and og:url. These are the four properties most platforms rely on.
Missing or relative og:image URL: social platforms require an absolute, publicly reachable image URL. Use a full https:// URL, not a relative path.
Image too small or wrong aspect ratio: aim for at least 1200 x 630 pixels so the preview renders crisply on Facebook, LinkedIn, and X without awkward cropping.
Stale preview cached by the platform: after fixing the tags, use the platform's debugger (Facebook Sharing Debugger, X Cards Validator, LinkedIn Post Inspector) to invalidate the cache and re-scrape the page.

Best practices

Use absolute URLs everywhere: og:url and og:image must be fully qualified. Relative paths break previews on most platforms.
Pick a dedicated social image: a single hero image at 1200 x 630 with the page's main visual covers Facebook, LinkedIn, X (with summary_large_image), and most other platforms in one shot.
Set a sensible og:type: use article for blog posts, website for landing pages, and product for e-commerce items. The type affects how some platforms render the preview.
Add Twitter-specific tags only when they differ: X falls back to Open Graph when Twitter Card tags are absent, so duplicate them only when you genuinely want a different title, image, or card type.