Social share preview

Paste HTML or enter the OG/Twitter tags — see the share card as Slack, X, and Facebook would render it.

Paste a page's <head> HTML — see the card a social feed would render.

No fetching — relative image URLs resolve against og:url, and images aren't loaded. Copy-paste the final values to check them.

Everything runs in this browser.

How to use

  1. Paste the page's <head> HTML or fill the fields.
  2. Read the extracted OG/Twitter tags.
  3. Check the rendered card preview.

What it supports

Reads og:title/description/image/url/site_name/type and twitter:card/title/description/image from up to 2 MB of pasted markup — nothing is fetched. Preview is a layout approximation — each platform crops differently.

Related tools

Related guides