Does the meta description affect ranking?

Not directly, but it strongly affects click-through rate, and CTR is an indirect quality signal. A good description meaningfully increases clicks.

What happens if I have no meta description?

Google synthesizes a snippet from the page, often pulling nav text or an unrelated fragment, which hurts your click-through rate.

Document does not have a meta description: how to fix it

Quick answer: This audit fails when the page has no meta description. Add a unique 140 to 160 character description in the head that summarizes the page and includes the target query. It does not change ranking directly but strongly influences the Google snippet and click-through rate.

Your page is missing a <meta name="description"> tag. Google often uses this tag to generate the snippet under your search result. No description means Google guesses from page content, often badly, and your click-through rate suffers.

TL;DR

What: No <meta name="description"> tag in <head>, or it's empty.
Why it matters: This tag controls (or strongly influences) the snippet shown under your link in Google search results.
Fix: Add a 140–160 character description that summarizes the page and includes the target query.

What does the meta-description audit check?

Lighthouse verifies that <head> contains a <meta name="description"> tag with non-empty content. That's it. But the quality of the description matters far more than just having one.

Why does the meta description matter for SEO and conversion?

The meta description doesn't directly affect ranking, but it affects click-through rate (CTR), and CTR is a strong indirect signal Google uses to assess search quality. A compelling description doubles the click rate of an apathetic one.

Without a meta tag, Google synthesizes one from the page. This often produces a fragment of your nav bar, a cookie notice, or an unrelated sidebar paragraph. Bad first impression.

How do I add a meta description?

Add the tag to <head>:

<head>
  <meta name="description"
        content="Free Lighthouse audit tool that turns PageSpeed Insights results into a CLAUDE.md fix plan for Claude Code. Fix Core Web Vitals, accessibility, and SEO issues." />
</head>

How long should a meta description be?

140–160 characters is the safe range
Google typically truncates at ~155–160 chars on desktop, ~120 on mobile
Put the most important info in the first 120 chars so it survives mobile truncation

What is a good meta description formula?

[What the page is] + [for whom] + [unique value] + [call to action]

Example breakdowns:

Page	Description
Pricing page	"Plans starting at $9/mo for teams. Includes Lighthouse audits, CI integration, and unlimited URLs. Free 14-day trial, no credit card needed." (146 chars)
Blog post	"Step-by-step guide to fixing CLS in Next.js apps. Covers image dimensions, font loading, and the one CSS rule that catches most layout shifts." (146 chars)
Product home	"Free tool that converts Lighthouse audits into CLAUDE.md fix plans for Claude Code. Mobile + desktop, all four Lighthouse categories, no signup." (149 chars)

What are common meta description mistakes?

Duplicating descriptions across pages, Google may collapse them under "duplicate content." Each page needs a unique description.
Keyword stuffing, "Lighthouse audit Lighthouse pagespeed fix Lighthouse Lighthouse tool" is worse than a natural sentence. Google ignores stuffed text.
Marketing fluff, "Welcome to our world-class platform" tells the searcher nothing. Be specific.
Truncating at a comma or mid-word, write to a natural punctuation break under 160 chars.
No call to action, invite the click: "Try free", "Read the guide", "See examples".

How do I set the meta description in Next.js, WordPress, or Astro?

Next.js (App Router)

export const metadata = {
  description: "Free Lighthouse audit tool that..."
};

Next.js (Pages Router)

import Head from 'next/head';

<Head>
  <meta name="description" content="..." />
</Head>

WordPress

Use Yoast SEO or Rank Math to set per-page descriptions in the editor. Avoid relying on the auto-generated excerpt fallback.

Astro

---
const description = "...";
---
<head>
  <meta name="description" content={description} />
</head>

How do I verify the meta description?

Re-run Lighthouse, the audit should pass.
View page source (Cmd+U) and search for meta name="description" to confirm.
Use Google Search Console → URL Inspection → "Test live URL" to see how Google renders your snippet.
Use a SERP simulator (e.g. mangools, sistrix) to preview truncation on mobile vs desktop.

Related audits

Heading order, page structure
Document does not have a main landmark, semantic structure
Image alt attributes, image SEO

Audit your URL at https://lighthouse-md.com.

Audit your page now

Paste your URL, get scores plus a CLAUDE.md plan for Claude Code.

Run audit →