How long should the title and description be?

Aim for a title around 50 to 60 characters and a description around 150 to 160 characters. Beyond that, search engines truncate the text in results. The tool shows live character counts so you can stay within range.

What does the canonical tag do?

The canonical link tells search engines which URL is the master version of a page, consolidating ranking signals when the same content is reachable at multiple URLs. It prevents duplicate-content dilution from query strings, trailing slashes, or http versus https.

When should I use a noindex robots tag?

Use noindex on pages you do not want in search results, such as thank-you pages, internal search results, staging pages, or thin duplicate pages. Leave it as index,follow for normal public content you want ranked.

Do I still need the viewport and charset tags?

Yes. The charset tag (UTF-8) ensures characters render correctly, and the viewport tag makes the page scale properly on mobile devices. Both are foundational and should be on essentially every page.

Why are Open Graph tags included here?

Open Graph and Twitter Card tags control how your link looks when shared on social platforms and chat apps. Bundling them with the SEO basics means one paste gives you both good search appearance and good link previews.

HTML Meta Tag Generator

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

Every head tag a page needs, generated correctly

Hand-writing meta tags is repetitive and easy to get subtly wrong — a missing canonical, an over-long description, a forgotten viewport tag. This generator takes a few inputs and outputs a clean, correctly ordered block of head tags covering SEO fundamentals plus social previews, so you can paste once and move on.

How it works

The tool builds standard head elements from your inputs:

<meta charset="UTF-8"> and the responsive viewport tag, which belong on every page.
<title> and <meta name="description">, the two tags search engines show in results.
<link rel="canonical"> pointing at the page’s master URL.
<meta name="robots">, set to index,follow or noindex,nofollow based on your choice.
<meta name="theme-color"> for mobile browser chrome.
Open Graph (og:title, og:description, og:url, og:image, og:type) and the matching Twitter Card tags so shared links render with a title, summary, and image.

Values you type are HTML-escaped so characters such as &, <, >, and " cannot break your markup. The output updates live and character counts flag titles or descriptions that are too long.

Tips and example

Use absolute URLs for canonical and image tags. Relative paths often fail when a crawler or social platform resolves them from a different context.
Match og:title to your <title> and og:description to your meta description for consistency, then tune them only if the social copy needs to differ.
A good social image is 1200x630 pixels. Smaller images may be cropped or rejected by some platforms.
Paste the block high in the <head>, ideally right after the charset and viewport tags.