web validator

OpenGraph & Twitter Card Validator

Validate OpenGraph and Twitter card meta tags locally—required tags, URL formats, and missing fields before you publish.

Results

Processing…
Status
Processing...
Details
Processing...
Missing tags
Processing...
Invalid URLs
Processing...

How to use this validator

  1. Paste the HTML snippet (head section with meta tags).
  2. Run validate to check required OG/Twitter tags and URL formats.
  3. Add or fix missing/invalid tags, then re-run.

Rules & checks

Checks for og:title, og:description, og:image, og:url.

Checks for twitter:card, twitter:title, twitter:description, twitter:image.

Validates URL fields (og:image, og:url, twitter:image) for absolute, well-formed URLs.

Inputs explained

  • HTML snippet

    Paste head HTML with OG/Twitter meta tags. Use absolute URLs for og:url/og:image/twitter:image.

When to use it

  • QA social previews before publishing landing pages or blog posts
  • Validate CMS templates or static site outputs
  • Check partner embeds or newsletter archives for correct tags

Common errors

  • Missing og:image or og:url
  • Relative URLs for og:url or images
  • Mismatch between OG and Twitter tags

Limitations

  • Structure/URL format only; does not fetch or check image dimensions or content type.
  • Does not render previews; focuses on presence and URL validity.

Tips

  • Use absolute URLs for og:url and og:image
  • Keep titles/descriptions concise for good previews
  • Align og:image and twitter:image to the same asset when possible

Examples

Valid set

  • <meta property="og:title" content="My Page" />
  • <meta property="og:description" content="Description" />
  • <meta property="og:url" content="https://example.com/" />
  • <meta property="og:image" content="https://example.com/image.jpg" />
  • <meta name="twitter:card" content="summary_large_image" />
  • <meta name="twitter:title" content="My Page" />
  • <meta name="twitter:description" content="Description" />
  • <meta name="twitter:image" content="https://example.com/image.jpg" />

Missing tags

  • No og:image -> flagged as missing

Invalid URL

  • og:image="image.jpg" -> flagged (needs absolute URL)

Deep dive

This OpenGraph validator checks required OG and Twitter card tags and validates absolute image/URL fields entirely in your browser.

Use it to prevent broken social previews from missing tags or malformed URLs before you publish.

FAQs

Do you fetch images?
No. Validation is structural and URL-format only.
Do you check dimensions?
Not yet. Current focus is required tags and URL validity.
Is anything stored?
No. Input stays local and clears on refresh.

Related validators

All validation happens in your browser. No data is sent, logged, or stored.

Structure/presence check only; does not fetch or render previews.