Open Graph meta tag generator

What these tags do

When a link to your page is pasted into Facebook, LinkedIn, X, Slack, Discord, WhatsApp or almost anything else, the preview card is built from Open Graph tags in the page head. Without them the platform guesses, usually badly.

The mistake this tool prevents

Twitter's tags use name= while Open Graph uses property=. Writing property="twitter:card" is the most common error here and the tags are silently ignored — nothing breaks, the card just never improves. The generated markup uses the right attribute for each.

Escaping, because this output is markup

Every value goes into an HTML attribute, so a single quotation mark in a title would close the attribute and turn the rest into markup in whatever page it is pasted into. Quotes, angle brackets and ampersands are escaped in every field with no exceptions.

URLs are validated rather than merely escaped: og:url and og:image get fetched by crawlers, so only http and https are allowed through. A javascript: or data: value is refused outright.

The preview is an approximation

Every platform crops, truncates and falls back differently, and several ignore fields the others honour. The preview shows the shape of a typical large-image card. Any tool claiming to show exactly what a particular network will render is guessing, and the only real check is that platform's own debugger after you publish.

Lengths are flagged, never truncated

Titles beyond about sixty characters and descriptions beyond about a hundred and sixty are usually cut. The tool tells you rather than shortening your text for you.

Related tools

See the XML sitemap generator and the robots.txt generator.