What's the ideal title length?

Around 50–60 characters so it doesn't get truncated in search results.

What's the ideal description length?

Around 120–160 characters for optimal display in search snippets.

Does it fall back to the title/description for Open Graph?

Yes, if OG-specific fields are left blank the main title/description are reused.

Is my data uploaded to a server?

No. This tool runs entirely in your browser using standard web APIs, so your input never leaves your device and nothing is logged or stored on our servers.

Does it work offline and on mobile?

Yes. Once the page has loaded it keeps working without a network connection, and the layout is responsive so it stays usable on phones and tablets.

Meta Tag Generator

Generate a complete SEO and social meta tag block.

Support

Works Offline

Privacy First

No Login

No API

Basic meta

Page titleIdeal 50–60 characters15 characters

DescriptionIdeal 120–160 characters63 characters (recommended 70–160)

Keywords

Author

Canonical URL

Robots

Viewport

Charset

Theme color

Open Graph & Twitter

OG title

OG description

OG image URL

OG URL

Twitter card type

Generated meta tags

XML

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>My Awesome Page</title>
<meta name="description" content="A short, compelling description of the page for search engines." />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#2563eb" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A short, compelling description of the page for search engines." />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A short, compelling description of the page for search engines." />

About the Meta Tag Generator

Fill in title, description, keywords, canonical URL, robots directives, viewport, charset, theme color, Open Graph, and Twitter Card fields to generate a ready-to-paste <head> meta block, with live character-count warnings for title and description.

Examples

Basic page

title + description

Output

XML<title>My Page</title>
<meta name="description" content="..." />

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Clamp() Calculator

HTML & CSS

Generate fluid typography clamp() CSS from min/max viewport and size.

CSS Scrollbar Styler

HTML & CSS

Design custom scrollbars with live preview.

CSS Transform Playground

HTML & CSS

Combine translate, rotate, scale, and skew with a live preview.

CSS Variables Theme Builder

HTML & CSS

Build a custom property theme with a live preview.

Email Signature Generator

HTML & CSS

Design a professional HTML email signature and copy it into any mail client.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser