The page title tag is the single line of HTML that tells a browser and a search engine what your page is called. It lives in the document head as <title>Your Headline</title>, and Google leans on it more heavily than almost any other on-page signal. Get it right and you win the click; get it wrong and a well-ranked page still bleeds traffic to a sharper competitor sitting one spot below you.
Most people treat the title as an afterthought, copying the H1 verbatim or letting a CMS auto-fill it. That is a mistake you can fix in ten minutes per page. This guide covers exactly what the tag is, how to code it, how long to make it, and how to check that the version Google shows is the one you actually wrote.
What the Title Tag Actually Is
The title element is metadata, not visible body content. It sits inside <head> and never renders on the page itself. Instead it powers three things you do see: the text in the browser tab, the bold blue headline in a Google result, and the default label when someone bookmarks or shares your URL.
Because it shows up in the search snippet, the title carries double duty. It is a ranking signal — Google reads the words to understand the page topic — and it is ad copy, because those words decide whether a searcher clicks you or the result underneath. A page that ranks fourth with a compelling title routinely out-earns the page ranked second with a lazy one. Treat every title as a headline you are competing to have clicked, not a filing label.
How to Code It Correctly
The markup is simple, but small mistakes break it. Place exactly one title element in the head of every page:
- Put
<title>inside<head>, before the closing</head>. - Include only one title per page — a second one confuses parsers and Google ignores the extra.
- Do not put HTML tags inside it; the title takes plain text only, so no
<strong>or<br>. - Escape special characters — use
&for an ampersand and"for a quote if your CMS does not.
In a modern framework the title is usually set through a metadata API rather than raw HTML. Next.js, for example, exposes a metadata object or a generateMetadata function where you set the title per route, and the framework injects the tag at render. WordPress hands the job to your SEO plugin, which writes the tag from a template you control. Either way, the output in the shipped HTML must be a single clean title element — view source and confirm it before you assume the CMS did its job.
Length: Aim for Characters, Not Pixels You Can’t Measure
Google truncates titles by pixel width, not character count, but characters are the practical guide you can actually work with. Keep the visible line to roughly 50 to 60 characters. Past about 600 pixels — which lands near 60 characters for average text — Google cuts your title with an ellipsis, and the words you cared about most may vanish.
Front-load the important terms. A title reading “Beginner’s Guide to Composting at Home for Small Gardens” risks losing “Small Gardens” to truncation, so if that qualifier matters, move it forward. Short titles are fine; a punchy 40-character title often beats a padded 60-character one. What you never want is a title so long the differentiator gets clipped, leaving every result on the page looking identical.
Writing a Title That Earns the Click
A working title does three jobs at once: it names the topic, includes the term people search, and gives a reason to click. Lead with the primary keyword because both Google and the reader scan the first words. Then add specificity — a number, a year, an outcome, a qualifier — that the competing results lack.
Compare “SEO Tips” against “On-Page SEO: 12 Fixes That Move Rankings in 30 Days.” The second names the topic, signals depth, and promises a timeline. It reads like a page worth opening. Avoid keyword stuffing, though; repeating a phrase three times (“Running Shoes, Best Running Shoes, Buy Running Shoes”) looks like spam and Google may rewrite it. One clear use of the target term, plus a benefit, is the reliable pattern.
Brand Placement and Templates at Scale
Where you put the brand name depends on your goal. For a homepage or a page where the brand drives clicks, lead with it. For an article competing on a generic query, put the brand at the end after a pipe or dash — “12 On-Page SEO Fixes | Acme” — so the keyword sits up front where it counts. If the brand adds no value and eats your character budget, drop it entirely on deep content pages.
Across a large site you cannot hand-write every title, so build templates. A product template might read “{Product} — {Category} | {Brand}” while a blog template reads “{Headline} | {Brand}.” Templates keep titles consistent and prevent blanks, but audit the output — a template that produces “Home | Home | Brand” or a 90-character monster on long product names is worse than none. Set the pattern, then spot-check the pages where it breaks.
Testing What Google Actually Shows
Here is the honest part: Google rewrites titles roughly a third of the time. It pulls from your H1, anchor text, or body copy when it decides your written title is too long, keyword-stuffed, or a poor match for the query. You cannot force your version, but you can make rewrites far less likely by keeping the title concise, accurate to the page, and free of repetition.
Check the live result rather than trusting your CMS. Search your target query in an incognito window and read the snippet Google renders. Use Search Console to compare click-through rates across pages — a title with a strong CTR relative to its position is doing its job, and a low one is a candidate for a rewrite test. When you change a title, note the date so you can tie any CTR movement back to the edit instead of guessing.
A Fast Workflow for Fixing Titles Site-Wide
Do not rewrite every page at once. Pull your top pages by impressions, sort by click-through rate, and start with the ones ranking on page one but earning fewer clicks than their position deserves. Those are pure upside: the ranking already exists, so a better title converts impressions you are already earning into visits.
Work in small batches, change the title only, and give each page two to three weeks before you judge the result — CTR data is noisy day to day, so you need a trend, not a single reading. Tools speed this up: SEO Rocket flags weak or duplicate titles during a site audit with the actual title text and URL as evidence, and its writer keeps every generated title under 60 characters by default, so the page title tag on new content passes validation before it ever ships. Fix the highest-impression pages first, measure honestly, and let the compounding clicks fund the rest of the work.
