Which meta tags does it generate?

Standard SEO tags (title, description, canonical, robots) plus Open Graph (og:*) and Twitter Card (twitter:*) tags for rich social sharing.

Where do I paste the output?

Paste the generated tags inside the section of your HTML page, ideally near the top before any visible content.

Do I need both Open Graph and Twitter tags?

Yes. Facebook and LinkedIn read og: tags while Twitter/X reads twitter: tags, so including both gives you full control of how links preview.

Is my input sent anywhere?

No. The tags are assembled entirely in your browser from the values you type, so nothing is uploaded.

What size should my social image be?

A 1200×630 pixel image works best; it satisfies Open Graph and the Twitter large-image card, and the same URL is reused for both.

Do I need a canonical URL?

It is recommended. A canonical tag tells search engines the preferred address for the page and prevents duplicate-content dilution across similar URLs.

Why are some tags missing from the output?

Fields you leave blank are intentionally omitted so the generated block stays clean and only includes the tags you actually provided values for.

Meta Tag Generator

Enter your page title, description, URL, and image and instantly get a complete block of SEO, Open Graph, and Twitter Card meta tags to paste into your <head> — all generated in your browser.

Updated June 2026

Files never leave your browser

Page title

Canonical URL

Description

Keywords

Author

Social image URL

Site name

Twitter handle

OG type

Robots

How to use Meta Tag Generator

The Meta Tag Generator produces a complete set of SEO, Open Graph, and Twitter Card meta tags from a simple form. Fill in your page title, description, canonical URL, and social image, and instantly get a ready-to-paste block for your <head>. Fields you leave blank are omitted, so the output stays clean, and all values are escaped to keep your markup valid. It runs entirely in your browser.

Enter your page title, description, and canonical URL.
Add an author, social image, site name, and Twitter handle if you have them.
Choose the Open Graph type and robots directive.
Click "Generate meta tags" and copy the block into your <head>.

Your data never leaves your device — 100% private processing.

SEO, Open Graph, and Twitter tags explained

Search engines read the standard title and meta description to display your result, while social platforms read their own namespaces: Facebook and LinkedIn use Open Graph (og:title, og:description, og:image), and Twitter/X uses twitter: tags. Providing all three ensures your page looks correct in search results and shows a rich card when shared. The generator mirrors your title and description across each namespace so you only type them once.

The Twitter card type

Twitter supports a compact "summary" card and a larger "summary_large_image" card. The generator picks summary_large_image automatically when you supply a social image, and falls back to summary when you do not, so the card always matches the assets you have. Adding a 1200×630 image gives the best result across Open Graph and Twitter, since both platforms can reuse the same og:image and twitter:image URL.

Worked examples

Title across namespaces

Inputs: Title: My Page

Result: <title>, og:title, and twitter:title emitted

Large image card

Inputs: Add a social image URL

Result: twitter:card set to summary_large_image

Canonical link

Inputs: URL: https://example.com

Result: <link rel="canonical"> added to output

Glossary

Open Graph: A meta-tag protocol (og:*) that controls how a page appears when shared on Facebook, LinkedIn, and similar platforms.
Twitter Card: Twitter/X meta tags (twitter:*) that produce a rich preview when a link is posted.
Canonical URL: A link tag that tells search engines the preferred URL for a page to avoid duplicate-content issues.
Robots directive: A meta tag instructing crawlers whether to index a page and follow its links.

Frequently Asked Questions

Free · No spam

Get weekly tool tips & updates

New tools, power-user tips, and productivity hacks — delivered free every Friday.

No spam, ever. Unsubscribe with one click.

Why use Meta Tag Generator?

Generate SEO, Open Graph, and Twitter Card tags from one form
Skip empty fields automatically for clean, minimal output
Escape quotes and angle brackets so your markup stays valid
Pick the right Twitter card type automatically based on your image
Runs client-side — nothing you type is uploaded

Common use cases

Add rich social sharing previews to a landing page or blog post
Generate canonical and robots tags for a new page quickly
Produce consistent meta tags across a static site
Hand a non-developer a form to create correct head markup
Audit and rebuild missing Open Graph tags for better link previews

Related Developer Tools

Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags for better social media sharing. Preview how your links will look on Facebook, Twitter, and LinkedIn.

Open Graph Preview

Preview how your page appears when shared on Google, Facebook, Twitter, LinkedIn, and WhatsApp. Test Open Graph meta tags without publishing.

HTML Encoder / Decoder

Encode and decode HTML entities online. Escape <, >, &, and quote characters for safe HTML display. Free, instant, and private — runs in your browser.

JSON Formatter & Validator

Format, validate, and minify JSON instantly. Includes syntax highlighting, error detection, and a collapsible tree view — free, private, in-browser.

Regex Tester

Test and debug regular expressions online. See live matches, capture groups, and replace output. Free, private, instant.

Base64 Encoder & Decoder

Encode text or files to Base64, or decode Base64 strings back to text. Fast, free, and runs entirely in your browser.

Explore all Developer Tools.