Skip to content
MrKeyword
Technical SEO

Title tag and meta description length: pixel limits, examples and fixes

There is no character counter that guarantees a full search snippet. Learn how pixel width affects truncation, when Google and Bing rewrite titles or descriptions, and how to write concise, useful metadata with examples you can adapt.

A website analytics dashboard on a desktop monitor
The short version
  • Search snippets are constrained by available pixel width and device layout, not a universal character cap.
  • Use roughly 50–60 characters for a title and 150–160 for a description as drafting ranges, then preview the result.
  • Google and Bing can choose different title links or snippets when supplied text is long, repetitive, generic or a poor match for the page and search.
  • Write a specific, readable title and description for people; treat the displayed snippet as an editorial choice the search engine may adjust.
  • Preview drafts with the free SERP snippet preview before publishing.

Title and description length: think in pixels, not a hard character limit

Google truncates title links and snippets to fit the available display, so pixel width matters more than a fixed number of characters.

There is no title length that guarantees the full text will appear everywhere. Letters have different widths: a row of narrow lowercase characters takes less space than the same number of wide capitals or symbols. The result also depends on the device, query, and layout. Google describes title links as generated automatically from several page signals and may show a title that fits its result presentation; see Google Search Central's guidance on influencing title links.

For drafting, a title around 50–60 characters is a useful rough range, not a rule imposed by Google. A meta description around 150–160 characters is also a practical starting point, but long descriptions may be shortened to fit the result. These are editorial guidelines, not ranking thresholds. Google says there is no fixed limit on a meta description's length; snippets are truncated as needed to fit the device width. Read Google's snippet guidance for how snippets are created.

On mobile, a snippet may occupy more lines than a desktop result, so a longer portion of a description can sometimes be visible. That does not guarantee every word will show: the query, screen, and result design affect what a person sees. Keep the main benefit and key detail near the beginning. Use the SERP snippet preview to compare drafts and catch obvious clipping, while remembering that a preview is an estimate rather than a promise of Google's exact display.

Why Google rewrites title tags and descriptions

Google may generate a different title link or snippet when it thinks another page signal better describes the page or answers the search.

A title element is an input, not an instruction that Google must reproduce verbatim. Its title-link documentation lists the <title>, visible main title, headings, prominent text and anchor text among possible sources. It may adjust a title that is incomplete, inaccurate or inconsistent with the page. A rewrite can be a cue to make page signals clearer.

Common causes include:

  • Too long or crowded. A very long title may be shortened for the result, and an important product or topic can disappear after the cut.
  • Boilerplate. Repeating the same generic phrase or brand-heavy template across many pages makes it harder for the title to identify the individual page.
  • Keyword stuffing. A string of near-duplicate terms reads unnaturally and may not represent the page's main topic clearly.
  • Mismatch with the H1 or page. If the title promises one subject while the H1 and body focus on another, Google has other visible text it may use instead.
  • Mismatch with the query. Google can choose a title that better reflects the page and the words a searcher used; different searches can produce different presentations.

Descriptions are also suggestions. Google may build a query-specific snippet from on-page text when it considers that text more useful than the meta description. Its snippet documentation explains that the meta description is used when it describes the page more accurately than other content. Make the description accurate and self-contained, but make the visible page copy useful too.

Bing truncation and rewrites

Bing also has to fit title and snippet text into search results and can select or rewrite presentation based on its understanding of the page.

Do not assume that matching a character counter forces an identical snippet in Bing. Keep titles concise, descriptions relevant, and page headings consistent with the subject. Bing's Bing Webmaster Guidelines describe its approach to clear, useful, people-first pages and avoiding manipulative practices such as keyword stuffing. Those guidelines are the source for Bing-specific advice; previewing a snippet in a tool cannot reproduce every live result layout or query-dependent choice.

For practical checks, use the same source text in your site's page head and visible heading, then inspect the live result over time. Avoid changing metadata repeatedly based on a single search. If the displayed title is materially different, compare the title tag with the H1, prominent headings, internal anchor text and page content before revising it.

Good and bad title examples

A useful title names the page's specific subject first and adds a short differentiator only when it helps.

Title tag examples

