How to use the meta tag generator
- Type the page title and meta description; the counters turn green inside the recommended range.
- Add the canonical URL, choose index/follow settings, and set the language.
- Paste an Open Graph image URL (1200×630 px works everywhere) and pick the Twitter card type.
- Check both previews, then copy or download the snippet and paste it inside your page's <head>.
Features
- Google-style search result preview with pixel-based title truncation
- Social card preview using your og:image
- Character counters with the recommended title and description ranges
- Robots index/noindex and follow/nofollow toggles
- Open Graph type, image, site name and locale, plus Twitter card tags
- Attribute values are HTML-escaped so quotes and ampersands don't break the markup
Recommended lengths and why they are approximate
Google does not cut titles at a fixed number of characters. On desktop it shows roughly 580 pixels of text, which is around 50–60 characters in a typical font; wide letters like W and M use up the space faster than i or l. Descriptions are usually cut at about 155–160 characters on desktop and fewer on mobile. Google also rewrites titles and descriptions when it decides another snippet fits the query better, so treat the preview as guidance, not a guarantee.
What each tag does
A minimal, useful head contains these tags:
- <title>: the headline in search results and browser tabs. Put the main topic first and the brand last.
- meta description: not a ranking factor, but it is often used as the snippet and affects click-through rate.
- link rel=canonical: tells search engines which URL is the original when the same content is reachable at several addresses (tracking parameters, http/https, trailing slashes).
- meta robots: only needed to opt out. index, follow is the default, so the tool omits the tag unless you change it.
- meta viewport: required for the page to render properly on phones; without it, mobile-friendliness checks fail.
- Open Graph and twitter:* tags control the title, description and image shown when a link is shared on Facebook, LinkedIn, WhatsApp, Slack and X.