Meta Tag Generator

Generate clean, copy-ready title, description, robots, Open Graph and Twitter meta tags.

Fetching live data…

Quick answer

The Meta Tag Generator is a free, in-browser tool that builds clean, copy-ready HTML meta tags for any page — the title tag, meta description, robots directive, canonical link, and full Open Graph and Twitter Card markup. Instead of memorizing the exact syntax for every social and search tag, you fill in a few fields and the tool outputs valid, correctly nested <head> code you can paste straight into your template. Nothing is uploaded or stored; everything runs instantly in your browser.

How it works

  1. Configure your inputs — page title, description, URL, image and robots options.
  2. The tool assembles each tag with the correct attributes and escaping as you type.
  3. Generate the final block and copy it with one click.
  4. Paste the markup inside your page's <head> section.

What it generates

  • Title tag — a clean <title> at the length you choose.
  • Meta description — a properly escaped <meta name="description">.
  • Robots directive — index/noindex and follow/nofollow control.
  • Canonical link — a <link rel="canonical"> to prevent duplicate-URL issues.
  • Open Graph tags — og:title, og:description, og:image, og:url and og:type for Facebook, LinkedIn and others.
  • Twitter Card tags — card type, title, description and image for rich Twitter/X previews.
  • Viewport & charset — the baseline tags every modern page needs.

Common use cases

  • New page setup — generate a complete head block before publishing.
  • Fixing social previews — add Open Graph and Twitter tags so links share with an image and proper title.
  • Templating — create a reusable pattern for a CMS or static-site layout.
  • Teaching & handoff — give a developer ready-made markup with no guesswork.

Example

Enter a title, a 150-character description and a 1200×630 image URL, and the tool returns a block like <meta property="og:image" content="https://example.com/cover.jpg"> alongside the matching Twitter Card and canonical tags — all ready to paste.

Frequently asked questions

Is the Meta Tag Generator free?

Yes — completely free, with no signup. It runs entirely in your browser and never stores the values you enter.

Does it produce valid, current markup?

Yes. The output follows current HTML, Open Graph and Twitter Card conventions, with special characters escaped so the tags stay valid. You can verify the result with the Meta Tag Analyzer and preview the social card with the Open Graph & Twitter Card Checker.

How long should my title and description be?

Aim for roughly 50–60 characters for the title and 120–160 for the description so they don't get truncated in search. Learn the details in our title tag optimization guide and meta description writing guide.