Open Graph meta tag generator

Fill in your page details and copy a complete, correctly-escaped block of Open Graph and Twitter/X meta tags. Everything runs in your browser — nothing is sent anywhere. New to these tags? Read the complete Open Graph meta tag reference.

0 chars · aim for under ~60
0 chars · aim for 110–160
Absolute HTTPS URL · 1200×630 recommended

Preview

1200 × 630

example.com

Your page title

Your description appears here.

Paste into <head>

<!-- Open Graph -->
<meta property="og:type" content="article" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />

Don't have a card image yet? Generate a branded one with Social Card Studio, or check how an existing URL renders.

Frequently asked questions

What are Open Graph meta tags?
Open Graph tags are <meta> tags in a page's <head> that tell social platforms how to render its link preview — the title, description, and image shown when the URL is shared on Facebook, LinkedIn, Slack, iMessage, and (with twitter: tags) X.
Where do the generated tags go?
Paste them inside the <head> element of your page's HTML, ideally near your <title>. Most CMSs and frameworks have a place for custom head tags or an SEO plugin that injects them.
Do I still need Twitter tags if I have Open Graph tags?
Mostly no. X falls back to your Open Graph tags when twitter: tags are absent, so the one tag worth adding is twitter:card set to summary_large_image to force the full-width image layout. This generator includes it for you.
What size should the og:image be?
1200×630 pixels (a 1.91:1 ratio) at an absolute HTTPS URL, kept under a few hundred KB. The same image works for X's summary_large_image card.