A worked example, rendered from real sample data. Sign in to run the tool on your own input.
<title>My App</title>
<meta property="og:title" content="My App">
<meta property="og:description" content="A great app">
<meta property="og:image" content="https://example.com/og.png">═══ Summary ═══
og:title: My App
og:description: A great app
og:image: https://example.com/og.png
Declared size: (not declared)
og:image:alt: (missing)
og:url: (missing)
og:type: (missing)
twitter:card: (missing)
✓ Nothing that breaks the preview
⚠ 6 improvements available
═══ Improvements ═══
⚠ og:image:width and og:image:height are not declared. Without them the first share of a URL often renders without the image while the crawler downloads it.
⚠ No og:image:alt — screen readers announce the card with no description of the picture.
⚠ No og:type. Add <meta property="og:type" content="website"> (or "article").
⚠ No og:url — shares of tracking-parameter variants will not be merged into one canonical share count.
⚠ No og:site_name — Slack and Discord use it as the card's byline.
⚠ No twitter:card. Add <meta name="twitter:card" content="summary_large_image"> for a full-width image on X.
═══ Per-platform ═══
ℹ Declare og:image:width and og:image:height to have the per-platform size and crop checked here.
Facebook: ideal 1200×630 (1.91:1), minimum 200×200, under 8 MB
X — summary_large_image: ideal 1200×675 (2:1), minimum 300×157, under 5 MB
X — summary: ideal 400×400 (1:1), minimum 144×144, under 5 MB
LinkedIn: ideal 1200×627 (1.91:1), minimum 200×200, under 5 MB
Slack: ideal 1200×630 (1.91:1), minimum 200×200, under 2 MB
Discord: ideal 1200×630 (1.91:1), minimum 200×200, under 8 MB
WhatsApp: ideal 1200×630 (1.91:1), minimum 300×200, under 0.3 MB
═══ Tags to add ═══
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta prope
…
Validate OpenGraph meta tags and preview how URLs appear when shared. Part of the DevTools Surf developer suite. Browse more tools in the Web / Frontend collection.