Meta Tag Generator — SEO + Social + Mobile Tags Free
Generate complete <head> meta tags: title, description, robots, canonical, viewport, theme-color, OG, Twitter, manifest. Copy-paste ready.
About Meta Tag Generator
A meta tag generator builds the full set of `<head>` meta tags every modern web page needs — SEO basics (title, description, canonical, robots), social cards (Open Graph + Twitter), mobile (viewport, theme-color, apple-touch-icon), PWA hints (manifest, color-scheme), and structured-data starters. The ZTools Meta Tag Generator covers all of these in one form, validates lengths against best practices (title ≤ 60 chars, description 140–160 chars), and emits a single copy-paste block ready for any HTML page or CMS template.
Use cases
- New site launch. Day-one SEO foundation. Every page needs the basic meta block — generator gets it right the first time, ensures nothing is missing.
- CMS template scaffolding. Wordpress / Webflow / Ghost theme builders bake the meta block into the layout template. Generate once, parametrise placeholders, deploy.
- SEO audit fixes. Existing site missing canonical / robots / OG tags — generate the complete set, paste into the affected templates, fix in one pass.
- Mobile / PWA polish. theme-color, apple-touch-icon, viewport, manifest reference — small things that make a site feel native on mobile. Generator gets them all.
How it works
- Enter page essentials. Title (≤60 chars), meta description (140–160), canonical URL, language code (en, fr, etc.).
- Configure robots. index/noindex, follow/nofollow, max-snippet, max-image-preview — all standard robots-meta directives.
- Add social. OG title/description/image/type + Twitter card style. Reuses page values if not overridden.
- Add mobile/PWA. viewport (always default), theme-color (browser chrome tint), apple-touch-icon, web-app-capable.
- Copy block. Single multi-line `<head>` snippet — paste once, done.
Examples
Input: Blog post: title, description, OG image, English, index+follow
Output: ~20 meta tags covering SEO + social + mobile.
Input: Internal admin page: noindex, nofollow
Output: Minimum tags + `<meta name="robots" content="noindex,nofollow">` so admin pages don't get indexed.
Input: PWA-installable site
Output: Adds manifest link + theme-color + apple-mobile-web-app-capable for installable behaviour on iOS/Android.
Frequently asked questions
Is the meta keywords tag still useful?
No — Google ignored it since 2009. Bing officially dropped it. Yandex still considers it. Most generators omit it; some include it because Yandex.
Why is my page title showing differently in Google?
Since 2021, Google rewrites titles ~60% of the time based on H1, anchor text, and content. Your `<title>` is a strong hint, not a guarantee. Make it match user intent and the page H1.
How long can the meta description be?
160 chars is the safe maximum on desktop SERPs; 130 on mobile. Beyond that, Google truncates. Some pages benefit from short, punchy descriptions (90–110 chars) — depends on intent.
What's the difference between canonical and og:url?
`canonical` tells search engines the preferred URL for indexing. `og:url` tells social platforms where to send users when they click the preview. Usually identical — but for tracking-parameter URLs, og:url may include UTMs while canonical is the clean version.
Do I need theme-color?
Strongly recommended for PWAs and mobile sites — colors the browser chrome on Chrome Android, Safari iOS standalone, Edge mobile. Drop the fallback brown bar; gain on-brand polish.
What's the modern viewport meta?
`<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">` — viewport-fit=cover allows draw-under-notch on iOS for full-screen experiences.
Pro tips
- Always include a canonical — even self-referencing — to prevent duplicate-content issues from URL parameters.
- Keep the title ≤ 60 chars; longer titles get truncated with "...".
- theme-color: pick a color from your brand that contrasts with both light and dark UI.
- Add `lang` attribute on `<html>` (not just meta) — improves accessibility and translation.
- Use a build-time tool to inject per-page meta dynamically; static meta on every page is brittle.
Reviewed by Ahsan Mahmood · Last updated 2026-05-06 · Part of ZTools.
For the full,
formatted version of this page, please enable JavaScript and reload
https://ztools.zaions.com/meta-tag-generator.