Create and preview meta tags free
Use the free meta tag generatorto write your title and description while seeing a real-time preview of how they'll appear in Google search results — including truncation when you exceed the character limits.
The title tag
<title>Primary Keyword — Secondary | Brand Name</title>Limit: approximately 55–60 characters (600 pixels). Google measures pixel width, not characters — uppercase letters and wide characters like W and M take more space than i and l.
Formula that works: [Primary keyword] — [what the page delivers] | [brand]
Examples:
- Good: "Free Image Compressor — Compress JPEG, PNG, WebP Online"
- Bad: "Image Compressor | Free Online Tool for Images | TheFreeAITools.com"
The bad example repeats "image" unnecessarily and buries the keyword in the middle.
The meta description
<meta name="description" content="Your description here.">Limit: approximately 155–160 characters for desktop, 120 for mobile.
What it does: Google does not use meta descriptions as a ranking factor. But a well-written description increases click-through rate — which does signal quality to Google indirectly.
Formula: [What the tool/page does] — [key benefit] — [social proof or differentiator]. Write it as an ad headline, not a description.
Examples:
- Good: "Compress JPEG, PNG, and WebP images free in your browser. No account, no upload limit, no quality loss. Files never leave your device."
- Bad: "This page is about our free image compressor tool which compresses images."
Open Graph tags for social sharing
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description for sharing">
<meta property="og:image" content="https://yourdomain.com/og-image.jpg">
<meta property="og:url" content="https://yourdomain.com/page">
<meta property="og:type" content="website">The og:image must be at least 1200×630 pixels for large card display on Facebook and LinkedIn. Twitter requires the same dimensions for summary_large_image.
The full HTML head template
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Primary Keyword — What It Does | Brand</title>
<meta name="description" content="155-character description here.">
<link rel="canonical" href="https://yourdomain.com/page">
<!-- Open Graph -->
<meta property="og:title" content="Same as title tag">
<meta property="og:description" content="Same as meta description">
<meta property="og:image" content="https://yourdomain.com/og-image.jpg">
<meta property="og:url" content="https://yourdomain.com/page">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Same as title tag">
<meta name="twitter:description" content="Same as meta description">
<meta name="twitter:image" content="https://yourdomain.com/og-image.jpg">
</head>Common mistakes to avoid
- Duplicate meta descriptions: use unique descriptions per page — Google may ignore duplicate descriptions
- Keyword stuffing in titles: one or two keyword uses is enough — "Free Image Compressor — Free Image Compressor Online Free" reads as spam
- Missing og:image: pages shared without an image get significantly lower engagement on social media
- No canonical tag: URL variations (www vs non-www, trailing slash) should resolve to one canonical URL
Summary
Write your title (55 chars) and description (155 chars) while previewing the Google SERP result with the free meta tag generator. Use Open Graph tags for social sharing. Add a canonical tag to consolidate duplicate URL variants. The description does not directly affect rankings — write it to earn the click.