Meta Tag Generator
Generate SEO meta tags with a live Google result preview and character counters for title and description.
Core SEO tags for any page. The Google result preview updates live, so you can see exactly how your title and description will read before you ship.
Google result preview
example.com
https://example.com › page
My page - Brand
A short, useful summary of what this page offers.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My page - Brand</title>
<meta name="description" content="A short, useful summary of what this page offers.">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#6d5efc">
<link rel="canonical" href="https://example.com/page">About the meta tag generator
The title tag and meta description are the two things that decide whether someone clicks your result. Google truncates titles around 60 characters and descriptions around 160, so anything past that is written for nobody.
The canonical link is the other one that matters. It tells search engines which URL is the real one when the same content is reachable several ways, which prevents your own pages competing with each other.
How to use it
- 1Write the title, watching the counter stay under 60.
- 2Write a description under 160 that gives a reason to click.
- 3Set the canonical URL to the preferred version of the page.
- 4Choose the robots directive.
- 5Copy the HTML, or the Next.js metadata export.
Questions
How long should a title tag be?
Under about 60 characters. Google measures pixels rather than characters, so the exact cutoff varies, but 60 is a safe target.
Does the meta description affect rankings?
Not directly. It affects click-through rate, which does matter. Google also often rewrites it using text from the page.
What does canonical actually do?
It names the preferred URL when the same content exists at several addresses, so ranking signals consolidate on one page instead of splitting.