Open Graph Generator
Generate Open Graph tags and preview the social card before you ship it.
1200 × 630 preview
example.comYour title appears here
Fill in a title or image to generate your Open Graph tags…
Open Graph tags control how your link looks on Facebook, LinkedIn, Slack and most chat apps. A 1200×630 image renders crisply everywhere. The preview above is illustrative; each platform styles cards slightly differently.
How to generate Open Graph tags
Fill in the title, description, image URL and page URL, then pick a type (website, article, product and so on). The preview card and the tag block both update live. Click Copy and paste the tags into your page's <head>.
Reading the preview
The card above approximates how your link will look once shared. The exact styling varies by platform, but the title, host and image you set here are what each one pulls in.
Questions
What is Open Graph and who uses it?
Open Graph is a small set of meta tags, originally from Facebook, that nearly every platform now reads — Facebook, LinkedIn, Slack, Discord, WhatsApp and more — to build the preview card shown when someone shares your link. Setting them gives you control over the title, description and image people see.
What size should the og:image be?
1200 by 630 pixels is the safe, widely supported size and renders crisply as a large card across platforms. The live preview here uses that aspect ratio so you can sanity-check your image before publishing.
Why doesn't my preview update on social media?
Most platforms cache Open Graph data. After changing your tags, use the platform's debugger — for example Facebook's Sharing Debugger or LinkedIn's Post Inspector — to force a re-scrape and clear the old card.