SEO

Meta Description

A Meta Description is the page summary text written in the HTML `<meta name="description">` tag. It is displayed below the title on search engine results pages (SERPs) and is a key SEO element that influences whether users click through to your page.

A Meta Description is the page summary text written in the HTML <meta name="description"> tag. It is displayed below the title on search engine results pages (SERPs) and is a key SEO element that influences whether users click through to your page.

Why It Matters

Meta Description is not a direct ranking factor for Google. However, its impact on click-through rate (CTR) is significant. According to Sistrix's research, replacing an unoptimized description with a well-written one can improve CTR by up to 5.8%. A higher CTR acts as a user engagement signal that indirectly contributes to improved search rankings. Additionally, it helps visitors preview page content, which can reduce bounce rate.

Writing Guidelines

Optimal Length

As of 2026, the display limit is 920 pixels (approximately 158 characters) on desktop and 680 pixels (approximately 120 characters) on mobile. To display without truncation across all devices, a range of 120–155 characters is recommended. Google truncates based on pixel width rather than character count, adding an ellipsis (...) at the nearest word boundary when the limit is exceeded.

Content Composition Principles

  1. Place core keywords toward the front. Keywords that match the search query are displayed in bold on the SERP, increasing visual prominence.
  2. Clearly communicate the page's unique value. Present the specific information users will gain, such as "In this article, you'll learn about..."
  3. Include a call-to-action (CTA). Phrases like "Learn more," "Get started for free," or "Check it out now" are effective at encouraging clicks.
  4. Write a unique description for every page. Google's official guidelines state that identical or similar descriptions across pages do not help individual page visibility.

Good and Bad Examples

  • Good: "Learn 3 step-by-step methods for setting up Meta Descriptions on a Next.js blog. Includes code examples and an SEO checklist."
  • Bad: "Meta Description SEO meta tags blog search engine optimization click rate CTR marketing"

Common Mistakes

  1. Keyword Stuffing: Listing keywords without forming natural sentences may be treated as spam by search engines. Modern search engines prioritize user experience above all, so keywords must always be used within natural context.
  2. Using the Same Description Across All Pages: Copy-pasting the same description across every page risks being treated as duplicate content. The key is to reflect each page's unique value.
  3. Not Writing a Description at All: If the description is left empty, Google will extract a snippet from the page content arbitrarily. As of 2026, Google rewrites more than 62% of provided descriptions, and this rate increases when the description does not align with search intent. Writing an accurate description that matches search intent increases the likelihood of the original being used as-is.
  4. Mismatch with Page Content: Writing exaggerated descriptions that do not match the actual page content leads to high post-click bounce rates, which negatively impacts SEO.

Technical Implementation

In HTML, declare it within the <head> section as follows:

<meta name="description" content="Write your page summary here." />

In frameworks like Next.js, it is common to manage meta descriptions dynamically through per-page metadata configuration. A Meta Description is not a set-it-and-forget-it element — it should be continuously refined by monitoring CTR changes using tools such as Google Search Console.

Related inblog Posts

How inblog Helps

inblog's editor lets you set custom meta descriptions per post with a live preview in the SEO settings tab.