How Long Should a Meta Title Be? Pixels vs Characters Explained

A meta title should usually be around 50 to 60 characters, but characters are only a rough guide. Google does not count characters at all. It shortens a title link when it is too wide for the space available on the searcher's device, so the real limit is a pixel width that changes with every letter you use. Treat 50–60 characters as a drafting target, put the words that matter in the first half, then measure the actual width before you publish.

This guide explains why pixel width matters more than character count, how Google decides what to show as your title link, and how to write, check and audit titles in WordPress with Yoast SEO. By the end you should be able to write a title that reads well when it is shown in full, still makes sense if it is cut short, and is unlikely to be rewritten.

The short answer: how long should a meta title be?

Google's own documentation says there is no limit on how long a <title> element can be. Title links are simply truncated where needed, typically to fit the device width. A long title is not penalised; it just loses its ending in the search result.

In practice, that leads to three working rules:

• Draft to 50–60 characters. For ordinary English text in sentence or title case, that range usually fits within the width most desktop results display.
• Measure in pixels before publishing. A title full of wide letters (W, M, capitals) can overflow at 50 characters, while one full of narrow letters (i, l, t) can fit at 70.
• Front-load the meaning. Put the topic and the main reason to click in roughly the first 40 characters, so the title still works if the end is cut off.

<h2

What a meta title is (and what it is not)

"Meta title" is the everyday name for the HTML <title> element in a page's <head>. Strictly, it is not a meta tag, but the name has stuck. Several other things are easily confused with it, and mixing them up causes many of the problems covered later.

Table: The title element compared with similar page elements

Element	Where it lives	Who sees it	What it is for
<title> (meta title, SEO title)	Page <head>	Search results, browser tabs, bookmarks	Names the page for search engines and browsers
Title link	Google's results page	Searchers	The clickable headline Google displays; usually taken from your <title>, but not always
H1 heading	Page body	Visitors on the page	The main visible heading of the content
og:title	Page <head>	Social and messaging previews	The headline used when the link is shared
WordPress post title	WordPress database	Editors; often output as the H1	The internal and on-page name of the post

In a typical WordPress site with Yoast SEO, the post title becomes the H1, and the SEO title becomes the <title>. They can be identical, but they do not have to be. The title element itself is simple:

<head>
  <title>Meta Title Length: Pixels vs Characters | WPDesignVault</title>
</head>

Why pixels matter more than characters

Search results are set in a proportional font, where each letter has its own width. A lower-case "i" takes up a fraction of the space of a capital "W". When a result is too wide for its container, the title is cut and ends with an ellipsis. Because the container is measured in pixels, two titles of identical character length can behave very differently.

To show the size of the effect, the table below gives widths measured with Liberation Sans, a font designed to have the same character widths as Arial, at 20 pixels. These are illustrative measurements, not a model of Google's exact rendering, which uses its own fonts, sizes and layout and can change at any time.

Table: Illustrative widths of titles with similar character counts (Arial-metric font at 20 px)

Title text	Characters	Approx. width
60 × lower-case "i"	60	266 px
60 × lower-case "m"	60	999 px
60 × capital "W"	60	1,132 px
WordPress maintenance checklist for small business websites	59	548 px
WORDPRESS MAINTENANCE CHECKLIST FOR SMALL BUSINESS WEBSITES	59	734 px

The last two rows contain the same words. Switching to capitals adds about a third to the width without adding a single character. That is why "under 60 characters" is a helpful starting point but not a reliable check.

Many SEO tools estimate the desktop title space at roughly 600 pixels. That figure comes from third-party measurement of the results page, not from Google, and Google does not publish one. Use it as a reference point for comparison, not as a hard rule.

<h2

Why Google sometimes shows a different title

Google generates title links automatically. According to Google Search Central, it can draw on several sources, including the <title> element, the main visible title on the page, heading elements such as the H1, the og:title tag, other prominent text, anchor text on the page, text in links pointing to the page and WebSite structured data.

Your <title> is usually the main source, but Google documents several situations where it may choose something else:

