How to Write Title Tags That Rank and Get Clicked

The title tag, defined in HTML as <title>Your Page Title</title>, serves two masters: search engines and human readers. Google uses it as one of the strongest on-page signals to understand the topic and intent of a page. It appears as the blue link in the SERP and is often the first text a user reads about your page.

Google's treatment of title tags has evolved. Since August 2021, Google has increasingly rewritten title tags it deems misleading, too long, keyword-stuffed, or inconsistent with the page's actual content. Studies by Zyppy found that Google rewrites around 61% of title tags, primarily substituting the H1 or another prominent heading from the page.

Rewrites tend to happen when the title tag is longer than the display limit, contains all caps or excessive punctuation, does not match the content, or is clearly written for keywords rather than for readers. The best defense against Google changing your title is to write one that honestly describes the page, includes the target keyword naturally, and respects the character limit.

Google allocates approximately 600 pixels of display width for title tags in desktop search results. At a standard rendering size and font, that corresponds to roughly 55 to 60 characters for typical mixed-case Latin text. Titles that exceed this limit are truncated with an ellipsis ("..."), hiding the end of your title from searchers.

The practical target is 50 to 60 characters. At 50 characters, you have a comfortable buffer against truncation across all devices. At 60 characters, you are using the full available space but cutting close on mobile, which renders at a smaller pixel budget.

Use a pixel-accurate title checker rather than just counting characters, because pixel width varies by character. A title made of capital letters or wide characters like W and M may truncate at 52 characters, while a title made of narrow characters like i, l, and 1 may survive to 65 characters intact. SerpGem's Title Pixel Width tool renders your title at the exact pixel width Google uses, showing you precisely where truncation occurs before you publish.

Short titles under 40 characters are a missed opportunity. If you are consistently writing 30-character titles, you are leaving space that could include a differentiating detail, a year, or a secondary keyword.

Front-loading means placing your target keyword at the beginning of the title tag, or as close to it as possible. Google weighs words at the start of the title more heavily than words at the end, mirroring how humans read — left to right, with attention concentrated at the start.

For a page targeting "keyword density checker," a front-loaded title reads: "Keyword Density Checker — Free Instant Analysis." A back-loaded version reads: "Check Your Content for Free — Keyword Density Tool." The first version places the keyword where it carries the most weight and where scanners are most likely to see it.

Front-loading also serves users. When a searcher scans several results, they read the first two or three words of each title. If your keyword appears in those first words, the result visually matches their query before they consciously process the full title.

There are legitimate exceptions to front-loading. Brand-driven titles — where the brand is the search term — place the brand first. Navigational queries where the page title is a common phrase ("About Us," "Contact") have no meaningful keyword to front-load. But for any content page or tool page with a target keyword, front-load whenever the sentence structure permits.

Including your brand name in the title tag serves two functions: reinforcing brand recall for searchers who already know you, and signaling to Google which domain the result belongs to. The conventional placement is at the end: "Target Keyword — Brand Name." This format puts the keyword first (for ranking and scanning) and appends the brand as a trust signal.

Google often appends the brand name automatically if your site has brand authority — so you may see "Your Title | SerpGem" even if you only wrote "Your Title" in the tag. This auto-appending can push your title over the character limit. Account for this by keeping your core title under 50 characters if your brand name is long.

For new sites with limited brand recognition, including the brand name may cost you characters with little benefit — searchers do not yet recognize or trust the name. Prioritize the keyword and the benefit. As brand recognition grows, add the brand suffix and let it serve as a trust signal.

Never put the brand name first on a non-homepage unless the brand itself is the search query. "SerpGem — Keyword Density Checker" underperforms "Keyword Density Checker — SerpGem" for searchers looking for a density tool.

These formulas consistently produce titles that rank and earn clicks across a wide range of content types.

1. The How-To: "How to [Achieve Outcome] [Qualifier]" — Example: "How to Write Meta Descriptions That Get Clicks." Targets informational intent directly.

2. The Numbered List: "[Number] [Things/Ways/Tools] to [Outcome]" — Example: "7 Title Tag Formulas That Rank and Convert." Numbers improve CTR by setting concrete expectations.

3. The Comparison: "[Option A] vs [Option B]: Which Is [Criterion]?" — Example: "Flesch vs Gunning Fog: Which Readability Score Should You Use?" Targets comparison intent and attracts engaged readers.

4. The Year Qualifier: "[Primary Keyword]: The [Year] Guide" — Example: "Keyword Research: The 2026 Beginner's Guide." Year signals freshness, which matters for searches with informational recency.

5. The Definitive Guide: "The Complete Guide to [Topic]" — Example: "The Complete Guide to Robots.txt." Works best for pillar pages with comprehensive coverage.

6. The Benefit-First: "[Key Benefit] with/using [Method or Tool]" — Example: "Faster Rankings Using Schema Markup." Leads with the outcome.

7. The Problem-Solution: "[Problem]? Here's [Solution]" — Example: "Meta Description Too Long? Fix It in 60 Seconds." Mirrors the user's pain point in the title itself.

Writing titles for algorithms rather than humans is the most common mistake. A title like "SEO Title Tag | Title Tags SEO | SEO Tips Title" hits the keyword multiple times but reads as spam and earns zero clicks. Google is also likely to rewrite it.

Using the same title across multiple pages creates duplicate title tags, which confuses search engines about which page to rank for a given query. Every page should have a unique title that reflects its specific content.

Vague titles that could apply to any page — "Home," "About," "Services," "Blog Post" — waste the signal. Even an about page benefits from a descriptive title: "About SerpGem — Free SEO Tools for Writers and Marketers."

Excessive capitalization ("FREE KEYWORD DENSITY TOOL — GET IT NOW") reads as shouting and is consistently rewritten by Google. Use title case (capitalize major words) or sentence case (capitalize only the first word), but avoid all-caps.

Ignoring the mobile truncation limit is a structural mistake. If your title is 65 characters, mobile users may see only half of it. Run every title through a pixel-width checker before publishing and ensure the most important information appears in the first 50 characters.