A useful SEO title tells a reader what a page will help them do before they open it. Start with the page’s real task, add the detail that distinguishes it, and remove words that make a promise the page cannot keep. This guide shows how to make those decisions with practical before-and-after examples.
For a quick drafting check, open the SERP Snippet Preview beside your page. Treat the preview as a writing aid: its display measurements are estimates, not a guarantee of how a search engine will present your result.
Know which title you are editing
The HTML <title> belongs in the document head and commonly appears on the browser tab. The visible H1 introduces the article on the page. A search result’s clickable title is selected by the search engine; it can differ from both.
Google’s title-link guidance recommends descriptive, concise titles and explains that Google can use headings and other signals to generate its result title. It does not set a universal character maximum: displayed text can be shortened to fit the device. Repeating keywords or using the same vague wording across many pages makes titles less useful.
Five title rewrites and the decision behind each
These are illustrative drafts, not measured traffic experiments. Use the pattern only when it accurately describes your page.
| Vague draft | More useful version | Editorial reason |
|---|---|---|
| Image Tips | How to Compress Product Photos for a Web Store | Names the image type, task and destination. |
| JSON Guide | Fix Invalid JSON: Quotes, Commas and Missing Brackets | Tells a reader which problems the tutorial covers. |
| Best Amazing Free Tool | Word Counter for Essays and Short Writing Tasks | Replaces unsupported praise with a concrete use case. |
| Everything About Links | Build a UTM Link for an Email Newsletter | Sets a manageable scope and a specific outcome. |
| New SEO Tricks | Write a Meta Description That Matches Your Page | Identifies the actual writing task without implying a shortcut. |
Notice that the improved versions do not all follow the same formula. A troubleshooting guide benefits from naming its errors. A tool page benefits from naming its function. An instructional article benefits from describing the finished result.
A repeatable title-writing workflow
- Write the reader’s question. For a product-photo article, it might be: “How can I make these photos smaller while keeping the item clear?” Keep this sentence in your notes.
- Check what the page actually contains. If it covers only JPEG and WebP, avoid a title that promises every image format. If it has no comparison, do not call it a comparison.
- Draft three alternatives. Try a task-led version, a problem-led version and a version naming the intended reader. Pick the one that best matches the article, rather than combining all three.
- Read the title with its description. The title can name the task; the description can explain the method. They do not need to repeat the same sentence.
- Check the live browser tab. Some themes append the site name automatically. Review the complete result before adding your brand manually.
The Character Counter can help compare draft lengths. Use the count to spot unnecessary wording, not as a score to maximize. The Meta Tag Generator can prepare markup; the markup still needs to be placed correctly in your website or SEO settings.
Review the promise after the article is finished
Suppose your draft is titled “Compress Images Without Losing Quality,” but the tutorial uses lossy JPEG compression. The promise is too strong. “Compress Website Images While Keeping Details Clear” gives you room to discuss visible trade-offs honestly.
Similarly, a headline promising seven checks should contain seven recognizable checks. A year belongs in a title only when the content has a meaningful time-specific scope. Do not add a fresh year to an unchanged evergreen article simply to make it appear new.
Questions to check before publishing
Should the H1 exactly match the title tag?
They can match, but clarity matters more than identical wording. A short browser title and a slightly fuller H1 can introduce the same subject. Avoid making them describe different tasks.
Does the preview publish my title?
No. It helps you inspect a draft. Save the title in your own website editor, then load the public page to confirm the change.
What should I record when I change a title?
Keep the page URL, old wording, new wording and change date. That gives you a useful editorial record when reviewing performance later, without assuming every traffic change came from the title.
For a related practical task, use our website image-compression workflow to make an article’s illustrations easier to deliver.