AbraCalc

Meta Title Length Checker

Check your meta title character count and estimated pixel width to ensure it displays correctly in Google.

By · Reviewed by AbraCalc Methodology Review ·

Embed this tool on your site

How to use this tool

  1. Enter meta title in the fields above.
  2. Results update instantly as you type — or click Calculate.
  3. Read your characters and the full breakdown beneath it.

Check your meta title character count and estimated pixel width to ensure it displays correctly in Google.

How it works

A meta title (also called a title tag) is the HTML element that search engines display as the blue clickable headline in search results. Google truncates titles that are too long, typically around 600 pixels wide, which corresponds to roughly 50-60 characters for average text.

Paste or type your proposed title into the field and this tool instantly shows the character count and estimated pixel width. A green indicator means the title fits within Google's display limit; yellow or red means it will likely be cut off with an ellipsis.

Use this checker before publishing any page to avoid truncated titles that hide keywords or look unprofessional in search results. Aim for a title that is descriptive and keyword-rich while staying under the pixel limit.

Worked example

Check a product page title before publishing

  1. Type your proposed title, e.g. 'Buy Organic Coffee Beans Online | Free Shipping on Orders Over $30'.
  2. Read the character count (63 chars) and pixel width estimate.
  3. If the indicator is red, shorten the title and re-check.
  4. Settle on a version that stays green, e.g. 'Organic Coffee Beans | Free Shipping Over $30'.

A title confirmed to display fully in Google search results without truncation.

Common mistakes to avoid

  • Stuffing keywords at the end of a long title -- Google cuts the end first, so the most important words should come early.
  • Ignoring pixel width and only counting characters -- a title of 55 wide characters can still be truncated.
  • Using the same title for multiple pages -- duplicate titles are a negative SEO signal.

Key terms

