Website Checker - What Is a Title Tag? Writing the 600 Pixels That Matter

What Is a Title Tag? Writing the 600 Pixels That Matter

Jul 26, 2026 · SEO Glossary

Open any page's source and look inside <head> for a line like <title>Pricing — AcmeApp</title>. That single element sets the browser tab label, names the bookmark, becomes the default share text in Slack, and — the reason you're here — usually becomes the clickable headline of your Google result. Asking what is a title tag is really asking about the highest-visibility line of HTML on the page, which is why it's absurd how many sites still ship every page titled "Home".

What Is a Title Tag at the Markup Level?

The <title> element is required by the HTML spec inside <head>, once per document, plain text only — no nested tags. Don't confuse it with three lookalikes:

  • The <h1>, which is the visible on-page headline and part of your heading hierarchy. Title and H1 can differ, and often should — the title carries brand and context for the SERP, the H1 speaks to someone already on the page.
  • The title="" attribute, which produces hover tooltips and has nothing to do with SEO.
  • og:title, the Open Graph meta tag social platforms read. If it's absent, most platforms fall back to the title tag.

Single-page apps add a wrinkle: frameworks mutate document.title on route changes, so every "page" of your React app may share one server-rendered title until JavaScript runs. Google renders JS eventually, but every other consumer of your titles — social scrapers, some crawlers, bookmarks made quickly — sees the shell value. Server-render the real title per route.

How Google Uses It — and When It Ignores You

The title is a ranking signal — a modest one, but one of the few you fully control in one line of code. It's also the raw material for the SERP's title link. Raw material, not final copy: since a major title-generation update in August 2021, Google rewrites the displayed title for a substantial share of pages. Independent studies since have measured rewrites affecting somewhere between a third and two-thirds of titles, depending on how you count. Google substitutes text from your H1, internal anchor text, or elsewhere when your title is:

  • keyword-stuffed ("Cheap Flights | Flight Deals | Cheapest Flights 2026"),
  • boilerplate duplicated across many pages,
  • too long, front-loaded with brand, or just vague ("Untitled", "Home", "New Page").

The practical takeaway inverts the old advice: you don't write titles to game the display, you write accurate, specific ones so Google has no reason to intervene. When you see a rewrite in the wild, diff it against your markup — Google is effectively code-reviewing your title and showing you its suggested fix.

The Truncation Math: Pixels, Not Characters

Google truncates displayed titles at a container width of roughly 600 pixels on desktop; mobile varies more. Character counts are a proxy — a "W" is over three times wider than an "i" in Google's font — but a workable rule is that titles under about 60 characters usually survive intact, and the popular "50–60 characters" guideline exists because that range reliably fits. Truncation isn't a ranking problem (Google reads the whole element regardless), it's a click-through problem: an ellipsis in mid-promise costs clicks. Front-load the specific part, spend your pixel budget on words that differentiate, and push the brand name to the end, where losing it hurts least.

Patterns That Hold Up in the SERPs

  1. Primary topic first, brand last: <title>Sitemap Index Explained: Splitting Big Sitemaps | AcmeSEO</title>. The pipe-brand suffix is optional on deep pages; homepage and product pages want it.
  2. Match the query's shape. If searchers ask a question, a question title earns the click. If they compare, name both things compared.
  3. One template per page type, with real variables. E-commerce and listing sites live or die by title templates — {Product} — {Category} | {Brand} beats hand-writing 10,000 titles, but only if the variables produce unique, sensible output for every row.
  4. Say something the ranking neighbors don't. Before finalizing, search your target phrase and read the ten titles already there. If yours would blend in, it's a rewrite candidate — differentiation is the whole point of the exercise.

Auditing Titles Across a Whole Site

Title problems are fleet problems — one bad template mints a thousand bad titles. Crawl the site and sort the findings: WebsiteChecker.Tech reports missing titles, duplicates grouped by text, and over-length outliers across every page in one run, which turns a vague "our titles need work" into a fix-list ordered by page count. Cross-check the impact side in Search Console: the Performance report filtered to a page shows impressions versus clicks, and pages with strong average position but weak CTR are exactly where a better title pays back fastest. And after any redesign or CMS migration, re-crawl immediately — titles are the metadata most often mangled in template moves, and a healthy result like the block Google builds for brands (see how sitelinks get labeled) depends on them being distinct.

Frequently Asked Questions

How long should a title tag be?

Google truncates the displayed title at about 600 pixels of width, which usually corresponds to staying under roughly 60 characters. Going longer isn't penalized — Google still reads the full element — but words past the cutoff can't persuade anyone to click, so put the distinctive part first.

Why does Google show a different title than the one I wrote?

Since its 2021 title update, Google rewrites titles it judges stuffed, duplicated, vague, or overly long, pulling replacement text from your H1 or internal anchor text. Writing a specific, accurate title that matches the page is the reliable way to keep your own words in the SERP.

Should the title tag and H1 be identical?

They can be, but they serve different readers. The title addresses someone scanning search results, so it benefits from context and a brand suffix; the H1 addresses someone already on the page. Keeping them closely related but not identical is a sensible default.

Try WebsiteChecker.Tech Free

Run a free technical SEO audit on any website. Get a client-ready report in minutes.

Start Free Scan