Meta Tag Generator
Generate complete HTML meta tags for SEO, Open Graph, and Twitter Cards — copy the code instantly.
Meta Tag Generator
Free ToolHow to use Meta Tag Generator
**What Are SEO Meta Tags and Why They Matter**
Meta tags are HTML snippets placed in the <head> section of a webpage that communicate critical information to search engines and social media platforms. While users never see them directly, meta tags have an outsized impact on your site's performance in search results. According to HubSpot's 2024 research, pages with optimized meta descriptions achieve 5.8% higher click-through rates than those with auto-generated or missing descriptions. On a page receiving 10,000 monthly impressions, that single improvement translates to 580 additional visitors per month — purely from better copywriting.
Search engines like Google use your title tag to determine relevance for search queries, display your page in results, and factor it into ranking algorithms. The meta description, while not a direct ranking signal, controls the snippet users see before clicking — making it one of the most powerful conversion tools in your SEO arsenal. Open Graph and Twitter Card tags determine how your content looks when shared on Facebook, LinkedIn, Twitter, and Slack — affecting social traffic just as title/description affect organic traffic.
**The 4 Essential Meta Tags Every Page Needs**
**1. Title Tag** — The single most important on-page SEO element. Google displays 50-60 characters in desktop search results (wider on mobile). Best practice: place your primary keyword near the front, end with your brand name separated by a dash or pipe: "Best Running Shoes for Flat Feet | RunnersPro". Never duplicate title tags across pages — Google deindexes duplicate-title pages at a higher rate than unique-title ones.
**2. Meta Description** — 150-160 characters for desktop (120 for mobile). Google truncates beyond this. Write it as an ad: lead with the benefit, include the keyword naturally, end with a call to action. Example: "Find the lowest mortgage rates in your state. Compare APRs from 50+ lenders, calculate your monthly payment, and get pre-approved in 3 minutes — free."
**3. Robots Meta Tag** — Controls whether search engines index the page and follow its links. Use "index, follow" for standard pages, "noindex, follow" for thank-you pages and admin areas, "noindex, nofollow" for staging or thin-content pages you never want surfaced.
**4. Canonical Tag** — Prevents duplicate content penalties by telling Google which version of a URL is authoritative. Critical for e-commerce sites where the same product appears under multiple category paths (example.com/shoes/red vs example.com/sale/red).
**How to Use This Generator Step-by-Step**
Using Diztool's Meta Tag Generator is straightforward:
1. **Enter your page title** in the Title field. The character counter shows you in real time whether you're within Google's 60-character display window.
2. **Write your meta description** — the generator highlights the 160-character limit and previews exactly how it appears in a Google SERP snippet, including the truncation point.
3. **Add your target keyword** for the keywords meta tag. While Google no longer uses this tag for ranking, Bing still reads it, and it's useful for your own content tracking.
4. **Fill in Open Graph fields** — og:title, og:description, og:image URL. The image should be 1200x630 pixels for optimal display on Facebook and LinkedIn.
5. **Select your Twitter Card type** — choose "summary_large_image" for articles and product pages, "summary" for smaller images or tool pages.
6. **Copy the generated HTML** and paste it into your site's <head> section, CMS custom fields, or Next.js metadata object.
The generated output is ready to paste — no editing required.
**Writing Click-Worthy Meta Descriptions**
Two proven copywriting frameworks work best for meta descriptions:
**PAS (Problem-Agitate-Solution):** Lead with the pain point, make it urgent, then offer the solution. Example for a debt consolidation page: "Drowning in high-interest debt? With the average American carrying $6,500 in credit card balances at 22% APR, every month costs you $143 in interest alone. Consolidate and cut your rate in half — calculate your savings now."
**BAB (Before-After-Bridge):** Describe the before state, paint the after picture, bridge with your tool. Example for a calorie tracker: "Before: eating guesswork and zero progress. After: clear macros, consistent results. Bridge: our free calorie tracker calculates your TDEE, sets your targets, and logs meals in seconds."
Both frameworks work because they speak to motivation before features. Users click based on how a result makes them feel they'll get what they need, not just because the keyword matched.
**Open Graph Tags for Facebook and LinkedIn**
Open Graph (OG) tags were created by Facebook to standardize how URLs render when shared on social platforms. Today they're used by Facebook, LinkedIn, Pinterest, Slack, Discord, and dozens of messaging apps. The four essential OG tags:
- **og:title** — Can differ from your SEO title. On social, sensational and emotional titles outperform keyword-optimized ones. Maximum 60 characters.
- **og:description** — 1-2 sentences. Focus on what the user gains. Maximum 200 characters.
- **og:image** — Must be 1200x630 pixels. Facebook minimum is 600x315 but 1200x630 gets the large-image preview treatment. Host on HTTPS. File size under 8MB. Use PNG or JPEG.
- **og:url** — Set to the canonical URL of the page to prevent share count fragmentation.
LinkedIn additionally respects og:type ("article" for blog posts, "website" for tools) and uses it to influence distribution in the feed algorithm.
**Twitter Card Tags**
Twitter Cards extend OG tags with Twitter-specific behavior. Two types matter for most sites:
- **twitter:card: summary_large_image** — Shows a full-width image above the title and description. Best for articles, product pages, landing pages.
- **twitter:card: summary** — Shows a small thumbnail to the left of the text. Best for tool pages or when your image isn't compelling enough for large format.
Include **twitter:site** (@yourhandle) and **twitter:creator** (@authorhandle) for articles — these display attribution in the card and help build follower counts from content shares.
**Schema Markup Overview**
Beyond standard meta tags, structured data (JSON-LD schema) gives search engines explicit context about your content type — enabling rich results in Google Search.
- **FAQPage schema** — Generates accordion FAQ results directly in the SERP, sometimes pushing your result to position 0. Each FAQ needs a "question" and "acceptedAnswer" property.
- **HowTo schema** — Triggers step-by-step results in Google for instructional content. Include "name", "description", "totalTime", and a "steps" array.
- **BreadcrumbList schema** — Shows your site hierarchy (Home > Category > Page) as clickable links in the SERP, increasing CTR by visually communicating site structure.
Google's own research shows pages with valid structured data see 20-30% higher CTRs for eligible queries.
**Real-World Examples**
**E-commerce Product Page (running shoes, $120):**
- Title: "Men's Trail Running Shoes — Lightweight & Waterproof | TrailPro"
- Description: "Shop men's trail running shoes starting at $89. Waterproof, wide-toe box, ultra-grip sole. Free shipping over $75. 30-day returns."
- OG image: 1200x630 product shot on white background
**Blog Post (personal finance):**
- Title: "How to Pay Off $30,000 in Credit Card Debt in 18 Months"
- Description: "A real step-by-step plan used to eliminate $30,000 in high-interest debt — including the avalanche method, balance transfer tactics, and a free payoff calculator."
- Twitter card: summary_large_image
**Local Business (dentist, Chicago):**
- Title: "Chicago Dentist — Same-Day Appointments | Lincoln Park Dental"
- Description: "Accepting new patients in Chicago. Same-day emergency appointments. Cosmetic, general, and pediatric dentistry. Insurance accepted. Book online in 60 seconds."
**SaaS Landing Page:**
- Title: "Project Management Software for Remote Teams | Flowsync"
- Description: "Flowsync helps distributed teams ship faster. Kanban boards, time tracking, and client billing in one tool. Start free — no credit card required."
**5 Common Meta Tag Mistakes**
1. **Duplicate meta descriptions across pages** — Google considers duplicate descriptions a quality signal. Sites with 40%+ duplicate descriptions rank on average 2 positions lower according to Moz data. Use unique descriptions for every page.
2. **Title tags over 60 characters** — Google rewrites titles that exceed display limits. In a 2024 Portent study, 56% of rewritten titles lost keyword relevance, directly reducing CTR.
3. **Missing OG images** — When you share a page with no OG image set, platforms like LinkedIn auto-select a random image or show no image at all. Pages with no OG image get 3x fewer shares than those with properly formatted 1200x630 images.
4. **Keyword stuffing in descriptions** — "Best shoes cheap shoes discount shoes online buy shoes" is flagged by Google's quality systems. Write for humans first — descriptions that read as natural advertising copy consistently outperform keyword-dense ones.
5. **Using the meta keywords tag for ranking** — Google has publicly ignored the meta keywords tag since 2009. Spending time populating it for Google is wasted effort. Bing still reads it (with minimal weight), so you can add a few clean keywords for Bing if desired.
**Pro Tips for 2026 SEO**
- **Match search intent in your title:** If users search "how to," start with "How to." If they search for a tool, include "free," "online," or "calculator." Titles that match the search intent format get higher CTRs.
- **Test meta descriptions with Google Ads:** Run A/B tests on ad copy first, then port the winning copy to your organic meta descriptions — the psychology of what makes users click is identical.
- **Use numbers:** "7 Proven Ways" and "$10,000 Savings Calculator" consistently outperform generic descriptions by 23% (Conductor, 2024).
- **Include the current year** when appropriate — "2026 Guide" titles show 15% higher CTR for informational queries because users want current information.
- **Set og:image:width and og:image:height** explicitly — this prevents layout shift when social platforms render your preview cards and can increase share rates on platforms that cache image dimensions.
Frequently Asked Questions
How long should my meta description be for Google?
Google displays 150-160 characters for desktop results and approximately 120 characters on mobile before truncating. Keep your most important information and call to action within the first 155 characters. Google sometimes rewrites descriptions that are too short (under 50 characters) or that don't match the page's content well.
Does the meta keywords tag still affect Google rankings?
No. Google officially stopped using the meta keywords tag as a ranking signal in 2009. Google's Gary Illyes confirmed this on the record. Bing still reads it with minimal weight. You can leave it empty for Google SEO purposes, though adding a few relevant keywords causes no harm if you use Bing as a target audience.
What is the ideal size for an Open Graph image?
The optimal Open Graph image size is 1200x630 pixels at a 1.91:1 aspect ratio. Facebook's minimum is 600x315, but images below 600x315 display as thumbnails rather than large previews. File size should stay under 8MB. Use PNG for graphics and logos, JPEG for photos. Always host on HTTPS or Facebook may block the image.
Should my og:title match my SEO title tag?
Not necessarily. Your SEO title is optimized for keyword relevance and search ranking — it should include your primary keyword near the front. Your og:title is optimized for social sharing engagement, where emotional or benefit-driven phrasing outperforms keyword-optimized titles. Keeping them separate lets you optimize each channel independently.
What is the difference between twitter:card summary and summary_large_image?
Summary shows a small square thumbnail (120x120px minimum) to the left of the title and description text — compact, good for tool pages. Summary_large_image shows a full-width rectangular image (minimum 300x157px, ideal 1200x630px) above the title and description — better for articles, product pages, and landing pages where a compelling visual boosts click-through rates.
Recommended
Related Tools
Dev
JSON Formatter
Format, validate, minify and analyze JSON with syntax highlighting and stats.
Open tool
SEOURL Slug Generator
Convert any title or phrase into a clean, SEO-friendly URL slug instantly.
Open tool
TextWord Counter
Count words, characters, sentences. Get top keywords and reading level score.
Open tool