Will this replace my framework’s metadata API?

Use it as a scratchpad; Next.js, Remix, and others have first-class metadata helpers for production.

Are attribute values escaped?

Basic HTML escaping is applied for attribute contexts; always review in your template system.

Do I need both Open Graph and Twitter tags?

Many platforms read Open Graph; Twitter-specific tags still help when X’s parser prefers them—test with each network’s debugger.

What image size should I use?

Follow each network’s current guidance (often around 1200×630 for large cards) and keep files reasonably small.

Open Graph & Meta Tag Generator — SEO Snippets

Loading tool…

Social previews

Open Graph and Twitter Card tags control how links look when shared. Pair them with a real canonical URL and tested image dimensions for best results.

Privacy

Editing and conversion run in your browser for these workflows—nothing is uploaded to our servers for the core tool actions. Clear sensitive data on shared machines when you are done.

Frequently asked questions

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" />

Loading tool…

Social previews

Open Graph and Twitter Card tags control how links look when shared. Pair them with a real canonical URL and tested image dimensions for best results.

Privacy

Editing and conversion run in your browser for these workflows—nothing is uploaded to our servers for the core tool actions. Clear sensitive data on shared machines when you are done.

Meta & Open Graph Generator

Social previews

Privacy

Frequently asked questions

Meta & Open Graph Generator

Social previews

Privacy

Frequently asked questions