H1 or Title Tag: When Should a Page Have Two Titles?
Most pages are best served by one title used in both places: the <title> tag that search results and browser tabs show, and the <h1> heading at the top of the page. Write two different ones when the two jobs genuinely pull apart: when the heading a reader sees on the page can afford to be long, playful or personal, but the title shown in a search result has to fit roughly 600 px and say plainly what the page is. If the two differ, keep them about the same thing, so that a reader arriving from a search recognises the page they clicked.
The Headline Pixel Counter handles the width side of that decision, and the Headline Analyzer gives a rough structural read of each version. Below are four common cases, measured in both.
The two jobs
The title tag is read out of context. It appears in a list of results beside other pages, in a browser tab, in a bookmark, and sometimes in a social share preview. It has to identify the page to someone who has not seen it, and on desktop results it tends to be shortened at around 600 px of Arial at about 20 px (an observed working figure; Google publishes no fixed length and truncates to fit each device). It often carries the site name as a suffix.
The H1 is read in context. The reader is already on the page, can see the site's branding, the images and the first paragraph. It is not cut off by anything, so it can be longer, conversational, or written in the site's voice.
When a single line does both jobs well, use it twice. When it does not, write each for its job.
Case 1: the long, natural heading
| Version | Text | Width | Verdict |
|---|---|---|---|
| H1 | Why Your Sourdough Starter Is Not Rising, and the Seven Things to Check Before You Throw It Away | 903.7 px | Past the typical desktop width |
| Title tag, first try | Sourdough Starter Not Rising? 7 Things to Check - Bakehouse Notes | 614.7 px | Past the typical desktop width |
| Title tag, second try | Sourdough Starter Not Rising? 7 Things to Check First | 483.5 px | Good length |
The H1 is a perfectly good heading for someone who has already arrived, but as a title tag (with a " - Bakehouse Notes" suffix) it would measure 1,079.4 px, and a cut at 600 px would keep only "Why Your Sourdough Starter Is Not Rising, and the Seven Things". The first short version still runs 14.7 px past the figure because of the suffix; dropping the brand and adding "First" gives a tag at 483.5 px that says the same thing.
The Analyzer agrees about structure, for what that is worth: the H1 scores 38 (poor), held down by 3 of 20 for word count (18 words) and 3 of 20 for characters (96). The short title tag scores 60 (good), with full marks for words, characters and balance. That does not make the H1 wrong for the page; it is a reminder that the Analyzer's length ranges are tuned for headlines read out of context, which is exactly the title tag's job.
Case 2: the creative heading
| Version | Text | Width | Analyzer |
|---|---|---|---|
| H1 | Sunday Bread, Sorted | 196.8 px | 21 (poor) |
| Title tag | Overnight Sourdough Loaf for Beginners - Bakehouse Notes | 534.7 px | 48 (fair), without the suffix |
"Sunday Bread, Sorted" works on a recipe page with a photo of a loaf above it. In a list of search results it says almost nothing: no recipe, no sourdough, no indication of difficulty. This is the clearest case for two titles. The title tag describes the page in the words someone would search with; the H1 keeps the site's voice.
An early draft, "Overnight Sourdough Loaf Recipe for Beginners - Bakehouse Notes", measured 602.5 px, just past the figure. Dropping "Recipe" (the page obviously is one) brought it to 534.7 px, inside the good band.
Case 3: the template heading
Some pages have an H1 that is the same on every site in the world: "Contact Us", "About", "Blog", "Shop". Those are fine as on-page headings, because the reader knows where they are. As title tags they are poor, since a results page or a row of browser tabs full of "Contact Us" helps nobody. A title tag such as "Contact Bakehouse Notes: Opening Hours, Phone and Address" (564.7 px, in the near-limit band but with the important words first) tells the reader what they will find. The H1 can stay "Contact us".
Case 4: the heading that already works
Most articles fall here. "Thermostatic Radiator Valves for Older Systems" is clear, specific and short. With the brand suffix " | Acme Plumbing" it measures 584.3 px. Use it as both the H1 and the title tag and move on. Two titles are a tool for a problem, not a rule; writing two for every page doubles the work and creates the risk of them drifting apart.
Keep them about the same thing
If the title tag and H1 differ, three things keep that from causing trouble:
- The same subject, ideally the same key words. "Sunday Bread, Sorted" and "Overnight Sourdough Loaf for Beginners" share no words, so the first paragraph of that recipe should say "overnight sourdough loaf" early, so that a reader from a search sees at once that they are in the right place.
- No promise in one that the other does not keep. A title tag that says "7 Things to Check" over a page with five is a small breach of trust, and readers notice.
- Remember Google may choose. Google's documentation lists the page's main visible heading among the sources it can use when it decides to show something other than your title tag. If the title tag is vague, stuffed with keywords, or very long, Google is more likely to build a title link from the H1 or elsewhere. A clear title tag that agrees with the heading reduces that chance, but nothing removes it.
How to check a pair
- Paste the title tag, suffix included, into the Headline Pixel Counter. Aim for the good band (under 540 px), or at least make sure anything after that point is expendable. If it is long, the guide to front-loading a title shows how to reorder it.
- Read the title tag on its own, without the page. Does it say what the page is?
- Read the H1 with the page. Does it sound like the site, and does it match the title tag's subject?
- If you use the Headline Analyzer, use it on the title tag, and look at the lowest sub-score rather than the total. The guide to what a headline score measures explains each part.
What these checks cannot tell you
- Where Google will cut. The 600 px figure is an approximation of desktop results; phones wrap titles differently, and layouts change.
- Which title Google will show. It may use your title tag, your H1, or other text, and it may shorten any of them.
- Whether either version will rank or be clicked. The Pixel Counter measures width and the Analyzer counts features of the wording. Neither predicts search position or click-through, and neither can tell whether a title is accurate. That judgement is yours.
- Social previews. Sites often set a separate social title (Open Graph). Platforms crop it in their own ways, which these tools do not model.
The short version: one title when one title does both jobs, two when the on-page heading needs a voice the search result cannot carry. Measure the one that has to fit, and keep both pointing at the same page.