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.

Meta Tag Generator

Generate a complete SEO and social meta tag block.

Works Offline

Privacy First

No Login

No API

Basic meta

Page title15 characters

Ideal 50–60 characters

Description63 characters (recommended 70–160)

Ideal 120–160 characters

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

<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="#6366f1" />
<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

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

Related tools

Border Radius Generator

HTML & CSS

Fine-tune per-corner border radii visually.

Box Shadow Generator

HTML & CSS

Layer multiple box-shadows with a live preview.

Clip Path Generator

HTML & CSS

Design polygon clip-path shapes with a live preview.

CSS Animation Generator

HTML & CSS

Build keyframe animations visually with a live preview.

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Filter Playground

HTML & CSS

Tune blur, brightness, contrast, and more with a live preview.

Frequently asked questions

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