On-page and content

Title Tags and Meta Descriptions: Length, Pixels, Clicks

Google cuts titles and descriptions by width, not by character count. What fits, what Google rewrites, and 5 before and after titles you can adapt.

A stack of folded newspapers
Photo: Mike van Schoonderwalt on Pexels

On 7 October our own SEO analysis flagged the title of this site’s homepage. It read “Free AdSense Eligibility Checker Tool: Test Your Site Before You Apply”, which is 70 characters and about 635 px wide in Arial at 20 px, the setup our snippet preview uses. A desktop title line fits roughly 600 px in that preview, and the cut landed after “Before You”, so the verb that finished the sentence was the part lost. We removed “Your Site” and kept the rest: “Free AdSense Eligibility Checker Tool: Test Before You Apply”, 60 characters, about 547 px.

Google gives no number for titles or for descriptions. Its documentation says they are truncated as needed, typically to fit the width of the device. Width is the real limit, and a character count is only a rough stand-in for it.

Pixels, not characters

Letters are not the same width, so two titles of the same length can occupy very different space. We measured four with Arial’s glyph widths at 20 px. These are estimates, since Google’s own rendering also depends on its font and layout, but the gaps are far larger than the error.

TitleCharactersEstimated width
Free AdSense Eligibility Checker Tool: Test Before You Apply60547 px
FREE ADSENSE ELIGIBILITY CHECKER TOOL: TEST BEFORE YOU APPLY60705 px
Writing Meaningful Web Maintenance Manuals Monthly (constructed example)50489 px
Little Tips: Fixing Light Flickering in Utility Lists (constructed example)53412 px

The first two are the same words, and capitals alone push the title 105 px past the 600 px line. The last two show a 50-character title wider than a 53-character one. The 600 px figure and the 920 px we use for a desktop description in the same preview are our estimates, not Google’s, and Google can change its layout at any time.

That is why our checker passes titles of 30 to 60 characters rather than a single limit. A checker can count characters but cannot see a font. The mixed-case titles in this guide, apart from the deliberately narrow one, run 9 to 10 px per character at this size, so 60 characters is roughly 540 to 600 px. Capitals, wide letters such as W and M, and strings of digits break the rule, so measure any title that is near the edge. Whatever the width, put the words that carry the meaning first: the end is what gets cut.

What Google rewrites, and from where

Google does not treat your title tag as final. Its documentation says title links are generated automatically from several sources: the title element, the main visible title on the page, headings such as the h1, og:title, other prominent text, anchor text from links pointing at the page, and WebSite structured data. For snippets, the page content is the primary source, and the meta description is only sometimes used.

Google does not say when it swaps one source for another. Our judgment, not a Google statement, is that three kinds of title are the likeliest to be replaced: vague ones such as “Home”, repeated ones that every page on the site shares, and stuffed ones that repeat the same keyword. Google’s guidance points the same way: a unique title per page, no keyword stuffing, and a short site name separated from the title by a delimiter.

To see what Google actually shows, search for the page by its name and compare the result with your tag. If they differ, look at the other inputs. When the title tag, the h1 and og:title describe three different things, Google has a real choice to make and you did not make it for them, so align the three on one topic. For snippets, page content is Google’s primary source, so make the opening paragraph able to stand on its own as a description.

5 rewrites you can adapt

The sites below are invented, and the widths are estimates measured the same way as above. Each fix changes one thing.

ProblemBeforeAfter
Keyword stuffingSourdough Bread Recipe, Easy Sourdough Bread, Sourdough Bread for Beginners - Crumb and Crust (93 characters, 905 px)Easy Sourdough Bread for Beginners - Crumb and Crust (52 characters, 501 px)
Too vagueHome on a calculator page (4 characters, 53 px)Mortgage Overpayment Calculator: Interest and Years Saved (57 characters, 543 px)
Repeated on every pageBlog - Fieldnotes Garden (24 characters, 222 px)Garlic Planting Guide: Depth and Spacing - Fieldnotes Garden (60 characters, 553 px)
Far too longThe Complete and Ultimate Guide to Everything You Need to Know About Setting Up a Home Network Router (101 characters, 974 px)Home Router Setup: 8 Settings to Change First (45 characters, 419 px)
Brand firstPinewood Plumbing Services Ltd - Emergency Boiler Repair in Leeds (65 characters, 614 px)Emergency Boiler Repair in Leeds - Pinewood Plumbing (52 characters, 498 px)

The pattern behind all five is the same: the subject of the page first, one specific promise, the site name last and short. Note that the second fix does not add a keyword. It replaces a label with the thing the page does, which is also what a person scanning results is looking for.

A formula for descriptions

Google’s documentation names no length limit for descriptions and says nothing about an effect on ranking, so treat a description as copy written for the click. We write ours in one plain sentence with 3 parts: what the reader gets, the one concrete detail that proves it, and the condition or format when that matters. Our checker accepts 70 to 165 characters, and the preview then tells you whether the width fits.

Here is a weak description for an invented gardening page, with a rewrite:

Before (118 characters, about 718 px):
Learn everything about garlic planting in this comprehensive guide to garlic, garlic bulbs and growing garlic at home.

After (141 characters, about 883 px):
When to plant garlic in autumn, how deep to set each clove, how far apart, and when to mulch, with a month-by-month timeline for a small bed.

The first promises “everything” and says nothing; it also repeats the keyword 4 times. The second answers the questions the page answers, in the order a gardener asks them. A calculator page follows the same shape: “Enter your loan, rate and extra monthly payment to see how many years and how much interest an overpayment removes. Runs in your browser.” “Runs in your browser” answers the question a reader has before clicking.

Never reuse one description across pages. Google’s guidance asks for a description that is unique and faithful to its page, and a template sentence with the page name swapped in is the quickest way to fail both tests.

To check your own, paste the real title, description and URL into the snippet preview, and read the pixel bars before the character counts. The heading structure guide covers the h1 that should match your title, and search intent covers whether the promise in your title is the one people were looking for.

Quick answers

Should the title tag and the H1 be identical?

No. Google draws on both when it builds a title link, so they should agree on the topic, but the title can carry the site name and a tighter phrasing than the H1. Our SEO checker only asks that the two share their key words.

Do I need a meta description on every page?

A missing one is not an error: Google says the page content is the main source of snippets and that it only sometimes uses the meta description. Write one for the pages that matter, and make each unique, because Google's guidance asks for a description that is specific to its page.

Sources

Who stands behind this

GreenlightMySite is run by Stéphane Cardon, a network and cybersecurity engineer. We write from running real sites through real reviews, and every technical claim here is either linked to a primary source or measured with our own tools.

About · Editorial policy · LinkedIn