Meta Tag Generator
Build clean title, description and viewport meta tags ready to paste into your <head>.
Files are processed in your browser. Nothing is uploaded to a server.
Meta tags are the short snippets of HTML inside your page’s <head> that tell search engines and social platforms what your page is about. Getting the title and description right is one of the highest-leverage on-page tasks you can do: they influence how your result looks in search and, indirectly, how many people click it.
This generator writes those tags for you. Fill in a few fields and copy a tidy block of HTML — no syntax to memorize, no missing quotes, and live counters that warn you before a line gets truncated in the search results.
How to generate your meta tags
- Type your page title. Aim for roughly 50–60 characters so it isn’t cut off.
- Write a meta description that summarizes the page and invites a click — about 150–160 characters works best.
- Optionally add an author, a robots directive (such as
index, follow) and a canonical URL. - Copy the generated HTML and paste it inside the
<head>of your page.
Recommended length for each tag
| Tag | Purpose | Recommended length |
|---|---|---|
<title> |
Headline shown in the browser tab and search result | 50–60 characters |
| meta description | Summary snippet under the search result | 150–160 characters |
| meta keywords | Legacy tag, ignored by Google but harmless | Optional |
| meta robots | Tells crawlers whether to index/follow | e.g. index, follow |
| canonical | Points duplicates to the preferred URL | Full absolute URL |
Why use this generator
- Live character counters with colour warnings for the title and description.
- Outputs valid, properly escaped HTML you can paste anywhere.
- Includes viewport and charset tags so the page renders correctly on mobile.
- Runs entirely in your browser — your draft text never leaves the page.