• Half-empty titles, such as a title that contains only the site name.
• Obsolete titles, such as a title mentioning last year when the page heading shows this year.
• Inaccurate titles that do not describe what the page actually contains.
• Micro-boilerplate, where many pages share near-identical titles that differ by one small detail.
• No clear main title, where several headings look equally prominent.
• Language or script mismatch, where the title is written in a different language or writing system from the page.
• Repeated site name, where the brand in the title duplicates the site name already shown in the result.

Length alone is not on that list. Very long titles are truncated rather than rewritten. Stuffed or repetitive titles, however, fall under Google's advice to avoid keyword stuffing and can be treated as inaccurate.

A practical length target

Combine the guidance above into a target you can use every day:

• Core topic: first 30–40 characters. This is the part that should survive any truncation on any device.
• Differentiator: the next 10–20 characters. A format ("checklist", "with examples"), audience ("for Elementor"), or concrete benefit.
• Brand: the last 10–15 characters, after a separator such as a pipe or hyphen. If anything gets cut, this is the part you can most afford to lose.

With that structure, a title that runs slightly long degrades gracefully: the reader loses the brand, not the meaning.

How to write and check a meta title step by step

What you need: the page's main topic, the search query you expect it to answer, a list of your other page titles (so you can avoid duplicates), and access to your SEO plugin's title field. No coding is required.

1. Decide what the page is the best answer to

Write one sentence describing the searcher and the problem, for example: "A WordPress site owner wants to know how long a meta title should be." The noun phrase in that sentence ("meta title length") is usually the best opening for the title.

2. Draft the core phrase

Start with the words a searcher would recognise. Avoid clever wordplay that only makes sense once someone has read the page. "Meta Title Length" is clearer in a list of results than "Size Matters (in Pixels)".

3. Add one reason to choose your result

Add a short qualifier that is true of the page: a format, a scope, a specific benefit or the audience. "Pixels vs Characters" tells the reader this page explains the measurement question, not just a number. Do not promise anything the page does not deliver; inaccurate titles are one of the documented reasons for rewrites.

4. Add a short brand at the end

Google's guidance is to brand concisely: use the site name at the start or end, separated by a delimiter such as a hyphen, colon or pipe. On inner pages, the end is usually better, because the topic is what people scan for.

5. Measure the pixel width

Paste the draft into the Meta Title Checker to see the character count and an estimated pixel width. The tool measures with the browser's Arial font and compares against a desktop reference of about 600 pixels. You can also load an existing page's title from its URL.

Expected result: the width sits comfortably inside the reference, or, if it runs over, only the brand would be cut.

6. Preview it as a search result

Use the SERP snippet preview for desktop and mobile to see the title together with the URL and description. Reading the title in context is the best way to catch titles that are technically short enough but still hard to scan. Both tools give approximations, not screenshots of Google.

Worked examples

The following are illustrative examples using a fictional running-shoe shop called StrideLab and pages from this site. Widths are measured with the same Arial-metric font at 20 px used above.

Table: Before and after: illustrative title rewrites

Version	Title	Characters	Approx. width	Assessment
Before	Best Running Shoes 2026 | Running Shoes | Cheap Running Shoes | Shoes Shop	74	728 px	Repetitive and too wide; the brand is lost and the repetition reads as keyword stuffing
After	Running Shoes for Flat Feet: 12 Tested Picks (2026) | StrideLab	63	566 px	Over 60 characters but within the reference width; specific topic first. Use "tested" only if the products really were tested
Before	How to Add LocalBusiness Schema to WordPress (JSON-LD Example)	62	630 px	Clear, but the closing parenthesis may be cut on desktop
After	LocalBusiness Schema in WordPress: JSON-LD Example	50	513 px	Keeps the meaning; the format qualifier survives
Live	Meta Title Length: Pixels vs Characters | WPDesignVault	55	502 px	Topic first, differentiator second, brand last; no change needed

The second StrideLab title is three characters "too long" by the 60-character rule, yet it is narrower than the first title by more than 160 pixels. Measuring is what tells you it is fine.

Setting the meta title in WordPress with Yoast SEO

WordPress itself outputs a <title> for themes that support the title-tag feature, built from the post title and site name. Once Yoast SEO is active, it controls that output using templates and per-page overrides.