DraftAssessmentWhy
Good: Ceramic Pour-Over Coffee Dripper | NorthstarSpecific and readableNames the product and brand without repeating keywords.
Good: How to Prune a Fig Tree in WinterClear and usefulSets a precise expectation for the page and the season covered.
Bad: Best Coffee Dripper, Coffee Drippers, Buy CoffeeStuffed and repetitiveReads like a keyword list instead of a page title.
Bad: Home | Northstar | Welcome to NorthstarGeneric boilerplateRepeats the brand and says little about what the page offers.
Bad: Winter Fig Tree Pruning Guide for Beginners: Exact Dates, Tools, All Regions and MoreOverloadedThe long list buries the core topic and may be shortened in results.

These examples do not promise a particular display. A title within the rough range can still be cut. Check it in the free preview tool and prioritize clarity.

Three meta description examples

A good description previews the page accurately and gives a searcher a concrete reason to choose it.

  • Good — product: “Brew a balanced cup with this ceramic pour-over dripper. See its size, filter fit, care instructions and shipping details before you order.” It gives a product benefit and names what the page answers.
  • Good — guide: “Learn when to prune a fig tree, which branches to remove and how to protect new growth. Follow the seasonal steps and tool list in this guide.” It previews the actual steps without claiming a result.
  • Bad — vague: “Welcome to our website. We offer great products and helpful information. Click here to learn more about everything we do.” It could describe almost any page and gives no clear reason to visit.

Descriptions should summarize real page content in natural language and avoid unsupported claims. Google may choose page text instead, so make the page itself useful.

A step-by-step way to write them

Start from the page's purpose, draft for a person, and check the rendered result before publishing.

  1. Write down the page's one main job

    Describe what the visitor can learn, compare, buy or do. If the page has several unrelated purposes, clarify the page before trying to solve it with metadata.

  2. Identify the likely search intent

    Use the language people use for this page type, but do not force every related keyword into the title. One clear phrase is usually easier to understand than a list of variants.

  3. Draft the title with the topic first

    Make the first few words identify the page. Add a differentiator such as a model, location, audience or year only if it is accurate and helps distinguish the page. Put a brand suffix last when it is useful.

  4. Write a description that adds detail

    State what the page covers and one concrete benefit or next step. Avoid repeating the title word-for-word, generic calls to action and unsupported superlatives.

  5. Check the page for consistency

    Compare the title tag and description with the H1, visible headings and opening copy. Correct any mismatch that could confuse visitors or search engines. For a broader page review, use the on-page SEO checker and follow the on-page SEO checklist.

  6. Preview and refine

    Paste both drafts into the SERP snippet preview. Check desktop and mobile layouts, then remove filler or move the most important phrase earlier if it is clipped. The preview is a visual guide; it does not predict Google's or Bing's exact wording.

  7. Publish and review real search appearances

    Confirm the live page serves the intended metadata. Later, review actual search impressions and queries in your search performance tools. If results consistently show a different title, revisit the page signals and query fit rather than simply shortening by a few characters.

Title and meta description checklist

Before publishing, make sure each page's metadata is unique, accurate and easy to understand.

  • The title describes this page specifically and does not repeat a keyword unnaturally.
  • The important subject appears early enough to survive likely truncation.
  • The title is around 50–60 characters as a rough drafting guide, with pixel width checked in a preview.
  • The description summarizes the page and gives useful detail rather than generic promotional filler.
  • The description is around 150–160 characters as a rough guide, with its opening words carrying the main point.
  • The title, description, H1 and page body make compatible promises.
  • Brand, location, product, dates and other specifics are correct and not left stale by a template.
  • The metadata is unique across pages that serve different needs.
  • The live HTML contains the intended values, and a preview looks readable on desktop and mobile.
  • You accept that Google or Bing may choose a different title link or query-specific snippet.

Length tools help spot drafts that are likely to look crowded; they cannot guarantee a display. Use them alongside a clear page structure and accurate copy. When title and description text consistently represent the page well, both people and search engines have a better summary to work with.

About this article

Written by the MrKeyword team, who build an SEO workspace on first-party Search Console and Bing data. Outside facts link to their original source below. We update this page when the product or the sources change.

Sources

  1. Influencing title links in Google Search — Google Search Central: how title links are generated and how clear page titles can influence them
  2. Control your snippets in search results — Google Search Central: meta descriptions, page text and snippet truncation
  3. Bing Webmaster Guidelines — Bing guidance on useful content and search spam practices
Keep reading

More on technical SEO, plus the feature and free tool for the same job. All technical SEO guides →

Preview your title and description before publishing.

Use the free SERP snippet preview to compare drafts, then make sure the live page and its visible heading tell the same story. Free plan for one website, no card; paid plans from $10 a month.