Do I still need framework metadata APIs?

For production, prefer your framework’s metadata helpers (for example Next.js metadata) so tags stay type-safe and cache-friendly. Use this page as a scratchpad.

Are values escaped for HTML?

Attribute-oriented escaping is applied for meta tags; review with your template language to avoid double encoding.

Is anything uploaded?

Fields stay in your browser via local storage until you clear them—nothing is sent to our servers for tag generation.

What image size should I use?

Follow each network’s current documentation—large social cards often target roughly 1200×630 with reasonable file weight.

Do I need Twitter tags if I have Open Graph?

Many platforms read Open Graph, but Twitter-specific tags can still help—validate with each network’s debugger.

Meta & Open Graph Tag Generator

Meta & Open Graph

Title

Description

Canonical / page URL

Social image URL

<title>My page title</title>
<meta name="description" content="One or two sentences that summarize the page for search and social previews." />

<meta property="og:type" content="website" />
<meta property="og:title" content="My page title" />
<meta property="og:description" content="One or two sentences that summarize the page for search and social previews." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/og.png" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My page title" />
<meta name="twitter:description" content="One or two sentences that summarize the page for search and social previews." />
<meta name="twitter:image" content="https://example.com/og.png" />

Related Tools

Campaign URL Builder

Pair clean tracking URLs with accurate og:url values.

URL Slug Generator

Align paths with the canonical you publish in meta tags.

HTML Editor

Drop generated tags into a full document prototype.

Ship better link previews

Consistent titles, descriptions, and images reduce bounce when links are shared in chat, social feeds, and SERPs.

Frequently asked questions about meta and Open Graph tags