Your title tag is the single most important on-page SEO element you control. Get the pixel width wrong and Google rewrites it. Get the message wrong and users scroll past. Here is the formula that works.
The title tag — the <title> element in your page’s <head> — is the single most important on-page SEO element you control. It appears in three places: the blue clickable headline in Google search results, the browser tab, and as the default text when your page is bookmarked. Each of these appearances influences how users perceive and interact with your content.
Despite its importance, title tags are frequently over-optimized (stuffed with keywords), under-optimized (left as generic CMS defaults), or incorrectly sized (truncated by Google because they are too long). This guide covers the correct pixel width, the formula for high-performing titles, what to avoid, and how to preview your title before you publish.
Google does not truncate title tags based on character count — it truncates based on pixel width. The maximum is approximately 600 pixels using the font Google renders in search results (a variant of Arial at around 20px). In practice, this translates to roughly 55–60 characters for typical text, but the actual limit varies based on the specific characters used: narrow characters like “i,” “l,” and “1” take up less horizontal space than wide characters like “W,” “M,” and “m.”
The SlugGenius SERP Snippet Preview measures your title in pixels using the same rendering approach as Google, giving you a pixel-accurate reading rather than a rough character estimate. This lets you see exactly where truncation occurs and adjust your copy until the full title fits within the limit.
Google rewrites title tags more frequently than most SEOs expect — studies suggest it changes them in over 60% of cases. The most common triggers:
Writing a well-constructed title that fits within the pixel limit, matches the page content, and avoids over-optimization significantly reduces the frequency of rewrites.
Keywords placed early in the title tag receive slightly more weight from Google’s ranking algorithms and appear in the most visually prominent position in the SERP snippet. Compare “A Guide to Writing SEO-Friendly Slugs” with “SEO-Friendly URL Slugs: The Complete Guide.” Both address the same topic, but the second version puts the core keyword upfront where it is seen first.
A colon or dash followed by a short descriptive phrase — “The Complete Guide,” “How It Works,” “Avoid These Mistakes” — signals to users what type of content to expect. This improves click-through rate by setting accurate expectations before the user commits to clicking.
Adding your brand name at the end of the title — “| YourBrand” or “— YourBrand” — is standard practice for established brands. It builds recognition over time as users see your site consistently in results. For new or unknown brands, the brand name takes up valuable pixel budget without adding recognition value; it is acceptable to omit it early on.
The title should precisely describe what the page delivers. Clickbait titles that overpromise and underdeliver increase bounce rate, which is a negative engagement signal. More importantly, Google actively rewrites titles it deems inaccurate — so accuracy is both an algorithmic and a user-trust requirement.
Certain title patterns consistently outperform generic descriptions in click-through rate tests:
Writing a title without seeing how it renders in a SERP is like editing a layout without a preview — you will not catch truncation or proportion issues until the page is already indexed. The SlugGenius SERP Snippet Preview renders your title and meta description at pixel-accurate dimensions for both desktop and mobile, with real-time truncation warnings as you type. Use it before every publish to catch and fix title length issues before Google has a chance to rewrite them for you.
No sign-up required — use them instantly in your browser.