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.

Popular uses

meta tag generator
open graph generator
twitter card generator
seo meta tags

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

Breadcrumb Schema Generator

SEO

Generate JSON-LD BreadcrumbList structured data.

FAQ Schema Generator

SEO

Build JSON-LD FAQPage structured data from Q&A pairs.

Open Graph Generator

SEO

Generate Open Graph and Twitter Card meta tags.

Schema Markup Generator

SEO

Build JSON-LD structured data for common schema types.

SERP Preview

SEO

Preview how your page appears in Google search results.

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

Frequently asked questions

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