Open Graph preview

Client

Lightweight extraction of common og: and twitter: tags—not a full HTML validator. Images load from the URL you provide (HTTPS may block mixed content).

HTML source

?

Lightweight parse of common og: and twitter: meta tags—not a full HTML validator.

Card-style preview

Example page

A short description for shares.

https://example.com/card.png

Common use cases

  • Draft og:title, og:description, and og:image before publishing a landing page or blog post.
  • Compare Open Graph and Twitter card fields side by side from pasted head markup.
  • Debug missing previews in chat apps by verifying tag names and image URLs.

Common mistakes to avoid

  • Expecting this to fetch live pages by default

    You paste HTML or meta lines here. It does not crawl your site automatically unless you bring the markup.

  • Using http images on https pages

    Many clients block mixed content. Prefer https image URLs for og:image.

  • Relying on this as a full HTML validator

    Only common social tags are highlighted. Use dedicated validators for structured data or full document health.

FAQ

Does this upload my HTML to a server?

No. Parsing runs in your browser. Image previews may request the image URL you provide (subject to browser security rules).

Why does my image not show?

Check that the URL is reachable, allows cross-origin use, and uses https if your page is https.

Are Twitter and Open Graph tags the same?

They overlap. Many sites set both; some platforms read only one family of tags.

More tools

Related utilities you can open in another tab—mostly client-side.