Title tag
The HTML element whose content search engines use as the page headline in results pages.</dd><dt>Pixel width</dt><dd>The rendered width of the title in Google's standard search font, the real limit Google enforces rather than a fixed character count.</dd><dt>Truncation</dt><dd>When Google shortens a title with '...' because it exceeds the display width limit.</dd></dl> </section> <section class="faq"><h2>Frequently asked questions</h2> <dl><dt>How long should a meta title be?</dt><dd>Google typically displays the first 50–60 characters of a title tag. Aim for under 60 characters to avoid truncation in search results.</dd><dt>What is the pixel width estimate?</dt><dd>Google truncates titles at roughly 600 pixels. Each character averages ~7.2 px, so this estimate helps you stay within the visual limit.</dd></dl> </section> <section class="refs"><h2>References & sources</h2> <ul><li><a href="https://moz.com/learn/seo/title-tag" rel="noopener nofollow" target="_blank">Moz: Title Tag</a></li><li><a href="https://en.wikipedia.org/wiki/Meta_element" rel="noopener nofollow" target="_blank">Wikipedia: Meta element</a></li></ul> </section> <section class="related"><h2>Related tools</h2> <a href="/text/meta-description-length-checker/">Meta Description Length Checker</a><a href="/text/sentence-length-analyzer/">Sentence Length Analyzer</a><a href="/text/character-count-no-spaces/">Character Count (No Spaces)</a><a href="/text/character-counter/">Character Counter</a><a href="/text/content-read-time/">Content Read Time Estimator</a><a href="/text/count-occurrences/">Count Occurrences of a Word</a><a href="/text/count-unique-words/">Count Unique Words</a><a href="/text/count-vowels-consonants/">Count Vowels and Consonants</a><a href="/text/hashtag-counter/">Hashtag Counter</a><a href="/text/keyword-density/">Keyword Density Calculator</a><a href="/text/line-counter/">Line Counter</a><a href="/text/count-paragraphs/">Paragraph Counter</a> </section> </article> </main> <footer class="site-f"><div class="wrap"> <div class="cols"><a href="/calculator/">Calculator tools</a><a href="/converter/">Converter tools</a><a href="/app/">App tools</a><a href="/time/">Time tools</a><a href="/text/">Text tools</a><a href="/generator/">Generator tools</a><a href="/device/">Device tools</a><a href="/game/">Game tools</a><a href="/all/">All tools</a><a href="/guides/">Guides</a><a href="/compare/">Compare</a></div> <div class="cols"><a href="/about/">About</a><a href="/editorial-policy/">Editorial policy</a><a href="/methodology/">Methodology</a><a href="/press/">Press</a><a href="/contact/">Contact</a><a href="/donate/">Donate</a><a href="/privacy/">Privacy</a><a href="#" onclick="if(window.googlefc&&googlefc.showRevocationMessage){googlefc.showRevocationMessage();}else{location.href='/privacy/';}return false;">Cookie settings</a></div> <p>AbraCalc — free, fast tools that run in your browser. No signup; your data stays on your device.</p> </div></footer> <script> // --- generic tool runtime (shared by every tool) --- var FIELDS = [{"name": "text", "type": "text"}]; var OUTPUTS = [{"key": "chars", "label": "Characters", "unit": "", "primary": true, "kind": "number", "decimals": 0}, {"key": "pixels", "label": "Approx. pixel width", "unit": "", "primary": false, "kind": "number", "decimals": 0}, {"key": "status", "label": "Status", "unit": "", "primary": false, "kind": "text", "decimals": 2}]; function calc(v){ var t = v.text || ''; var chars = t.length; var pixels = Math.round(chars * 7.2); var status = chars === 0 ? 'Empty' : chars <= 60 ? 'Good' : chars <= 70 ? 'Borderline (may truncate)' : 'Too long (will truncate)'; return { chars: chars, pixels: pixels, status: status }; } function fmt(n, d){ return Number(n).toLocaleString(undefined,{minimumFractionDigits:d,maximumFractionDigits:d}); } function esc(s){ return String(s).replace(/[&<>"']/g, function(c){ return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]; }); } // --- dependency-free inline-SVG chart renderer (line/bar/area; multi-series) --- function fmtShort(v){ var a=Math.abs(v); if(a>=1e9)return (v/1e9).toFixed(a>=1e10?0:1)+'B'; if(a>=1e6)return (v/1e6).toFixed(a>=1e7?0:1)+'M'; if(a>=1e3)return (v/1e3).toFixed(a>=1e4?0:1)+'k'; return (Math.round(v*100)/100).toString(); } function svgChart(c){ if(!c||!c.series||!c.series.length) return ''; var W=560,H=240,P=42,all=[],xs=c.x||[]; c.series.forEach(function(s){ (s.data||[]).forEach(function(v){ if(isFinite(v)) all.push(v); }); }); if(!all.length) return ''; var mn=Math.min.apply(null,all), mx=Math.max.apply(null,all); if(c.baseZero!==false) mn=Math.min(mn,0); if(mx===mn) mx=mn+1; var n=0; c.series.forEach(function(s){ n=Math.max(n,(s.data||[]).length); }); var COL=['#3b5bdb','#0ca678','#e8590c','#9c36b5']; function X(i){ return P+(n<=1?0:(i/(n-1))*(W-2*P)); } function Y(v){ return H-P-((v-mn)/(mx-mn))*(H-2*P); } var svg='<svg viewBox="0 0 '+W+' '+H+'" width="100%" preserveAspectRatio="xMidYMid meet" role="img" aria-label="chart" style="max-width:100%;height:auto;font:12px system-ui">'; for(var g=0;g<=4;g++){ var gv=mn+(mx-mn)*g/4, gy=Y(gv).toFixed(1); svg+='<line x1="'+P+'" y1="'+gy+'" x2="'+(W-P)+'" y2="'+gy+'" stroke="#e6e8ee"/>'; svg+='<text x="'+(P-6)+'" y="'+(Y(gv)+4).toFixed(1)+'" text-anchor="end" fill="#888">'+fmtShort(gv)+'</text>'; } c.series.forEach(function(s,si){ var col=COL[si%COL.length], data=s.data||[]; if(c.kind==='bar'&&c.series.length===1){ var bw=Math.max(1,(W-2*P)/Math.max(n,1)*0.7); data.forEach(function(v,i){ if(!isFinite(v))return; var y=Y(Math.max(v,mn)); svg+='<rect x="'+(X(i)-bw/2).toFixed(1)+'" y="'+y.toFixed(1)+'" width="'+bw.toFixed(1)+'" height="'+Math.max(0,(Y(mn)-y)).toFixed(1)+'" fill="'+col+'" opacity="0.85"/>'; }); } else { var d='',first=true; data.forEach(function(v,i){ if(!isFinite(v))return; d+=(first?'M':'L')+X(i).toFixed(1)+' '+Y(v).toFixed(1)+' '; first=false; }); if(c.kind==='area'){ svg+='<path d="'+d+'L'+X(data.length-1).toFixed(1)+' '+Y(mn).toFixed(1)+' L'+X(0).toFixed(1)+' '+Y(mn).toFixed(1)+' Z" fill="'+col+'" opacity="0.12"/>'; } svg+='<path d="'+d+'" fill="none" stroke="'+col+'" stroke-width="2"/>'; } }); if(xs.length){ [0,Math.floor((n-1)/2),n-1].forEach(function(i){ if(xs[i]==null||i<0)return; svg+='<text x="'+X(i).toFixed(1)+'" y="'+(H-P+17)+'" text-anchor="middle" fill="#888">'+esc(String(xs[i]))+'</text>'; }); } svg+='<line x1="'+P+'" y1="'+(H-P)+'" x2="'+(W-P)+'" y2="'+(H-P)+'" stroke="#aab"/>'; if(c.series.length>1){ var lx=P; c.series.forEach(function(s,si){ var nm=s.name||('Series '+(si+1)); svg+='<rect x="'+lx+'" y="6" width="10" height="10" rx="2" fill="'+COL[si%COL.length]+'"/><text x="'+(lx+14)+'" y="15" fill="#555">'+esc(nm)+'</text>'; lx+=nm.length*7+28; }); } return svg+'</svg>'; } function run(){ var v = {}; FIELDS.forEach(function(f){ var el = document.getElementById(f.name); v[f.name] = (f.type === 'number') ? parseFloat(el.value || '0') : el.value; }); var out; try { out = calc(v); } catch(e){ document.getElementById('result').textContent = 'Check your inputs.'; return; } var html = ''; OUTPUTS.forEach(function(o){ var val = out[o.key]; if (o.kind === 'chart') { html += '<div class="chart">' + svgChart(val) + '</div><div style="color:#666;font-size:13px;text-align:center;margin-bottom:6px">' + o.label + '</div>'; return; } var disp = o.kind === 'text' ? esc(val) : fmt(val, o.decimals); var line = (o.unit && o.unit !== '%' ? o.unit + ' ' : '') + disp + (o.unit === '%' ? '%' : ''); if (o.primary) html += '<div class="primary">' + line + '</div><div style="color:#666;font-size:13px">' + o.label + '</div>'; else html += '<div class="row"><span>' + o.label + '</span><strong>' + line + '</strong></div>'; }); document.getElementById('result').innerHTML = html; } // --- shareable state: prefill fields from the URL, and keep the URL in sync so a // copied/shared link reproduces the same inputs (and therefore the same result) --- function readURL(){ try { var q = new URLSearchParams(location.search); FIELDS.forEach(function(f){ if (q.has(f.name)) { var el = document.getElementById(f.name); if (el) el.value = q.get(f.name); } }); } catch(e){} } function syncURL(){ try { var q = new URLSearchParams(); FIELDS.forEach(function(f){ var el = document.getElementById(f.name); if (el && el.value !== '') q.set(f.name, el.value); }); var s = q.toString(); history.replaceState(null, '', location.pathname + (s ? '?' + s : '')); } catch(e){} } readURL(); document.getElementById('f').addEventListener('input', function(){ run(); syncURL(); }); document.getElementById('recalc').addEventListener('click', function(){ run(); syncURL(); }); run(); </script> </body> </html>