Front-Loading a Title: What Survives When It Is Cut?
Front-loading means putting the words that identify the page at the start of the title, so that if the end is cut off, what is lost is detail rather than meaning. It matters because you do not control where a title is cut. Google shortens title links to fit the device width; on desktop that tends to happen somewhere around 600 px of Arial at about 20 px, but the figure is an observation, not a rule, and it moves. A front-loaded title is one that reads correctly at any cut.
The Headline Pixel Counter tells you how wide a title is against that 600 px figure. The cut points below go one step further: they are computed with the same Arial width table the counter uses, keeping each whole word whose right edge falls inside 600 px. A word that straddles the edge counts as lost, which is how an ellipsis reads. The counter itself shows the width and the verdict; it does not draw the cut, so treat these as worked examples of the same arithmetic.
Three titles, before and after
Each pair below is the same page, titled two ways. The first version of each is the kind of title that turns up again and again: a preamble first, the subject last.
A beginner's guide
| Title | Width | Kept at 600 px | Lost |
|---|---|---|---|
| The Complete Beginner's Guide to Everything You Need to Know About Choosing a Road Bike | 840.9 px | The Complete Beginner's Guide to Everything You Need to Know | About Choosing a Road Bike |
| Choosing a Road Bike: A Complete Beginner's Guide to Frame, Gears and Fit | 690.8 px | Choosing a Road Bike: A Complete Beginner's Guide to Frame, | Gears and Fit |
| Road Bike Sizing for Beginners: Frame, Gears and Fit Explained | 571.3 px | All of it | Nothing |
The first title is cut after "Know", so the part a searcher sees never mentions road bikes. Ten words survive and none of them say what the page is about. In the second version the subject, "Choosing a Road Bike", ends at 199 px, a third of the way in; the cut still falls, but it takes "Gears and Fit", which the reader can live without. The third version fits entirely, though at 571.3 px it is in the counter's near-limit band (the last tenth before 600 px), so on some screens the last word or two could still go. It does not matter much, because "Explained" is the least important word in it.
A shop category page
| Title | Width | Kept at 600 px | Lost |
|---|---|---|---|
| Acme Plumbing Supplies | Shop Online | Radiator Valves, Thermostatic and Manual | 742.9 px | Acme Plumbing Supplies | Shop Online | Radiator Valves, | Thermostatic and Manual |
| Thermostatic Radiator Valves: Sizes, Fitting and Prices | Acme Plumbing | 644.3 px | Thermostatic Radiator Valves: Sizes, Fitting and Prices | Acme | Plumbing |
Brand-first titles are common on shop sites because a template puts the shop name at the front of every page. The result is that the first 365 px, well over half the line, go on "Acme Plumbing Supplies | Shop Online | ", words that describe every page on the site and therefore none of them. The product type, "Thermostatic", is the part lost.
The rewrite puts the product first; "Thermostatic Radiator Valves" ends at 262.3 px. The cut now falls inside the brand name, leaving "| Acme" stranded, which looks a little odd but loses nothing a searcher needs. Google often shows the site name separately from the title link anyway, so the brand at the end is the cheapest thing on the line. If the stranded fragment bothers you, shorten the middle ("Sizes, Fitting and Prices" to "Sizes and Prices") until the whole tag fits.
A blog post
| Title | Width | Kept at 600 px | Lost |
|---|---|---|---|
| In This Post We Look at Why Your Sourdough Starter Might Not Be Rising | 656.9 px | In This Post We Look at Why Your Sourdough Starter Might Not Be | Rising |
| Sourdough Starter Not Rising? Why It Happens and How to Fix It | 575.8 px | All of it | Nothing |
This one loses a single word, but it is the word that carries the meaning: "Might Not Be" with no "Rising" is a sentence with its verb missing. The preamble, "In This Post We Look at", is 23 characters that tell the reader nothing they did not already know. The rewrite opens with the problem exactly as someone would type it, and the phrase "Sourdough Starter Not Rising" ends at 261.2 px, comfortably inside any plausible cut.
Words that usually belong at the end, or nowhere
Looking across the three pairs, the same kinds of words keep getting in the way at the start of a title:
- Preambles: "The Complete Guide to", "Everything You Need to Know About", "In This Post We Look at", "A Look at". They can usually go entirely; if you keep one, put it after a colon.
- Site-wide labels: the brand, "Shop Online", "Official Site", "Blog". Useful at the end, wasted at the front.
- Series and housekeeping: "Part 2", "Episode 14", "Updated", dates. Put them last unless the date is the point (a timetable, an annual figure).
And the words that belong at the start are the ones a person would search with: the thing, the problem or the task. If you are unsure which words those are, read the title aloud and ask which three words you could not do without.
A method you can repeat
- Write the title naturally first.
- Paste it into the Headline Pixel Counter with your brand suffix attached. If it is in the good band (under 540 px), you can stop worrying about the cut and simply check the subject is early.
- If it is near or past the 600 px figure, find the subject words and move them to the front. A colon is the easiest hinge: "Subject: detail".
- Delete preambles before you delete detail.
- Measure again. If the title still runs past 600 px, make sure the words after roughly 540 px are ones you would be happy to lose.
The case you write in also changes where the cut falls, because capitals are wider than lowercase letters; why two 60-character titles fit differently measures by how much.
What front-loading and the counter cannot do
- They cannot fix where Google cuts. The 600 px figure approximates desktop results. Phones often wrap titles onto two lines, layouts change, and the counter does not model bold search-term matches or kerning. Front-loading is valuable precisely because the cut point is uncertain.
- They cannot make Google use your title. Google sometimes writes its own title link from the page heading or other text, particularly for long, repetitive or keyword-stuffed titles. A clear, front-loaded title that matches the page heading gives it less reason to.
- They say nothing about ranking or clicks. A front-loaded title is easier to read when cut. Whether it ranks or earns clicks depends on the page and the search, and no length check can promise either.
- They do not judge the words. Moving the subject first only helps if the subject is described accurately. "Road Bike Sizing" is a good front if the page is about sizing; if it is really a buying guide, the honest title is a different one.
Front-loading is the habit that makes length checks matter less. A title that leads with its subject survives the desktop cut, a narrow phone, a sidebar or a social preview, and you do not need to know which. For the background on the 600 px figure itself, see how wide a title tag can be before Google cuts it.