Site-wide templates

In Yoast SEO's settings, each content type (posts, pages and custom post types such as guides) has an SEO title template. Templates are built from snippet variables, for example:

%%title%% %%page%% %%sep%% %%sitename%%

Here %%title%% is the post title, %%page%% adds a page number on paginated content, %%sep%% is the separator you choose in the site settings and %%sitename%% is the site name. Setting a sensible template means every new page starts with a reasonable title, even before an editor customises it.

Per-page SEO title

In the post editor, open the Yoast SEO panel and edit the SEO title field. Yoast shows a Google preview and a coloured bar under the field that reflects its own width estimate. Use it as a quick check, then confirm with a dedicated preview if the title is borderline.

If your post title is long and descriptive (good for the H1), you can replace %%title%% in the SEO title field with a shorter, hand-written version for search. Keep the two consistent in meaning; a large mismatch between the title and the main heading is one of the signals that can lead Google to rewrite the title link.

Verify what the page actually outputs

Themes, page builders and other plugins occasionally add a second <title> or override the one Yoast generates. After publishing, use the Meta Tags Extractor to confirm what the page actually outputs. It reads the title and every meta tag from the live HTML, and flags missing or duplicated titles.

A note for Elementor users

Elementor's page title setting and the Heading widget control the visible title and headings on the page, not the <title> element. Edit the SEO title in Yoast, and use Elementor to make sure the page has one clear, prominent H1. Our guide to heading structure from H1 to H6 covers how to set this up.

Auditing titles across a whole site

Checking one page at a time does not scale. To review a section or a whole site:

• Collect the URLs you want to check, for example from your XML sitemap.
• Paste them into the Bulk Meta Title Checker, which reads the titles of up to 50 URLs per run and flags missing titles, duplicates, pages with more than one title element and titles outside roughly 30–60 characters.
• Export the results to CSV or Excel and sort by flag.
• Fix missing and duplicate titles first, because they affect how pages are distinguished in results. Then shorten the widest titles, and run borderline ones through the single-page checker for a pixel estimate.

The bulk tool reports character counts rather than pixel widths, and it reads the HTML as the server sends it without running JavaScript. Titles set by JavaScript after the page loads may not appear in its results.

Common mistakes and how to avoid them

• Treating 60 characters as a hard rule. Measure width instead, especially for titles with capitals or wide letters.
• Repeating the keyword. One clear use is enough. Variations of the same phrase separated by pipes look like stuffing and waste space.
• Duplicating titles across pages. Templates without %%title%%, or pages created by duplicating others, often produce identical titles. Each page needs its own.
• Putting the brand first on every page. This pushes the topic to the right, where it is most likely to be cut.
• Writing in all capitals. It is harder to read and, as the measurements above show, much wider.
• Including dates that go stale. A year in the title is useful only if you update the page and the title together.
• Promising what the page does not deliver. "Free" or "tested" must be true. Inaccurate titles are a documented trigger for rewrites, and they disappoint the visitors who do click.

Troubleshooting

Table: Meta title problems: symptoms, likely causes and fixes

Symptom	Likely cause	Fix
Google shows a title you did not write	Title is inaccurate, stale, boilerplate, or conflicts with the H1	Make the title match the page and its H1; remove repetition; make the main heading the most prominent text
The title ends with "…" in results	Too wide for the device	Shorten or reorder so the essential words come first; measure the width
The browser tab shows the site name twice	Template adds %%sitename%% and the SEO title also contains the brand	Remove the brand from either the template or the per-page title
Changes in Yoast do not appear in the page source	Caching, or another plugin or theme outputs its own title	Clear page and CDN caches; check the live HTML for duplicate <title> elements; disable competing SEO features
Changes appear in the page source but not in Google	Google has not recrawled the page yet	Wait; optionally request indexing with Search Console's URL Inspection tool
Titles of paginated archives are identical	Template lacks a page variable	Include %%page%% in archive templates

How to measure whether a new title works

Google says changes to title links can take from a few days to a few weeks to appear, because the page has to be recrawled and reprocessed. Once the new title is visible in results, compare performance in Google Search Console:

