Skip to content
WebKitool

Meta Tag Generator

Generate title, description, canonical, Open Graph and Twitter Card tags with live length checks.

Loading tool…

Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.

How to use the meta tag generator

  1. Enter the page title, description and canonical URL.
  2. Add a share image URL for Open Graph and Twitter.
  3. Copy the generated tags into your page head.

About this tool

Search engines and social platforms read different tags for the same page. A title and meta description drive the search snippet; Open Graph properties control how a link looks when it is shared; Twitter Card tags do the same on X. Missing any of them means the platform guesses, usually badly.

Length guidance here is approximate on purpose. Search engines measure pixel width rather than characters, and they rewrite descriptions when the query suggests something better. Around 50–60 characters for a title and 140–160 for a description usually survives intact; beyond that, put the important words first so a truncated snippet still reads.

Common uses

  • Setting up head tags for a new landing page.
  • Fixing a page that shares without a preview image.
  • Checking whether a title will be truncated in results.

Frequently asked questions

Does the meta description affect rankings?
Not directly. It affects whether people click the result, which is reason enough to write it deliberately.
Do I need both Open Graph and Twitter tags?
X falls back to Open Graph when Twitter-specific tags are absent, so the extra tags are only needed when you want a different image or card type there.
What size should the share image be?
1200×630 is the safe default for a large summary card, and it degrades acceptably everywhere else.

Related tools