AlteredIdea: Just Another Thought
Word CounterCase ConverterSlug GeneratorText SorterText CleanerFind & ReplaceMeta Tag GeneratorOpen Graph GeneratorRobots.txt BuilderSitemap GeneratorKeyword DensityTitle Tag CheckerASCII Text ArtPlagiarism CheckerSchema GeneratorReverse TextENV DiffBackslash RemoverL33t SpeakEmoji PickerURL AnalyzerSERP PreviewHreflang Generator

Meta Tag Generator

Generate SEO-optimised meta tags with live SERP preview.

0
0

SERP Preview

https://example.com/page
Page Title
Meta description will appear here. Write a compelling summary that encourages users to click.

Generated HTML

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<html lang="en">

Meta tag generator free for SEO: build complete HTML head tags with live SERP preview

Meta tags sit in your HTML head section and communicate critical information to search engines and browsers. While invisible to users, they heavily influence how your pages appear in search results and how browsers render and share your content. Getting them right: especially the title, description, robots directives, and canonical URL: is one of the most impactful technical SEO actions you can take.

This free meta tag generator builds all the essential tags with intelligent character count indicators and a live Google SERP preview that shows exactly how your title and description will appear in search results. Toggle the robots directives with clearly labeled buttons, set the canonical URL to prevent duplicate content issues, and specify the language and character set. When finished, copy the complete HTML block and paste it directly into your page head.

Step-by-step guide

  1. 1
    Enter your page title
    Type the title tag text. The character count badge turns green at 50–60 characters: the optimal range.
  2. 2
    Write your meta description
    Add a compelling description of 120–160 characters. The badge shows green when you are in the sweet spot.
  3. 3
    Add keywords and author
    Fill in comma-separated keywords and the author name (optional but supported by some search engines).
  4. 4
    Configure robots directives
    Toggle index/noindex and follow/nofollow. Enable noarchive or nosnippet if needed for specific pages.
  5. 5
    Copy the generated HTML
    Click Copy to grab the complete block of meta tags ready to paste into your HTML <head> section.

Related Tools

📝

Word Counter

Live word, character, sentence, and paragraph counts. Reading time, speaking time, top word frequency, and more.

🔡

Case Converter

Instantly convert text to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, and kebab-case.

🔗

Slug Generator

Convert any text to URL-safe slugs with custom separators, case options, accent transliteration, and max length control.

🔤

Text Sorter

Sort lines alphabetically, by length, randomly, or in reverse. Remove duplicates, trim whitespace, and eliminate empty lines.

Frequently Asked Questions

What meta tags should every web page have?
At minimum: charset, viewport, title, and meta description. For SEO, also add robots, canonical URL, and optionally keywords and author tags.
Does the keywords meta tag still help SEO?
Google has officially stated it ignores the meta keywords tag. However, Bing still considers it, so including relevant keywords is harmless and potentially beneficial for Bing search.
What is a canonical URL and why is it important?
A canonical tag tells search engines which URL is the preferred version of a page when multiple URLs might show identical content. It prevents duplicate content issues and consolidates ranking signals.
What does noindex mean in the robots meta tag?
noindex instructs search engines not to include the page in their index. Use it for thank-you pages, admin pages, staging sites, and any content you do not want appearing in search results.
What is the difference between nofollow and noindex?
noindex prevents the page from being indexed. nofollow tells crawlers not to follow the links on the page. They can be used independently or together.
What does noarchive do?
noarchive prevents search engines from showing a cached version of the page in search results. Use it for frequently updated content or pages with time-sensitive information.
How do I add meta tags to a WordPress site?
Use an SEO plugin like Yoast SEO or Rank Math, which provide fields for title and description. For custom tags, add them to your theme's header.php or use the wp_head hook.
Can I generate Open Graph tags with this tool?
This tool generates standard HTML meta tags. Use the separate Open Graph generator on AlteredIdea to create og: and twitter: social sharing tags.

AlteredIdea vs alternatives

vs Google Docs / Word: Purpose-built tool, instant results, no account.

vs browser extensions: No install, no permissions, works on any device.

vs paid SEO tools: Completely free, unlimited use.

Share:Share on XShare on LinkedIn