Meta Tag Generator

Fill in a title, description and a few page details, and watch the head snippet and a Google-style search preview update as you type. Nothing here is uploaded — the snippet is built entirely in your browser.

What each tag is for

Title and meta description are the two oldest SEO tags: the <title> becomes the browser tab text and, usually, the blue title link in search results; <meta name="description"> is a hint search engines may use for the grey summary line underneath. Canonical URL (<link rel="canonical">) tells search engines which address is the "real" one when the same page is reachable at more than one URL. Robots tells crawlers whether to index the page and whether to follow its links. Open Graph tags (og:*) are the open, cross-site standard that Facebook, LinkedIn, Slack and most other link-preview generators read. Twitter Card tags (twitter:*) are X's own separate format for how a shared link renders on its platform.

FAQ

What happens if my title or description runs long?

Google doesn't publish a fixed character limit for either tag — its own documentation says a title link and a snippet are each "truncated in Google Search results as needed, typically to fit the device width." In practice, on a typical desktop result that usually means somewhere around 50–60 characters of title and 150–160 of description before text gets cut off, which is why the counters above flag those ranges — they're a practical approximation of that device-width truncation, not an official Google limit.

What do the robots directive options mean?

Only noindex and nofollow are directive tokens Google's robots meta tag documentation actually defines — plain index and follow aren't separately-documented values, they're this tool's explicit way of writing out the default that applies when the tag is omitted entirely (Google's own term for that default is all, meaning "no restrictions"). So picking "index, follow" here is equivalent to leaving the tag out: the page can appear in search results and its links can be crawled. noindex tells crawlers not to show the page in search results at all; nofollow tells them not to follow the links on it; none is shorthand for noindex, nofollow together. Google also defines finer-grained values such as nosnippet and max-snippet:[number] to limit the text shown, though it has stopped honouring the older noarchive/nocache directives for Search.

Will filling in Open Graph and Twitter Card tags guarantee how my link looks when shared?

No. This generator writes correct tags, but each platform still crawls the page itself, may cache an old preview until it re-crawls, and can substitute its own image or text if something looks broken (a missing og:image, for instance). Test the real page with each platform's own preview/debug tool after publishing, and note that X's current Card documentation sits behind a developer sign-in, so the two card types offered here reflect the long-standing public twitter:card tag format rather than a page we could re-check today.