Open Graph Card Preview
Type the Open Graph fields and get the meta tags (og:* and Twitter Card) plus a generic link-card mock-up and an image aspect-ratio check — nothing is fetched.
A copy-ready block of og:type/title/description/url/site_name/image tags and twitter:card tags, a card preview, missing-field and ratio warnings — validated against your own target ratio.
Example: Title, description, site name, URL and a 1200 × 630 image give 13 tag lines; a square 800 × 800 image is flagged at 1:1 against a 1.91:1 target, and an http image URL is flagged as likely ignored.
Tags you can paste,
a card that fetches nothing.
Which tags are generated, why the image is described rather than loaded, and what the preview is.
The tags
From the fields the page writes the Open Graph properties — og:type, og:title, og:description, og:url, og:site_name, og:image with its width, height and alt — and the Twitter Card names (twitter:card, twitter:title, twitter:description, twitter:image). Values are HTML-escaped so quotes and ampersands are safe to paste.
The image
This site loads nothing from the web, so the image is described by its URL and dimensions rather than shown. The aspect ratio is compared with a target you set — 1.91:1 is prefilled as the sample from Meta’s sharing guidance — because platforms crop to their own ratio and a mismatch loses the edges. Non-https or relative image URLs are flagged as commonly ignored.
The card
The preview is a generic link-card layout, not any platform’s rendering: each network applies its own crop, length limits and caching. After deploying, check the live URL in the platform’s own sharing debugger. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.
SOURCES
Last reviewed 20 September 2026. How results are checked: How we verify.