Stack Online Tools Logo

Meta Tag Generator
New

Page Type Preset

Select a page type to prefill suggested title, description, and og:type fields.

Basic SEO Tags

Characters: 0 / 50-60 recommended

Characters: 0 / 140-160 recommended

SERP Preview

example.com › generated-preview
Your Page Title Here

Your meta description will appear here.

Comments

U
No comments yet. Be the first to comment!

Similar SEO & Marketing

See All

Want to Support?

Buy me a coffee

What is Meta Tag Generator?

The Meta Tag Generator is a free SEO tool that creates the HTML meta tags you need for search engines and social media platforms. Fill in a few fields and it instantly outputs title tags, meta descriptions, Open Graph tags (Facebook), and Twitter Card tags that you can paste directly into your website's <head> section.

Proper meta tags help search engines understand your page, improve your SERP snippet, and control how each platform previews your links. This generator also includes a live Google-style preview so you can see how your title and description will appear in search results.

Why Meta Tags Matter:

Meta tags are a page's first handshake with search engines and social platforms. Even though Google says keywords tags are ignored, title tags and meta descriptions still shape your ranking and click-through rate: a well-written title and description in the SERP directly influences how many people click your result.

Open Graph and Twitter Card tags control link previews on Facebook, LinkedIn, Slack, X, WhatsApp, and Discord. Without them, platforms guess the image and text to show — often grabbing the wrong one. Generating all your meta tags together ensures every channel presents one consistent, professional snippet.

Key Features:

  • Page Type Presets: Blog Post, Landing Page, Product Page, Homepage, SaaS App, and Portfolio presets prefill suggested titles, descriptions, and og:type.
  • Basic SEO Tags: Title, meta description, keywords, author, robots directives, and canonical URL.
  • Open Graph Tags: og:title, og:description, og:image, og:url, og:type, og:locale, and og:site_name for Facebook sharing.
  • Twitter Card Tags: twitter:card, twitter:site, twitter:title, twitter:description, and twitter:image.
  • Character Guidance: Live counters flag titles and descriptions so you stay in the 50–60 char title and 140–160 char description sweet spots.
  • SERP Preview: See a realistic Google search result preview as you type.
  • Copy & Download: Copy the generated HTML or download it as an .html file.

How to Use:

  1. Enter your page details: Fill in the title, description, canonical URL, and other fields.
  2. Check the SERP preview: Watch the live Google-style preview update as you type.
  3. Generate: Click "Generate Meta Tags" to build the HTML.
  4. Paste into your site: Copy the snippet and place it inside the <head> of your page.

Meta Tag Best Practices:

  • Keep titles under 60 characters: Google truncates around 50–60 characters, so front-load keywords and the brand name.
  • Write descriptions of 140–160 characters: Enough space to be persuasive without getting truncated in the SERP.
  • One unique title and description per page: Duplicate titles and descriptions are flagged as thin, low-quality pages.
  • Use absolute URLs for og:url and canonical: Absolute URLs prevent duplicate-content issues when a page is reachable at multiple paths.
  • Provide a high-res social image: Use at least 1200×630 pixels for Open Graph images to get rich previews.
  • Match Twitter and Open Graph data: Keep title, description, and image consistent so previews look identical across platforms.

© 2026 Stack Online Tools. All rights reserved.