Open Graph Generator
Control how your page looks when shared — preview the social card and copy the OG tags.
When someone shares your page on social media or in a chat app, the title, description and image that appear come from Open Graph tags in your page's head. This generator lets you set those, previews the share card as you type, and gives you the finished tags to copy in. Get them right and your links look deliberate and clickable instead of blank or broken. It all runs in your browser.
What Open Graph controls
The Open Graph protocol is what platforms like Facebook, LinkedIn and messaging apps read to build a link preview. The key tags are og:title, og:description, og:image and og:url. Without them, a shared link falls back to whatever the platform can scrape — often a stray heading and no image. With them, you decide exactly what people see, which is the difference between a link that gets clicked and one that gets scrolled past.
Getting the image right
The share image does most of the visual work, and size matters: a landscape image around 1200×630 pixels is the widely used standard and displays well across platforms. Use an absolute URL (starting with https://), not a relative path, because the platform fetches the image from its own servers. The live preview here shows roughly how the card will look, but each platform styles cards slightly differently, so always confirm with the platform's own debugging tool before relying on it.
Frequently Asked Questions
What image size should I use for sharing?
A landscape image of about 1200×630 pixels is the common standard and renders cleanly on most platforms. Use an absolute https URL so the platform can fetch it.
Do Twitter/X cards use these same tags?
X can fall back to Open Graph tags, but it also has its own twitter: card tags for finer control. Open Graph covers the majority of platforms; add Twitter card tags if you need X-specific behaviour.
My preview looks right but the real share still looks wrong — why?
Platforms cache link previews. After updating your tags, use the platform's sharing debugger (for example, Facebook's Sharing Debugger) to re-scrape the page and clear the old cached version.
Where do the Open Graph tags go?
Inside the <head> section of your HTML, alongside your other meta tags. They are not visible on the page itself — they exist for platforms to read.