Skip to content
SmaftyTools

Meta Tag Generator

Generate title, description, Open Graph and Twitter Card meta tags with a live preview and length warnings. Free online meta tag generator.

About Meta Tag Generator

The Meta Tag Generator builds the full block of HTML `<head>` tags a page needs for SEO and social sharing — title, meta description, canonical link, robots directives, Open Graph tags and Twitter Card tags — from a handful of form fields, with live character counts and length warnings so nothing gets silently truncated in search results. It's the fastest way to generate meta tags for a new page, covering both standard seo meta tags and social tags in one pass, which makes it a handy og tag generator too — every og: and twitter: tag comes out ready to paste.

It's used when launching a new landing page and needing every meta tag right the first time, when auditing an existing page by pasting its planned title and description in to check the length before a developer ships it, and when a marketing team hands off copy to engineering and wants ready-to-paste HTML instead of a spec written in prose. The generator covers both SEO tags (title, description, canonical, robots) and social tags (Open Graph for Facebook/LinkedIn, Twitter Card) in one pass, since most pages need both and they're easy to get out of sync when written separately.

Length warnings are based on widely cited practical thresholds — titles around 30–60 characters and descriptions around 70–160 characters — beyond which Google commonly truncates the snippet shown in search results (see the SERP Snippet Preview for a pixel-accurate truncation check). The noindex/nofollow toggles generate a correct `<meta name="robots">` tag for pages that shouldn't be indexed or shouldn't pass link equity, like a staging page or a paid landing page. Every field is optional except title and description, so the tool degrades gracefully — leave the Twitter handle blank and the twitter:site tag is simply omitted rather than generated empty. All generation happens in your browser as you type; nothing is sent anywhere.

How to Use the Meta Tag Generator

  1. Enter the page title and meta description.
  2. Add the canonical URL, image URL and site name for Open Graph and Twitter tags.
  3. Toggle noindex/nofollow if the page shouldn't be indexed or followed.
  4. Copy the generated tags into your page's <head>, or download as an HTML snippet.

Features

  • Generates title, meta description, canonical, robots, Open Graph and Twitter Card tags together
  • Live character counts with length warnings for title and description
  • noindex/nofollow toggle for staging or paid-only pages
  • Auto-selects the right Twitter card type based on whether an image is set

Examples

Blog post title and description

Input

Title: "10 Free SEO Tools Every Blogger Needs" · Description: "A roundup of free, browser-based SEO tools — no signup required."

Output

<title>10 Free SEO Tools Every Blogger Needs</title>
<meta name="description" content="A roundup of free, browser-based SEO tools — no signup required." />

Staging page marked noindex

Input

noindex enabled, nofollow enabled

Output

<meta name="robots" content="noindex, nofollow" />

Frequently Asked Questions

Why are both Open Graph and Twitter Card tags generated?

Facebook and LinkedIn read Open Graph tags, while X (Twitter) primarily reads its own Twitter Card tags (falling back to Open Graph if they're missing). Generating both means the same link preview looks correct everywhere it's shared.

What happens if my title is too long?

The tool still generates the tag, but shows a warning if it's over roughly 60 characters — Google typically truncates titles beyond that length in search results, so it's worth trimming before publishing.

Do I need to fill in every field?

No — only the title and description are commonly required. Leave the image URL blank and the tool just won't generate og:image or twitter:image tags for that field.

Is the Meta Tag Generator free?

Yes, the Meta Tag Generator is completely free with no usage limits. No signup, no account and no installation required.

Is my data safe?

Yes. All processing happens locally in your browser using JavaScript — nothing you type is uploaded or stored on our servers.