Check if your page title fits Google SERP limits. Preview how it looks in search results and optimize for maximum click-through rate. Free, no sign-up required.
Google typically displays the first 50-60 characters of a title tag
Used for the SERP preview below. Google typically shows up to 155-160 characters.
Other free tools to help you optimize and grow.
How It Works
No account needed, no sign-up required. Completely free. Enter your title tag and see instantly whether it fits Google display limits, with a live SERP preview.
Type or paste your title tag text into the input field. This is the text that appears as the clickable headline in Google search results and in the browser tab.
Enter your meta description to see a full SERP preview. This helps you visualize exactly how your page will look in Google search results before publishing.
See your character count, estimated pixel width, and a live preview of how your title displays in Google. Adjust until everything fits within the recommended limits.
The Rules
Google uses pixel width, not character count, to decide where to truncate your title. Here is what you need to know.
Google Title Display Limit
Maximum width: approximately 580 pixels (desktop)
Guideline: Keep titles between 50-60 characters for reliable full display
Google renders title tags in a specific font and size in search results. The display area is limited to roughly 580 pixels on desktop. When your title exceeds this width, Google truncates it with an ellipsis (...), cutting off whatever comes after the limit.
Character count is an approximation. A title with 55 characters of wide letters like "W" and "M" takes more pixel space than 55 characters of narrow letters like "i" and "l." This is why pixel width is the more accurate measurement.
On mobile devices, Google may display slightly more of your title because the SERP layout is different. However, optimizing for the desktop limit ensures your title works on all devices.
Google occasionally rewrites title tags if it believes a different title better matches the search query. Writing clear, keyword-relevant titles that accurately describe your page content reduces the chance of Google overriding your title.
Length Guide
Use this table to interpret your title length and know exactly what to adjust for optimal display in search results.
| Length | Status | Recommendation |
|---|---|---|
| < 30 chars | Too Short | Add keywords and descriptive context |
| 30 - 49 chars | Acceptable | Could use more descriptive keywords |
| 50 - 60 chars | Optimal | Ideal range for Google SERP display |
| 61 - 70 chars | Slightly Long | May be truncated depending on characters |
| 70+ chars | Too Long | Will be truncated with ellipsis in search results |
Sources: Google Search Central, Moz — 2026 guidelines.
Titles by Page Type
Different pages serve different purposes and need different title structures. Use these examples as templates for your own titles.
| Page Type | Example Title | Tips |
|---|---|---|
| Homepage | CommonNinja | Free Website Widgets & Plugins | Brand name first or last. Keep it under 55 characters for clean display. |
| Blog post | How to Improve Your Conversion Rate in 2026 | CommonNinja | Lead with the topic keyword. Brand name at end after separator. |
| Product page | Free Accordion Widget for Any Website | CommonNinja | Include product name and key benefit. Brand name optional if tight on space. |
| Category page | Free E-Commerce Tools & Calculators | CommonNinja | Describe the category clearly. Include "free" if applicable. |
| Landing page | Build Interactive Quizzes in Minutes - Start Free | Action-oriented with a clear value proposition. Brand optional. |
| Tool page | Free Keyword Density Checker | CommonNinja | Lead with "Free" + tool name. Short and focused for maximum click-through. |
These are template examples. Always customize with your own keywords and brand.
Common Title Mistakes
Your title tag is the first thing searchers see. These common mistakes reduce your click-through rate and waste your SEO potential.
Google truncates titles based on pixel width, not character count. A title with many wide characters (W, M, @) gets cut off sooner than one with narrow characters (i, l, t). Always check pixel width, not just character count.
Keep titles under 580 pixels wideIf your title gets truncated, the words at the end disappear. Place your most important keyword near the beginning of the title where it is always visible, regardless of truncation.
Put primary keyword in the first 30 charactersEvery page on your site should have a unique title tag. Duplicate titles confuse search engines about which page to rank and dilute your click-through rate. Use a title template with unique descriptors for each page.
Zero duplicate title tags is the goalTitles like "Home" or "Products" waste the most valuable SEO element on your page. Every title should describe what the page offers and why someone should click. Specificity drives clicks.
Every title should answer "what will I find here?"Titles that run elements together without separators (|, -, :) look cluttered and are hard to parse at a glance. Clean separators improve readability in search results and help users identify brand names.
Use | or - between title elements and brand nameCramming multiple keywords into a title looks spammy and reduces click-through rate. "Buy Shoes Online | Cheap Shoes | Best Shoes | Shoes Sale" tells Google nothing about what makes your page unique.
One primary keyword per title, used naturallyOptimize Your Titles
These strategies help you write title tags that rank well and earn more clicks from search results. All CommonNinja widgets mentioned below are free to start.
Place your most important keyword at the beginning of the title. This ensures it is always visible even if the title gets truncated, and search engines give slightly more weight to words that appear earlier in the title tag.
Words like "Free," "Best," "Guide," "Easy," and year modifiers ("2026") make titles more compelling in search results. A title that promises clear value gets more clicks than a generic description.
When your title promises comprehensive content, deliver it with organized sections. Accordions let you pack detailed information into expandable sections that match the depth your title tag promises.
Try Accordion widget →Tabs help you deliver on broad title promises by organizing multiple subtopics in a single page view. This improves dwell time and signals to search engines that your page thoroughly covers the topic.
Try Tabs widget →Titles with numbers ("7 Ways to...," "Top 10...") consistently outperform generic titles in click-through rate studies. Numbers set expectations and make the content feel structured and actionable.
The separator between your title and brand name affects readability. Pipes (|) are compact. Dashes (-) feel softer. Colons (:) imply a subtitle. Test which separator works best for your brand and page type.
A title that matches what the searcher is looking for gets clicked. If someone searches "how to calculate keyword density," your title should make it clear your page answers that exact question. Intent alignment beats keyword optimization.
Search trends change, competitors update their titles, and Google occasionally adjusts display widths. Review your top pages every quarter to ensure titles are current, competitive, and fully displayed in search results.
SEO Title Glossary
Understanding these terms helps you optimize not just title length but the entire search results experience for your pages.
| Term | Definition | Format | When to Use |
|---|---|---|---|
| Title Tag | The HTML element that defines the title of a web page. It appears as the clickable headline in search engine results and in the browser tab. The single most important on-page SEO element. | <title>Your Title Here</title> | Every page on your website must have a unique, descriptive title tag |
| Meta Description | An HTML attribute that provides a brief summary of a page. Shown below the title in search results. Does not directly affect rankings but strongly influences click-through rate. | <meta name="description" content="..."> | Every page — write compelling 150-160 character summaries |
| Click-Through Rate (CTR) | The percentage of people who click your search result after seeing it. Higher CTR signals to search engines that your result is relevant, which can improve rankings over time. | (Clicks / Impressions) x 100 | Measuring the effectiveness of your title tags and meta descriptions |
| SERP | Search Engine Results Page. The page displayed by Google after a search query. Your title tag and meta description determine how your page appears on this page. | N/A | Analyzing how your pages appear in search results |
| Pixel Width | The actual visual width of your title as rendered in search results. Google truncates based on pixel width (approximately 580px), not character count. Wide characters reduce available space. | Sum of individual character widths | Fine-tuning title length when character count alone is misleading |