OpenGraph & Meta Tag Generator

Generate essential Open Graph and X Card meta tags for improved social sharing previews and SEO. Fill the form to generate copy-pasteable tags and see live previews.

Metadata Content

Fill in the details for your page.

Title

Description

Canonical URL

Image URL

Site Name

Tag Options

Open Graph Type

Twitter Card Type

Twitter Handle

Generate Twitter TagsInclude `twitter:*` specific tags.

Generated HTML Tags

Copy and paste into your `<head>` section.

<meta name="title" content="My Awesome Page Title" />
<meta name="description" content="A concise and compelling description of the page content (aim for ~150 chars)." />
<meta property="og:title" content="My Awesome Page Title" />
<meta property="og:description" content="A concise and compelling description of the page content (aim for ~150 chars)." />
<meta property="og:image" content="https://example.com/images/preview-image.png" />
<meta property="og:url" content="https://example.com/your-page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="My Website Name" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page Title" />
<meta name="twitter:description" content="A concise and compelling description of the page content (aim for ~150 chars)." />
<meta name="twitter:image" content="https://example.com/images/preview-image.png" />
<meta name="twitter:domain" content="example.com" />
<meta name="twitter:url" content="https://example.com/your-page" />

Live Previews (Approximate)

How your link might look on social media.

example.com

My Awesome Page Title

A concise and compelling description of the page content (aim for ~150 chars).

Test & Validate

Use official tools to debug your tags.

X Card Validator Meta Sharing Debugger LinkedIn Post Inspector

Command Palette