Skip to content
SnapTools
Processing locally — files never leave your device

Meta Tag Generator

Generate a complete set of SEO meta tags — title, description, robots, canonical, viewport — ready to paste into your <head>.

How to use Meta Tag Generator

  1. Fill in the page title and meta description — keep them within the recommended pixel lengths shown.
  2. Add the canonical URL and a 1200×630 social image so your Open Graph and Twitter cards render correctly.
  3. Optionally set the author, robots directives, and your Twitter @handle.
  4. Copy the generated block of meta, Open Graph, and Twitter tags.
  5. Paste it inside the <head> of your page, above the closing </head>, and deploy.

Meta tags: the head block every page needs

Meta tags are the instructions in your page's <head> that tell search engines what the page is about and tell social platforms how to render a shared link. This generator builds a complete, valid head block — title, description, canonical, robots, viewport, Open Graph, and Twitter Card tags — that you can paste straight into your HTML.

A complete head block

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Page Title — Brand</title>
<meta name="description" content="A clear, accurate 150-character summary." />
<link rel="canonical" href="https://example.com/page" />
<meta property="og:title" content="Page Title" />
<meta property="og:description" content="Summary for social cards." />
<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />

Title and description: what searchers see

The title tag is the single most important on-page SEO element and the clickable headline in search results. Make it unique, descriptive, and front-loaded with the primary topic. The meta description does not affect rankings directly but is the sales pitch under the title — write it for a human deciding whether to click. Keep the title near 60 characters and the description near 155, remembering Google measures pixels, not characters.

How the social tags fit in

This generator emits one og:image pointing at your social card and a single twitter:card line set to summary_large_image. That pairing is deliberate: the Open Graph block carries the title, description, and image for every platform, and the lone Twitter line just selects X's layout while X reuses the og: values underneath. You only need to add separate twitter:title or twitter:image lines when X should show something different from everywhere else — and the dedicated preview tools below let you check each surface in isolation.

Precedence: which tag wins

When tags overlap, engines and platforms follow a clear order. For the page name, the <title> element is authoritative for search, while social cards prefer og:title and fall back to <title> if it is absent. For the link target, og:url tells platforms which address to credit shares to, and it should match your <link rel="canonical"> exactly. The robots tag is the strictest signal of all: a page-level noindex overrides anything you allow in robots.txt, because the crawler must fetch the page to read it.

Robots and canonical

Reach for noindex on pages that should stay out of search but remain usable — login screens, internal thank-you pages, faceted filter URLs that duplicate a parent listing. The canonical link does the complementary job: when identical content sits at several addresses (tracking parameters, print views, trailing-slash variants), it nominates the one version engines should consolidate signals onto. Set both deliberately and you decide exactly what enters the index and which URL gets the credit.

The non-negotiable basics

Three tags belong on essentially every modern page. The charset declaration goes first — ideally inside the opening 1024 bytes — so the browser decodes everything after it correctly. The viewport tag keeps the layout mobile-friendly instead of rendering at desktop width and zooming out. And a unique title gives each page its own clickable headline in results. Settle these before fine-tuning anything else; they shape rendering and rankings on every device.

Related SEO tools

Frequently asked questions

How long should my title and description be?
Aim for a title around 50–60 characters and a description around 150–160. Google truncates by pixel width, not character count, so capital letters and wide characters eat into the limit faster. Front-load the important words in case the tail gets cut.
Do I still need the meta keywords tag?
No. Google has openly ignored the meta keywords tag for over a decade, and most other engines do too. It can even hand competitors a list of your targets. There is no benefit to including it on a modern site.
Does the meta description affect rankings?
Not directly — it is not a ranking factor. But it is the snippet text searchers read in the results, so a compelling, accurate description improves click-through rate, and Google will sometimes rewrite a weak one using on-page text instead.
What does the meta robots tag control?
It tells crawlers how to treat the page: index/noindex (whether to list it), follow/nofollow (whether to crawl its links), plus directives like noarchive and max-snippet. Use noindex to keep thin or duplicate pages out of search while still letting users reach them.
What if I don't have an Open Graph image?
The page will still share, but as a plain text link with far lower engagement. Even a simple branded 1200×630 image dramatically increases click-through on social. It is one of the highest-leverage tags to add.
Should every page have a unique title and description?
Yes. Duplicate titles and descriptions across pages confuse both users and search engines and dilute relevance. Generate them per page based on that page's actual content rather than reusing a site-wide template string.
Where exactly do meta tags go?
All of them belong inside the <head> element, before </head>. The charset declaration should come first, ideally within the first 1024 bytes, followed by viewport, then title, description, canonical, and the social tags.
Do I need the viewport meta tag?
Yes, for any responsive site. Without <meta name="viewport" content="width=device-width, initial-scale=1"> mobile browsers render at a desktop width and zoom out, which fails mobile-friendliness checks and hurts mobile rankings.

Related tools

More tools you might find useful in the same flow.

robots.txt Generator

robots.txt generator — build a clean robots.txt file with user-agent rules, allow and disallow paths, and sitemap entries in seconds. Free, no signup needed.

Sitemap Generator

Free online XML sitemap generator: paste your URLs and build a valid sitemap.xml with lastmod, changefreq, and priority. Copy or download — no signup.

Keyword Density

Keyword density checker — analyze pasted text or page copy for word density, keyword frequency, top phrases, and word counts. Free, runs in your browser.

Schema Generator

JSON-LD schema generator — create structured data for Article, FAQ, Product, Local Business, and other schema.org types. Free, ready to copy and paste.

See all SEO & Web Tools

Built by Muhammad Tahir · About