ToolHub
๐Ÿท๏ธ

Meta Tag Generator

Generate SEO, Open Graph and Twitter meta tags.

Meta tags (paste into <head>)
<!-- Primary Meta Tags -->
<title>My Awesome Site</title>
<meta name="title" content="My Awesome Site" />
<meta name="description" content="A short, compelling description of the page." />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="canonical" href="https://example.com/page" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Site" />
<meta property="og:description" content="A short, compelling description of the page." />
<meta property="og:image" content="https://example.com/og-image.png" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com/page" />
<meta name="twitter:title" content="My Awesome Site" />
<meta name="twitter:description" content="A short, compelling description of the page." />
<meta name="twitter:image" content="https://example.com/og-image.png" />

About the Meta Tag Generator

Generate the complete set of head tags for a page: primary title and description, viewport, canonical link, the full Open Graph block for Facebook and LinkedIn, and the Twitter card block. Fields show live length counters against the recommended 60-character title and 160-character description limits.

How to use the Meta Tag Generator

  1. Fill in the page title and description, watching the recommended length hints.
  2. Enter the canonical URL and the Open Graph image URL.
  3. Pick an OG type โ€” website, article, product, profile or video โ€” and a Twitter card size.
  4. Optionally add an author, then copy the generated block into your <head>.

Meta Tag Generator FAQ

What lengths should title and description be?

The tool labels 60 characters for titles and 160 for descriptions as recommended and counts live as you type, since search engines truncate beyond those limits.

Which tags are generated?

Title, description, viewport, canonical, author when provided, six Open Graph properties (type, url, title, description, image) and four Twitter card tags.

Which Twitter card size should I pick?

summary_large_image renders a big preview image next to the text and suits most pages; summary shows a small square thumbnail for link-heavy contexts.