Free Open Graph Generator

Build the og: tags that control how your links look on Facebook, LinkedIn, Slack, Discord and WhatsApp — with a live preview of the card before you ship.

100% free · No sign-up · No watermarks
Page details
0 / 60
0 / 160
Robots
SEO score
0
Overall
0
Title
0
Description
0
Social
Live preview
1200 × 630
yourdomain.com
Page title
Your meta description will appear here. Make it compelling — this is your ad copy in Google results.
Generated tags
<meta property="og:type" content="website"> <meta property="og:locale" content="en_US">

Why use the Open Graph Generator

Private by design

No account needed. What you type stays in your browser unless you ask for an AI suggestion or name a URL to fetch.

See it before you ship

Live Google, Facebook and X previews show what your link will look like.

Export for your stack

Copy escaped HTML, or the equivalent for Next.js, Astro or Nuxt.

Frequently asked questions

What size should an og:image be?

1200×630 pixels, at a 1.91:1 ratio. Keep it under about 5 MB and use an absolute https URL — relative paths are ignored by every major crawler.

Why is my preview showing the old image?

Platforms cache aggressively. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a re-scrape after changing og:image.

Do I need Twitter Card tags if I have Open Graph?

Not strictly — X falls back to og: tags when twitter: ones are absent. Adding twitter:card explicitly is still worth it, since it is what selects the large-image layout.

Updated · Built by Niraj Kumar