SchemaValid
ENDE

Open Graph / Meta Tag Generator

Create Open Graph and Twitter/X Card meta tags for correct link previews on Facebook, LinkedIn, X, WhatsApp, Slack, Discord and more — instantly, in your browser, free of charge.

Try an example

Page details

0 characters

0 characters

Recommended size: 1200×630px

More details

@ is added automatically

@ is added automatically

Bonus: Favicon tag

Not part of the Open Graph standard, but commonly needed alongside it.

Preview

Facebook / LinkedIn

e.g. 10 Tips for Better SEO

A short, compelling summary of the page

X / Twitter

e.g. 10 Tips for Better SEO

A short, compelling summary of the page

Generated meta tags

Fill in the required fields above to generate the meta tag code.

About Open Graph and Twitter Card tags

Open Graph tags are a set of meta tags, originally introduced by Facebook, that control how a page is displayed when shared on social media: title, description, image, and more. Twitter/X uses its own twitter: tags for extra control, but falls back to Open Graph tags when they're not present.

This generator runs entirely in your browser: nothing you enter is sent to a server or stored anywhere. Fill in your page details, copy the generated code, and paste it into the head section of your page.

Frequently asked questions

Where do I put the generated meta tags?
Paste them inside the head section of the HTML page they describe, ideally as high up as possible so crawlers find them quickly.
Do I need both Open Graph and Twitter/X tags?
Not strictly. If Open Graph tags are present, X falls back to them for its card preview. Adding twitter:card explicitly still helps X pick the right card layout.
Why isn't there a field for article author or publish date?
Those are article-specific Open Graph tags, out of scope for this general-purpose tool. They may become their own dedicated tool in the future.
Is my page data sent anywhere?
No. Everything happens locally in your browser — nothing is transmitted or stored on any server.
What's the ideal image size and aspect ratio for social previews?
1200×630 pixels is the safe default recommended by Facebook, LinkedIn and X — a roughly 1.91:1 ratio. Going smaller risks a blurry upscale; a very different aspect ratio risks the image being cropped oddly by whichever platform renders the card.
Why does my link preview look different on WhatsApp or Slack than on Facebook?
Each platform runs its own crawler with its own image size limits, caching behavior and fallback rules, so the same Open Graph tags can render slightly differently. As long as the tags themselves are valid, this is normal and not something you can fully control from one set of meta tags.
How do I force an updated preview after changing the tags?
Facebook and LinkedIn cache the old preview aggressively. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector, paste in your URL, and trigger a re-scrape — that clears their cache so the new tags take effect the next time someone shares the link.
What's the difference between the two Twitter/X card types?
summary shows a small square-ish thumbnail next to the title and description, while summary_large_image shows a full-width banner image above the text — visually similar to the Facebook/LinkedIn preview. For most pages, summary_large_image makes a stronger impression in the feed.

Related tools

SERP Snippet Preview

Preview your Google snippet and check title & description pixel width.

Hreflang Generator

Build valid, reciprocal hreflang tags in HTML, XML sitemap or HTTP header format — free, no account.

Breadcrumb Schema Generator

Generate BreadcrumbList JSON-LD to show navigation paths in Google results.

Robots.txt Generator

Build and validate a robots.txt with live preview — crawler rules, AI-bot control, sitemap. Free.

Robots.txt Tester

Check and validate a robots.txt: test URL access per crawler, AI-bot status, syntax warnings. Free.

Schema Markup Validator

Validate a live URL or JSON-LD code: SEO score, errors, warnings and rich-results readiness.