Free Meta Tag Generator — Create SEO Meta Tags Online
Our free meta tag generator creates complete, ready-to-paste HTML meta tags for any webpage. Unlike basic tools that only generate title and description, our advanced generator creates all essential meta tags — including Open Graph for social media sharing, Twitter Cards, robots directives, canonical URL tags, and optional JSON-LD structured data schema — all in one tool.
What Are Meta Tags?
Meta tags are HTML elements placed in the <head> section of a webpage that provide metadata — information about the page — to search engines, browsers, and social media platforms. Users cannot see meta tags directly on the page, but they play a critical role in how your page is discovered, indexed, and displayed in search results and social media feeds.
Meta tags serve three main purposes:
- SEO (Search Engine Optimization): Title tags and meta descriptions help Google understand page content and display it correctly in search results. The title tag is a confirmed Google ranking factor.
- Social Sharing: Open Graph and Twitter Card tags control how your page looks when shared on Facebook, LinkedIn, WhatsApp, Twitter, and other platforms.
- Browser Instructions: Robots meta tags tell crawlers whether to index a page; charset tags ensure correct text encoding; viewport tags control mobile display.
Complete Guide to All Meta Tags
1. Title Tag
The title tag (<title>) is arguably the most important on-page SEO element. It appears as the clickable blue headline in Google search results and in browser tabs. Best practices:
- Keep it 50–60 characters (roughly 600 pixels wide in Google's display)
- Include your primary keyword as early as possible (ideally in the first 3 words)
- Make it unique for every page on your site
- Include your brand name at the end: "Keyword Phrase — Brand Name"
- Write for humans first, then search engines
| Good Title Example | Why It Works |
|---|---|
| Free BMI Calculator — CalculatorOnline.tools | Keyword first, clear value prop, brand at end, 52 chars |
| EMI Calculator India — Home, Car & Personal Loan | Primary keyword, India targeting, secondary keywords, 52 chars |
| Image Compressor — Reduce Image Size Online Free | Keyword, benefit, free in title, 51 chars |
2. Meta Description
The meta description appears below the title in search results. While not a direct ranking factor, it is crucial for Click-Through Rate (CTR) — a poorly written description can lose you clicks even if you rank #1. Best practices:
- Keep it 150–160 characters maximum
- Include your primary keyword (Google often bolds it when it matches the search query)
- Include a clear call-to-action: "Calculate now", "Try free", "Get instant results"
- Accurately describe what the user will find on the page
- Use the AIDA framework: Attention → Interest → Desire → Action
- Make it unique for each page — don't use duplicate descriptions
3. Meta Keywords Tag
The meta keywords tag is effectively obsolete for major search engines. Google announced in 2009 that it does not use meta keywords as a ranking factor, and Bing confirmed the same. However, some smaller search engines and internal site search systems still reference it. Including it does not hurt your SEO.
4. Robots Meta Tag
The robots meta tag tells search engine crawlers how to handle a page:
| Directive | Meaning | When to Use |
|---|---|---|
| index, follow | Index page, follow links (default) | All public pages |
| noindex, follow | Don't index, follow links | Thank-you pages, login, search results pages |
| noindex, nofollow | Don't index, don't follow links | Admin pages, private content |
| noarchive | Don't show cached version | Pages with time-sensitive info |
| nosnippet | Don't show meta description or snippet | Legal/copyright sensitive content |
5. Canonical URL Tag
The canonical tag (<link rel="canonical">) solves the duplicate content problem. If your page is accessible via multiple URLs (e.g., with and without www, with different parameters, or via HTTP and HTTPS), the canonical tag tells Google which version is the "master" and should be indexed.
Common duplicate content scenarios where canonical tags are essential:
- www vs non-www: example.com vs www.example.com
- HTTP vs HTTPS: http://example.com vs https://example.com
- Trailing slash: /page vs /page/
- URL parameters: /page?ref=social vs /page?utm_source=email
- Paginated content: /page/1 vs /page/2 (canonical to /page)
6. Open Graph (OG) Tags
Open Graph tags, created by Facebook in 2010 and now universally supported, control how your page appears when shared on social media. Without OG tags, social platforms generate their own preview — often with the wrong image, title, or description. The essential OG tags are:
| Tag | Value | Purpose |
|---|---|---|
| og:title | Page title (60–90 chars for OG) | Title in social preview |
| og:description | Description (65–200 chars) | Description in social preview |
| og:image | Image URL (1200×630px) | Large image in social preview |
| og:url | Canonical page URL | Ensures correct URL in preview |
| og:type | website/article/product | Page type classification |
| og:site_name | Your site name | Brand in social preview |
7. Twitter Card Tags
Twitter (now X) uses its own meta tags separate from Open Graph for tweet link previews. The recommended card type is summary_large_image — this shows a large banner-style image in tweets, dramatically increasing engagement compared to the small thumbnail of the basic summary card.
Key Twitter Card tags:
twitter:card— Card type (summary_large_image recommended)twitter:site— Your Twitter @handletwitter:title— Tweet card title (defaults from OG title)twitter:description— Tweet card descriptiontwitter:image— Tweet card image (2:1 ratio, min 300×157px, max 4096×4096px)
8. JSON-LD Structured Data
JSON-LD structured data (schema.org markup) helps Google understand your page content more precisely and can qualify your page for rich results in search — including star ratings, FAQ dropdowns, recipe information, event details, and more. Key schema types:
| Schema Type | Enables Rich Results | Best For |
|---|---|---|
| FAQPage | FAQ dropdown in search results | Q&A pages, tool help sections |
| Article/BlogPosting | Article rich results, Top Stories | Blog posts, news articles |
| Product | Price, availability, ratings in search | E-commerce product pages |
| LocalBusiness | Business info, hours, ratings | Local business websites |
| HowTo | Step-by-step in search results | Tutorial and how-to pages |
| Organization | Knowledge panel, logo in search | Company/brand pages |
| SoftwareApplication | App info, ratings in search | Software, web app pages |
How to Add Meta Tags to Your Website
- Generate your meta tags using our tool above
- Copy the generated HTML code
- Paste it into your webpage's
<head>section — after the opening<head>tag and before the closing</head>tag - WordPress users: Use Yoast SEO or RankMath plugin — paste in the appropriate fields, not manually in code
- Verify using Google's tools: Use Google's Rich Results Test or the URL Inspection tool in Google Search Console to verify your tags are correctly implemented
Meta Tags vs Header Tags — Key Difference
A common confusion is between meta tags and HTML header tags. They serve completely different purposes:
| Element | Location | Visible? | Purpose |
|---|---|---|---|
| Title meta tag | <head> section | No (browser tab + SERP) | Search result clickable headline |
| Meta description | <head> section | No (SERP snippet) | Search result description |
| H1 tag | <body> section | Yes | Main page heading |
| H2–H6 tags | <body> section | Yes | Section subheadings |
Best practice: Your H1 and title tag should target the same primary keyword but don't need to be identical. The title appears in Google; the H1 appears on your page to visitors.
Common Meta Tag Mistakes to Avoid
- Duplicate title tags: Every page needs a unique title. Pages with identical titles confuse Google about which to rank for which query.
- Missing meta descriptions: While Google may generate snippets automatically, your custom descriptions are usually more compelling and keyword-targeted.
- Too long or too short titles: Under 50 characters misses keyword opportunity; over 60 characters gets truncated with "..."
- Keyword stuffing in titles: "Best BMI Calculator India Free Online BMI Tool" — stuffed, low quality, Google may rewrite it.
- Missing OG image: Posts without OG images get tiny or no image in social previews, dramatically reducing engagement.
- Wrong OG image dimensions: Use exactly 1200×630px for optimal display across all platforms.
- Not using canonical tags on paginated content: Each pagination page (/page/1, /page/2) without canonical tags creates duplicate content signals.
How Google Uses Meta Tags — 2024 Update
Google's handling of meta tags has evolved significantly. Key 2024 facts:
- Title tag rewrites: Google rewrites title tags approximately 61% of the time when they are too long, keyword-stuffed, or don't match page content well. Our generator helps you write titles Google won't rewrite.
- Meta description rewrites: Google shows its own generated snippets instead of your meta description approximately 71% of the time, typically pulling content from the page body. A compelling, accurate meta description is still worth writing as Google sometimes uses it — particularly when it well-matches the search query.
- Core Web Vitals are now ranking factors: While not meta tags, page speed (LCP), visual stability (CLS), and interactivity (INP) all affect rankings. Meta tags alone won't overcome poor Core Web Vitals.
- E-E-A-T signals: For YMYL (Your Money or Your Life) topics, Google values author meta information and structured data indicating expertise and authoritativeness.