Open Graph Meta Tag Generator — Free OG Tags for Any Page
Free Open Graph meta tag generator: build og:title, og:image, og:description, Twitter Card tags and canonical links with a live social-preview card. Runs entirely in your browser — nothing is uploaded.
About Open Graph / Meta Tag Generator
When someone shares your page on Facebook, X, LinkedIn, or Slack, the preview card they see is built from Open Graph and Twitter Card meta tags. Fill in the form to generate the complete tag block, preview exactly how your link card will look, then copy the tags or download them as an HTML file. Everything happens in your browser.
How to use Open Graph / Meta Tag Generator
- Fill in the page title, description, canonical URL, and image URL (site name and Twitter handle are optional).
- Watch the meta tag block and the social-card preview update live.
- Copy the tags into your page's <head>, or download them as an .html file.
What each tag does
The core Open Graph tags
- og:title — the title shown on the link card (keep it under ~60 characters).
- og:description — the snippet under the title (aim for 2–4 sentences, ~200 characters max).
- og:type — usually "website"; use "article" for blog posts to enable extra properties.
- og:url — the canonical URL of the page, used to deduplicate shares.
- og:image — the preview image. 1200×630 px works best on Facebook, LinkedIn, and X.
Twitter Card tags
X (Twitter) reads its own twitter: tags when present. twitter:card controls the layout: "summary" shows a small square thumbnail, "summary_large_image" shows the full-width card.
twitter:title, twitter:description and twitter:image can fall back to the og: equivalents, but emitting both (as this tool does) is the most compatible choice. twitter:site adds your account handle so X can attribute the content.
Where to put the tags
Paste the generated block inside the <head> element of your HTML page, ideally right after your <title> and meta description. Tags placed in <body> are ignored by crawlers.
After publishing, validate with Facebook's Sharing Debugger and X's Card Validator — both fetch your page and show what their scrapers actually see.
Choosing an og:image
- Use 1200×630 pixels (1.91:1 aspect ratio) and keep it under 8 MB.
- JPEG or PNG; avoid animated GIFs — most platforms show only the first frame.
- Serve it over HTTPS from a stable URL — crawlers re-fetch it periodically.
- Keep key text away from the edges; some platforms crop slightly.
Frequently asked questions
Is this Open Graph generator really free?
Yes — free with no account, no limits, and no watermarks.
Is my page data uploaded anywhere?
No. The tags are generated locally in your browser; nothing you type is sent to any server. The image preview loads your og:image URL directly in your browser only if you enter one.
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:*) was created by Facebook and is read by Facebook, LinkedIn, Slack, Discord, and most other platforms. Twitter Card (twitter:*) is X-specific. X falls back to og: tags when twitter: tags are missing, but emitting both is safest.
Do I need every tag the tool generates?
The minimum useful set is og:title, og:description, og:image, og:url, and a meta description. The tool generates a complete block; you can safely delete optional lines like og:site_name or twitter:site.
Why is my link preview still showing old tags?
Platforms cache scraped tags. Use Facebook's Sharing Debugger or X's Card Validator to force a re-scrape after you update the tags.
Related tools
Age Calculator
Calculate exact age in years, months, and days, plus total days/weeks/hours lived and a next-birthday countdown.
runs locallyBase64 Encoder / Decoder
Encode text to Base64 or decode Base64 back to text, instantly in your browser.
WebAssemblyCLI / agentCase Converter
Convert text between UPPERCASE, lowercase, Title Case, camelCase, snake_case, and kebab-case.
WebAssemblyCLI / agentColor Converter
Convert colors between HEX, RGB, and HSL formats instantly.
WebAssemblyCLI / agentColor Palette Extractor
Extract the dominant colors from any image as a hex palette with percentage shares.
runs locallyCron Parser / Schedule Explainer
Translate any 5-field cron expression into plain English and see the next 10 run times — computed locally in your timezone.
runs locally