Open Graph Generator

Generate Open Graph and Twitter Card meta tags for rich link previews.

Type

Twitter / X card

Page URL

Title

36 chars — aim for under 60

Description

84 chars — aim for 110–160

Image URL

Recommended 1200×630 px, absolute URL

Image alt text

Site name

Locale

Twitter / X handle

Link preview (approximate)

example.com

Example — a short, catchy page title

A one or two sentence summary that appears under the title when your link is shared.

HTML meta tags — paste inside <head>

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/" />
<meta property="og:title" content="Example — a short, catchy page title" />
<meta property="og:description" content="A one or two sentence summary that appears under the title when your link is shared." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="Example" />
<meta property="og:locale" content="en_US" />

<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Example — a short, catchy page title" />
<meta name="twitter:description" content="A one or two sentence summary that appears under the title when your link is shared." />
<meta name="twitter:image" content="https://example.com/og-image.png" />