Built and fact-checked by the DocNectar team — see our editorial standards
Key Features
Instant Calculation
Get accurate results in real time with our optimized algorithm.
Mobile Friendly
Fully responsive design. Works on all devices & screen sizes.
Privacy Focused
Your data stays on your device. We don't store any inputs.
100% Free
No hidden costs. This tool is completely free forever.
A page's meta tags are what search engines and social platforms actually read to decide how to display it — the title and description shown in Google's results, the card shown when a link is pasted into Twitter/X or shared on Facebook. Getting them right by hand means remembering the right tag names, the right Open Graph properties, and the right length limits. This generator builds the complete set from a few fields and flags when your title or description is likely to get truncated.
It covers the standard `<title>` and description tags, the canonical link, Open Graph properties for link previews, and Twitter Card tags — the set most pages actually need, in one paste-ready snippet.
How it works
Enter your page title, meta description and canonical URL — the three required fields. Optionally add an Open Graph image URL, your site's Twitter handle, and a site name. The generator produces a complete HTML snippet with all the tags properly escaped, plus warnings if your title or description falls outside the length search engines typically display in full.
- Enter your page title, meta description and canonical URL.
- Optionally add an Open Graph image, Twitter handle and site name.
- Click Generate to produce the full tag snippet and see any length warnings.
- Copy the snippet into your page's <head>.
Examples
A product page
A title like "Wireless Noise-Cancelling Headphones — Acme Audio" (46 characters) and a description summarizing the product in under 160 characters generates a complete tag set with no length warnings, plus Open Graph tags for when the page is shared on social media.
A title that's too long
A 90-character title gets flagged with a specific warning that search engines typically display only the first ~60 characters — letting you shorten it before publishing rather than finding out after Google has already truncated it.
Who should use it
- Writing meta tags for a new page before publishing it.
- Auditing an existing page's title/description length before an SEO cleanup.
- Generating a consistent Open Graph/Twitter Card setup for a page that will be shared on social media.
- Quickly producing tags for a static site or landing page without a CMS's built-in SEO fields.
Industry applications
- SEO and content marketing
- Web development and static site generation
- E-commerce product pages
- Landing page and campaign microsites
Advantages
- Generates a complete, properly escaped tag set in one paste-ready snippet.
- Flags titles and descriptions likely to be truncated before you publish.
- Covers SEO, Open Graph and Twitter Card tags together, not just one.
Limitations
- Doesn't generate schema.org structured data (JSON-LD) — that's a separate concern from meta/OG/Twitter tags.
- Doesn't validate that the canonical URL or image URL actually resolves — only that they're well-formed URLs.
- Character-count warnings are general guidance, not a guarantee of how any specific search engine will render the result.
Common mistakes to avoid
- Writing a title or description so long it gets silently truncated in search results, cutting off the important part.
- Forgetting the canonical tag entirely, which can lead to duplicate-content confusion if the same page is reachable at multiple URLs.
- Using a different title/description in the Open Graph tags than the actual page title, causing an inconsistent preview when shared.
- Skipping the Open Graph image, resulting in a plain, unappealing link preview when the page is shared on social media.
Best practices
- Keep titles under about 60 characters and descriptions under about 160 to avoid truncation.
- Make sure the canonical URL points to the actual preferred version of the page (with or without trailing slash, http vs https, etc.).
- Use a specific, descriptive Open Graph image rather than a generic site-wide logo when the page has unique content worth previewing.
- Keep the title and description consistent between the plain SEO tags and the Open Graph/Twitter versions unless you have a specific reason to differ.
Tips
- Paste your generated title and description into a SERP preview tool if you want to see roughly how it will actually look in Google's results.
- Keep a consistent og:site_name across your whole site so link previews are recognizable regardless of which page is shared.