What is Meta Description?
A meta description is an HTML element that provides a brief summary of a page's content for search engine results.
What is a Meta Description?
A meta description is an HTML <meta> tag placed in the <head> of a webpage that provides a concise summary of the page's content. Search engines like Google display it as the snippet text beneath the blue link in search results, though Google rewrites the description roughly 62-70% of the time based on the query (per Ahrefs' large-scale studies). The tag itself doesn't directly influence rankings — Google confirmed this back in 2009 — but a well-written meta description significantly impacts click-through rate (CTR). Google typically displays up to about 155-160 characters on desktop and around 120 on mobile, though there's no hard character limit in the HTML spec. We write meta descriptions for every page we ship because a compelling, query-relevant description can lift CTR by 5-10% compared to letting Google auto-generate one from body text.
How it works
The meta description lives in your page's <head> as a simple HTML element:
<head>
<meta name="description" content="Learn how meta descriptions affect CTR in Google search results. Includes character limits, examples, and common mistakes.">
</head>
When Googlebot crawls your page, it reads this tag and stores it as a candidate snippet. At query time, Google's systems decide whether your meta description is a good match for the user's search intent. If it is, they'll show it mostly as-is. If it isn't, they'll pull a passage from your page body that better answers the query.
In Next.js (App Router), you set it via the metadata export:
export const metadata = {
description: 'Learn how meta descriptions affect CTR in Google search results.',
};
In Astro, you'd typically pass it through your layout's <head>:
<meta name="description" content={description} />
Key technical details:
- There's no formal character limit in the HTML spec, but Google truncates display around 155-160 characters on desktop.
- Duplicate meta descriptions across pages are flagged in Google Search Console and Screaming Frog audits.
- Empty meta descriptions are valid HTML but a missed opportunity — Google will just auto-generate a snippet.
- The tag has no effect on ranking algorithms directly. Its value is entirely in influencing whether a user clicks.
We've shipped this on 50+ projects and our standard practice is to write unique descriptions for every indexable page, templating them for large-scale sites (e.g., product pages, blog archives) with dynamic values like product name, price, or date.
When to use it
You should write a custom meta description for every page that matters to organic search. But some pages benefit more than others.
Write custom descriptions when:
- The page targets a specific keyword and you want to control the messaging in SERPs
- The page is a landing page, product page, or cornerstone content piece
- You're running A/B tests on CTR (tools like SearchPilot or Rank Science can measure this)
- Social sharing matters — Facebook and other platforms fall back to the meta description when no
og:descriptionis set
Don't stress about it when:
- The page is noindexed
- The page targets long-tail queries with wildly varied intent — Google will likely rewrite your description anyway
- You have thousands of thin pages (tag archives, pagination pages) — your time is better spent elsewhere
Our preferred approach for large sites: build a template that auto-generates decent descriptions from structured data, then hand-write descriptions for the top 50-100 pages by traffic.
Meta Description vs alternatives
| Feature | Meta Description | Title Tag | og:description | Schema description |
|---|---|---|---|---|
| Where it appears | SERP snippet | SERP blue link | Social previews | Rich results |
| Ranking signal | No | Yes (strong) | No | Indirect |
| Character display limit | ~155 desktop | ~60 chars | ~200 chars (platform-dependent) | Varies by type |
| Google rewrite rate | ~62-70% | ~33% (per Zyppy study) | N/A | N/A |
| Required for SEO | No, but recommended | Yes | No, but recommended | Depends on schema type |
The meta description and title tag work as a pair. The title earns the click; the description supports the decision. If you only have time for one, spend it on the title tag — it's an actual ranking factor.
Real-world example
On a recent SaaS client project (B2B, ~400 indexable pages), we audited their site with Screaming Frog and found 38% of pages had duplicate meta descriptions generated by a broken CMS template. Another 15% had descriptions over 300 characters that were getting truncated mid-sentence. We wrote unique, query-targeted descriptions for their top 80 pages by organic traffic, and templated the rest using {Product Name} — {One-liner value prop}. Free trial available. format. Over 90 days, Google Search Console showed average CTR for those 80 pages increased from 2.8% to 3.9% — a meaningful lift that translated to roughly 1,200 additional monthly clicks with no change in rankings.