Social Meta Cross-Validator (OG vs Twitter)
Broken social previews usually come from mismatched Open Graph and Twitter Card tags —
a missing twitter:card, an image with the wrong aspect ratio, or a fallback
that doesn't resolve. Paste your head tags and see exactly what's missing, what falls
back, and what to fix.
Tool interface
Cross-Validation Results
Tag Comparison
| Concept | Open Graph | Twitter Card | Status |
|---|
Image Aspect Ratio
Missing Tags — Copy Snippet
Introduction
Social platforms read different meta tags: Facebook and LinkedIn use Open Graph, Twitter/X uses its own Card tags (with Open Graph fallbacks). When these disagree or when images have the wrong aspect ratio, your share previews break silently. This validator cross-references everything in one pass.
How It Works
- Meta tags are parsed with
DOMParserfrompropertyandnameattributes. - Each concept (title, description, image, URL) is checked across both OG and Twitter namespaces.
- Fallback chains are resolved to show which tag actually supplies the value.
- Image aspect ratio is computed from
og:image:width/og:image:heightand compared to platform targets.
Privacy
Your meta tags are parsed entirely in your browser. No content is transmitted anywhere. No API calls, no tracking, no image fetching.
Limitations
- Cannot fetch live pages or verify image URLs resolve (CORS); you paste the tags.
- Aspect ratio validation requires
og:image:widthandog:image:heightto be present. - Platform truncation limits are approximations and may shift over time.
FAQ
Does Twitter still use its own tags?
Yes. Twitter/X reads twitter:* tags first and falls back to Open Graph. Declaring both gives you the most control across platforms.
Why does my image look cropped?
Each platform crops to its preferred aspect ratio. A 1:1 image will be heavily cropped for a Twitter Large Image (2:1). Use ~1200×630 for best cross-platform results.
Are my tags uploaded?
No. Everything is parsed locally in your browser. Nothing is transmitted.