Open Graph Generator
Generate Open Graph and Twitter card tags, with a live preview of how your link will look when shared.
How to use it
- Fill in the title, URL, image and description - these are what social platforms show.
- Use a 1200 x 630 pixel image for the large card. Watch the live preview.
- Set og:type (usually
websiteorarticle) and the Twitter card style. - Copy the tags into the
<head>of the page.
What it does, and what it does not
It does: generate Open Graph and Twitter Card meta tags together, with a live preview of the share card, so a shared link shows a proper title, image and description instead of a bare URL.
It does not: upload or check your image. After deploying, re-scrape the page with the platform debuggers (Facebook Sharing Debugger, LinkedIn Post Inspector) to refresh their cache.
Reference
Open Graph tags control how your page looks when it is shared on Facebook, LinkedIn, WhatsApp, Slack, Discord and most messaging apps. Without them, a shared link is a bare URL that few people click. With them, it becomes a card with a title, description and image - which lifts the click-through on every share, and shares are a real traffic source even though they are not a direct ranking factor.
The essential tags are og:title, og:description, og:image, og:url and og:type. The image does the heavy lifting: use 1200 by 630 pixels for the large card, keep important content away from the edges, and host it at a stable, publicly reachable URL - platforms cannot fetch an image behind a login. X (Twitter) reads its own twitter:card tags, so this tool outputs those alongside the Open Graph set; summary_large_image gives the big banner, summary a small thumbnail. If a Twitter tag is missing, X falls back to the Open Graph equivalent, so you generally do not need to duplicate everything.
Two practical gotchas. First, platforms aggressively cache what they scrape, so if you add or change tags after a page has already been shared, the old card sticks until you force a refresh in the platform debugger - the Facebook Sharing Debugger and LinkedIn Post Inspector both re-scrape on demand. Second, og:url should be the canonical URL so all shares of the page consolidate to one entry rather than fragmenting across tracking-parameter variants. Add the tags, preview them, deploy, then re-scrape once to confirm the card renders the way you intended.
Questions
What image size should I use?
1200 by 630 pixels for the large card. Keep key content away from the edges and host it at a stable, public URL that does not require a login.
Do I need separate Twitter tags?
X reads twitter:card and falls back to Open Graph for anything missing. This tool outputs both, so you get the large image card on X and correct cards elsewhere.
I updated my tags but the old card still shows.
Platforms cache scraped data. Force a refresh with the Facebook Sharing Debugger or LinkedIn Post Inspector to re-scrape the page.
Do Open Graph tags help SEO?
Not directly. They improve how shared links look, which lifts social click-through and traffic. That is the benefit, not a ranking boost.
Where do the tags go?
In the <head> of the page. Set og:url to the canonical URL so all shares consolidate to one entry.