Does importing an existing set of tags clear out fields that aren't present in what I pasted?

No, it only overwrites fields it actually finds. Import a snippet missing og:site_name, for example, and whatever is already in the Site name field stays untouched rather than being cleared, so you can top up a partial set of tags without losing what you'd already filled in.

What happens if I import a twitter:card value this tool's dropdown doesn't offer, like player or app?

It's still imported as that exact value, even though the dropdown itself only lists summary_large_image and summary. Real Twitter Cards support more types than this generator's form covers; importing one of those isn't rejected, just not selectable from the dropdown afterward.

Does the tool warn me if my title or description is too long for a specific platform?

No, the character count next to each field is purely informational. Actual truncation limits vary by platform, and by feature within a platform, and change over time, so there's no single "too long" threshold this tool could enforce accurately; treat the count as a rough guide, not a validator.

Open Graph Meta Tag Generator: og: & twitter: Tags Online

Import existing tags

Title

40 chars

Description

126 chars

URL

Image URL

recommended 1200×630

Site name

Type

Locale

X card type

X @site

X @creator

Approximate preview — actual rendering varies by platform and can change without notice.

Open Graph card — Facebook, LinkedIn, Slack, Discord, X (large image)

jsontools.spaceJSON Tools — Free Developer Tools OnlineFree browser-based developer tools for JSON, data conversion, text, security and more. No account, no upload, nothing tracked.

X (Twitter) small card — used only when card type is "summary"

JSON Tools — Free Developer Tools OnlineFree browser-based developer tools for JSON, data conversion, text, security and more. No account, no upload, nothing tracked.jsontools.space

Generated meta tags

<meta property="og:title" content="JSON Tools — Free Developer Tools Online" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jsontools.space" />
<meta property="og:image" content="https://jsontools.space/og/og-image.png" />
<meta property="og:description" content="Free browser-based developer tools for JSON, data conversion, text, security and more. No account, no upload, nothing tracked." />
<meta property="og:site_name" content="JSON Tools" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="JSON Tools — Free Developer Tools Online" />
<meta name="twitter:description" content="Free browser-based developer tools for JSON, data conversion, text, security and more. No account, no upload, nothing tracked." />
<meta name="twitter:image" content="https://jsontools.space/og/og-image.png" />

The four required Open Graph tags

The Open Graph protocol (ogp.me) defines four required properties for any page: og:title, og:type, og:image, and og:url. Everything else, including og:description and og:site_name, is optional but strongly recommended for a good-looking share card.

og:titleThe title shown in the card

og:typewebsite, article, product, profile…

og:imageFull absolute URL to the preview image

og:urlThe canonical URL of the page

Twitter/X falls back to Open Graph

X's crawler reads twitter: tags first, but falls back to the matching og: tag when a twitter: one is missing (twitter:title falls back to og:title, and so on). That's why this generator mirrors title, description, and image into both sets rather than asking for them twice.

twitter:card controls the shape: summary_large_image shows a full-width image like Facebook and LinkedIn, summary shows a small square thumbnail next to the text instead.

Why the 1200×630 image size

A 1.91:1 image (1200×630 is the common concrete size) is the shape every major platform converged on for the large-image card: Facebook, X, LinkedIn, Slack, and Discord all crop or letterbox other ratios to fit it. Keep any text or logo inside the center of the image, since some platforms crop the edges differently.

Frequently asked questions

Yes. The import scans for meta tags anywhere in whatever text you paste and ignores everything else, title, script, link tags included, so pasting an entire page source works just as well as pasting only the meta lines.