Meta Tag Generator
Generate complete SEO meta tags: title, description, Open Graph (Facebook), Twitter Card, canonical.
What are meta tags?
Meta tags are HTML elements that go inside the <head> section of your webpage and provide metadata about your page – information for search engines and social media platforms but not displayed to visitors. They include the page title (shown in browser tabs and Google search results), description (the snippet shown in search results), keywords (mostly ignored by modern search engines but still used by some), Open Graph tags (control how your link appears on Facebook, LinkedIn, WhatsApp), and Twitter Card tags (control Twitter/X previews). Proper meta tags are essential for SEO – they directly affect your CTR from search results and how your content is shared. This generator creates all the required tags in one go with a copy-paste-ready output.
How to use this tool
- Enter page title — 50-60 characters max. Include primary keyword near the start. Shown in browser tabs and Google search results.
- Enter canonical URL — Full URL of the page. Tells Google which is the official version (prevents duplicate content issues).
- Enter description — 150-160 characters. Compelling copy that makes people click. Shown in Google search results and social shares.
- Enter keywords — Comma-separated. Mostly ignored by Google in 2026 but still used by Bing and some directories. Include 5-10 relevant terms.
- Enter author and OG image — Author shows attribution. OG image (1200x630px recommended) is the preview thumbnail on Facebook/LinkedIn shares.
- Copy the generated HTML — All required tags ready to paste into your page’s <head> section.
Meta tag categories
1. Basic SEO tags:
<title>– page title<meta name="description">– search result snippet<meta name="keywords">– mostly legacy<meta name="viewport">– mobile responsive (required!)<meta name="robots">– index/noindex, follow/nofollow<link rel="canonical">– duplicate content prevention
2. Open Graph (Facebook, LinkedIn, WhatsApp):
og:type,og:url,og:title,og:description,og:image
3. Twitter Card:
twitter:card– ‘summary_large_image’ for big previewtwitter:url,twitter:title,twitter:description,twitter:image
Examples
Good title examples (50-60 chars):
- ‘Free Online Tools and Calculators – MavexTech’
- ‘EMI Calculator | Home Loan, Car, Personal – MavexTech’
- ‘How to Compress Images Online (Free, Fast, Private)’
Good description examples (150-160 chars):
- ‘Calculate loan EMI in seconds. Free calculator with total interest and amortization. Works for home, car, personal, and business loans.’
- ’67+ free online tools and calculators. SEO, image, PDF, financial and health calculators – all browser-side, no signup, no limits.’
Bad examples (avoid):
- Title too long: ‘Free EMI Calculator for Home Loan Car Loan Personal Loan Business Loan India 2026 Online’ (truncated)
- Generic description: ‘Click here to use our tool’ (no value, low CTR)
Tips & best practices
- Title: 50-60 chars, keyword early, compelling
- Description: 150-160 chars, includes CTA or value prop, doesn’t repeat title
- OG image: 1200x630px for best display across all platforms (Facebook, LinkedIn, WhatsApp)
- Twitter image: same 1200×630 works fine, no need separate version
- Always set canonical URL – prevents Google from seeing your http/https or www/non-www as duplicates
- Test rendering with Facebook Debugger, Twitter Card Validator, and Google Rich Results Test
- Keywords meta is mostly useless for Google but Bing and DuckDuckGo still use it – include 5-10 relevant terms
Limitations & notes
Meta tags affect SEO but aren’t sufficient on their own – content quality, backlinks, page speed, and user experience are bigger ranking factors. Some platforms ignore certain tags (Google ignores keywords meta tag for ranking since 2009). Generated tags are static text – dynamic sites should generate per-page tags from CMS data. For e-commerce, include Schema.org structured data (separate from meta tags) for rich snippets.
Frequently Asked Questions
What is the most important meta tag for SEO?
Title tag – it’s the most direct ranking signal among meta tags AND it’s what users see and click in search results. A good title affects both ranking and CTR. Description doesn’t directly affect ranking but heavily affects CTR which indirectly affects ranking.
How long should my title and description be?
Title: 50-60 characters (Google truncates at ~580 pixels which is roughly 60 chars on desktop, less on mobile). Description: 150-160 characters (truncated at ~158 chars desktop, ~120 mobile). Always front-load the most important info in case of truncation.
Does meta keywords tag matter in 2026?
Largely no for Google – they officially stopped using it as a ranking factor in 2009. However: Bing and Yandex still use it as a minor signal. Some smaller directories and internal site search use it. Include 5-10 relevant keywords – cheap insurance, can’t hurt your rankings.
What’s the difference between Open Graph and Twitter Cards?
Open Graph (OG) is Facebook’s protocol used by FB, LinkedIn, WhatsApp, Slack, Discord, and most messaging apps. Twitter Cards are Twitter’s equivalent (slightly different syntax). Both control preview images, titles, descriptions when your URL is shared. Most modern apps fall back to OG if no Twitter Card found – so OG alone usually works, but include both for best coverage.
What size should my OG image be?
1200×630 pixels (1.91:1 ratio). This works perfectly on Facebook, LinkedIn, Twitter (with summary_large_image card), Slack, and most apps. Minimum 600×315; maximum file size ~5 MB. Use PNG for graphics/text, JPEG for photos. Important: include readable text overlay since the image is the main visual draw.
Why doesn’t my OG image show when I share my link?
Common causes: (1) Image URL not absolute (must be https://full-domain.com/image.jpg, not relative path), (2) Image hosted on slow server (some apps timeout fetching), (3) Image too small (under 200×200) or too big (over 5 MB), (4) Cache issue – clear with Facebook Sharing Debugger or LinkedIn Post Inspector.
Do I need to add meta tags to every page?
Yes – each page should have unique title, description, and OG image relevant to that page’s content. Generic site-wide tags hurt SEO and CTR. For dynamic sites (WordPress, Shopify, Webflow), templates pull title/description from each post or product. Static HTML sites need manual unique tags per page.