Meta Tag Generator
Fill in your page details and get ready-to-paste SEO, Open Graph and Twitter Card tags — with a live Google search preview and social card preview.
Your meta description appears here. Keep it under 160 characters so Google does not cut it off mid-sentence.
<meta name="robots" content="index, follow" /> <!-- Open Graph (Facebook, LinkedIn, Slack, WhatsApp…) --> <meta property="og:type" content="website" /> <!-- Twitter / X card --> <meta name="twitter:card" content="summary" />
Everything is generated in your browser — nothing you type is sent to or stored on our servers.
Which meta tags actually matter for SEO?
Fewer than you'd think. The <title> tag and meta description are what Google shows in search results — the title is a ranking signal, the description mostly affects click-through rate. The canonical link tells search engines which URL is the "real" one when the same content is reachable at several addresses (with and without trailing slash, with tracking parameters, and so on), which prevents duplicate-content dilution. The robots tag controls whether the page may be indexed at all. Beyond those, most classic meta tags — keywords in particular — have been ignored by Google for over a decade, which is why this tool doesn't generate them.
Why Open Graph and Twitter Card tags are worth the extra lines
When someone pastes your link into Slack, WhatsApp, LinkedIn, Facebook or X, the unfurled preview card is built entirely from your Open Graph tags: og:title, og:description, og:image and og:url. Without them you get a bare link — with them you get a rich card that dramatically improves click-through. Twitter/X reads Open Graph too but prefers its own twitter:* tags when present, and the twitter:card value of summary_large_image is what turns a small thumbnail into the full-width image card. The recommended og:image size is 1200 × 630 pixels — a 1.91:1 ratio that every major platform crops cleanly.
FAQ
How long should my title and description be?
Google truncates titles at roughly 60 characters and descriptions at roughly 160 (technically it measures pixels, not characters, but those counts are a reliable proxy). The live counters in this tool turn red when you cross the limit, and the SERP preview shows the truncation with an ellipsis exactly as Google would. Front-load your most important words — they survive truncation.
What does index/follow vs noindex/nofollow do?
index, follow is the default: the page may appear in search results and crawlers may follow its links. noindex keeps the page out of results (useful for thank-you pages, internal search results, staging content) while nofollow tells crawlers not to pass link equity through the page's links. Note that noindex in a meta tag only works if crawlers can actually fetch the page — don't also block it in robots.txt or they'll never see the tag.
Is anything I type sent to a server?
No — the previews and the HTML are generated entirely in your browser. Nothing you enter here is transmitted or stored.
Free tools are just the start
Deploy your next app on bare-metal cloud with per-second billing — your first app is free, no credit card required.
More free tools
Generate strong, random passwords with a cryptographically secure RNG — entirely in your browser.
Encode text to Base64 or decode it back — UTF-8 safe, with URL-safe variant support.
Percent-encode strings for safe use in URLs, or decode %20-style sequences back to text.
Decode a JSON Web Token's header and payload, check expiry, and verify HS256 signatures.
Generate MD5, SHA-1, SHA-256 and SHA-512 hashes of any text — instantly, in your browser.
Validate JSON with precise error locations, then pretty-print or minify it — with sorted keys if you like.