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.

What is the HTML Meta Tag Generator?

Generate the core HTML head meta tags — title, description, canonical, viewport, charset, robots, theme-color, plus Open Graph and Twitter Card tags — from one simple form. Outputs clean, ready-to-paste HTML. Free and runs in your browser. It runs free in your browser on Gera Tools, with nothing uploaded.

HTML Meta Tag Generator

Name: HTML Meta Tag Generator
Creator: Gera Tools
License: https://creativecommons.org/licenses/by/4.0/

Get one useful tool a week

Like this tool? Enter your email and we'll send you one genuinely useful Gera tool a week — plus a link to come back to this one. No spam, one-click 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 1200×630 pixels. Smaller images may be cropped or rejected by some platforms; very large ones slow down link-unfurling.
Paste the block high in the <head>, ideally right after the charset and viewport tags.

Why each tag matters

Title tag — the single most influential on-page SEO signal and the text Google shows in blue in search results. Keep it under 60 characters so it is not truncated; front-load the keyword.

Meta description — not a ranking signal, but it sets the snippet under the title. A well-written description improves click-through rate. Google rewrites descriptions it considers low-quality, so write for the reader, not the crawler.

Canonical — without a canonical, the same content reachable at example.com/page, example.com/page/, example.com/page?ref=email, and http:// vs https:// variants splits ranking signals across four different “pages”. The canonical tells crawlers which URL owns the credit.

robots — noindex prevents a page from appearing in search but does not stop crawling; add Disallow in robots.txt to also stop crawling. Use noindex rather than noindex,nofollow when you still want followed links to pass signals outward.

Open Graph and Twitter Card — WhatsApp, Slack, iMessage, LinkedIn, Facebook, and Twitter/X all parse these tags when a link is pasted. A missing og:image results in a plain-text link preview; missing og:title falls back to the page title. Setting both takes only seconds with this generator and materially improves click rates on shared links.