• Open Performance → Search results and add a filter for the page URL.
• Compare a period after the change with an equal period before it, ideally 28 days each.
• Look at clicks, impressions, click-through rate and average position together.

Click-through rate is strongly influenced by position. If the page moved up or down at the same time, a change in CTR may have nothing to do with the title. Compare like with like, for example the same queries at similar average positions, and treat small differences with caution. Seasonal demand can also shift results between two periods.

Before you change a title, record the old one in a spreadsheet with the date. Without that, it is hard to know later what changed and when.

Limitations and alternatives

• Pixel estimates are approximations. Google does not publish its font, size or container width, and the layout can change. Leave some margin rather than writing to the last pixel.
• You cannot force a title link. Google may still choose another source. A clear, accurate title that matches the page is the best influence you have.
• Other search engines differ. Bing and others also truncate long titles but may display them differently. A title that front-loads its meaning works everywhere.
• Short is not automatically better. A three-word title that fits easily may be too vague to earn a click. Use the space to be specific.

Frequently asked questions

Is there a maximum length for a title tag?

There is no technical maximum that Google enforces. Its documentation says there is no limit on how long a <title> element can be, but the title link in results is truncated to fit the available width. Anything beyond that point is simply not shown in the result, so the practical limit is what fits on screen.

Will a long meta title hurt my rankings?

Length on its own is not a documented ranking problem. A long title gets cut off in the result, which can make it less clear and less appealing to click. The real risks with long titles are indirect: they tend to contain repetition or filler, which Google advises against, and the most persuasive part may be hidden.

Should I include my brand name in every title?

It is common and generally helpful on inner pages, as long as it is short and placed at the end after a separator. Google may omit a brand from the title link if it repeats the site name already displayed in the result. If your brand name is long, consider a shorter form for titles, or leave it out on pages where space is tight.

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

Google generates title links from several sources and may replace a title it considers empty, outdated, inaccurate, boilerplate or in the wrong language. Compare your title with the visible H1 and the page content. If they disagree, align them. If the title is accurate and Google still rewrites it, the rewrite is often a shortened version of your own text, which you can treat as a hint about what Google considers the core topic.

Do mobile results show more or fewer characters than desktop?

It depends on the layout at the time and the device's screen. Titles on mobile can wrap onto more than one line, so they sometimes show more text than desktop. Because both layouts change, write so that the first 30–40 characters carry the meaning and check both views with a preview tool rather than relying on a fixed number for either.

Should the SEO title and the H1 be identical?

They do not have to be identical, but they should describe the same thing. A common pattern is a fuller H1 for readers on the page and a shorter SEO title for search results. Avoid a large mismatch: if the title says one thing and the main heading another, Google is more likely to choose its own title link.

How long does it take for a new title to appear in Google?

Google says it can take a few days to a few weeks, depending on when the page is recrawled and reprocessed. You can request indexing for an individual URL in Search Console's URL Inspection tool, but that does not guarantee immediate display. Check the live page source first to make sure the new title is actually being served.

Should I put the year in my title?

Only if the content is genuinely updated for that year and you will keep it current. A stale year is one of the reasons Google gives for rewriting titles, and an out-of-date year can put readers off. For evergreen pages, such as most how-to guides, a year usually adds width without adding value.

How should I handle titles in other languages, or with emoji and symbols?

Write the title in the same language and script as the page, as Google recommends. Character counts are even less reliable for scripts such as Chinese, Japanese or Korean, where many characters are wider than Latin letters, so measure the width instead. Emoji and decorative symbols take up space, may be dropped, and rarely help; use them sparingly, if at all.

Is the meta title the same as the social sharing title?

Not necessarily. Social platforms use the og:title tag when it is present, and Yoast lets you set it separately from the SEO title. A social title can be more conversational because it does not compete in a list of search results. If you leave it blank, Yoast falls back to the SEO title. Our guide to Open Graph tags explains the other tags involved.

Next step

The title is only half of your search snippet. Once your titles are in shape, read our guide on how to write meta descriptions that earn the click, or browse the full set of SEO guides for related topics.