How Many Characters in Google’s *New* SERP Title? Snippet? URL?

by SEO Mofo on Jan 17th, 2012

in Experiments

The Quick Answer:

SERP snippet example
Title
As many characters as you can fit into a block element that’s 512px wide and doesn’t exceed 1 line of text.
Snippet/Description
As many characters as you can fit into a block element that’s 512px wide and doesn’t exceed 3 lines of text. (These limits are for normal queries; long queries have higher limits.)
Display URL
70 characters or less and can fit into a block element that’s 512px wide.

usually ~70 characters or fewer
usually ~156 characters or fewer

The DIY Answer:

Don’t take my word for it; use the bookmarklets below to figure it out for yourself! Just drag each bookmarklet onto your bookmark toolbar (in other words, save these like any other bookmark), adjust your Google search preferences to show 100 results at a time (optional), search for something in Google, and click on one of the bookmarklets (with Google’s SERP still active in your browser).

Use this to find the maximum number of characters
in a Google SERP title:

Google SERP Title Character Counter

Use this to find the maximum number of characters
in a Google SERP snippet:

Google SERP Snippet Character Counter

Use this to find the maximum number of characters
in a Google SERP URL:

Google SERP URL Character Counter

The Long Answer

It has been awhile since I’ve updated my Google SERP Snippet Optimization Tool, and Google has been constantly redesigning their SERP interface since then, so I figured I’d run some tests and see if the maximum character counts have changed.

To figure out the max values previously, I had manually copied + pasted random SERP content into Excel and rigged up some custom functions/filters to count characters. That’s kind of a pain in the ass, especially since Google changes their interface roughly 87 times per day, so this time I wanted to use a test method that’s easier to update.

I decided that the best solution was a bookmarklet that I could run directly from a Google search result page (and distribute to others, so they can verify results for themselves). I wrote a JavaScript function that traverses the SERP DOM, scrapes the Title content from each listing, counts the characters, measures the width, throws everything into a nice-looking table, and then automatically finds the maximum character count and maximum width (in pixels). Then I modified the bookmarklet to work with snippet content (aka, the meta description content) and the content of the displayed URLs (i.e., the URLs shown in green text).

Find a bug…get a link!

If you find bugs, errors, etc. while using these bookmarklets, then please let me know. As an incentive, I’ll give a big fat juicy backlink to anyone who reports a legitimate bug they found in my bookmarklets.

Known Issues

CSS-generated Ellipses Might Be Hiding Characters

Google’s SERP titles use a CSS property called text-overflow with a value set to ellipsis. This CSS declaration causes some titles to display fewer characters than are actually in the DOM node. In other words, if a title exceeds the 512px maximum width, the overflowing words/characters will be hidden from view in a web browser (i.e., replaced with an ellipsis), but the underlying HTML code will still contain the entire title. Therefore, in some instances, my bookmarklet will show a character count that is higher than the number of characters Users can actually see. (I’ve tried to program the title bookmarklet to highlight these instances (i.e., table rows) with a red-tinted background color, but I haven’t thoroughly tested this yet.)

Quick Answer Was Half-assed

The limits stated in the “Quick Answer” section are not 100% accurate. I’ve seen several anomalies that I have yet to investigate. If you run a bookmarklet and discover a SERP listing with character counts that defy the stated limits, then feel free to leave a comment about it. However, if you want to earn a link, you need to explain why the anomaly occurred. That is, simply identifying a discrepancy isn’t enough.

Google Instant Breaks Jump Links

If you have Google Instant enabled in your search settings, then your search results are probably being served from the URL: , in which case the on-page anchors (i.e., the arrow links in the left column of each table row generated by these bookmarklets) will not work as intended. That is, instead of jumping to that SERP listing, you’ll be taken to the Google home page (more accurately: something that looks like the Google home page). If you want the jump links to function correctly, go to your Google search settings page and toggle the Google Instant predictions option to OFF.

Google Chrome Complains About Inserting Non-secure Scripts Into HTTPS Pages

Github Pages apparently don’t support https requests, so these bookmarklets have to insert the external .js files via normal http requests. Depending on whether or not you’re signed into Google, the SERPs might be https…and if they are, some browsers (e.g., Chrome) are going to be all like WTF. Just ignore it and proceed anyway. I won’t steal your identity and empty your bank account, I promise.

Fork me, report issues, & view the code on Github

You may have noticed that these bookmarklets do not execute the JavaScript code directly. Instead, they insert a script tag, which references external .js files hosted on Github. I did it this way for a number of reasons:

  1. Github can serve the files faster and more reliably.
  2. I can update the .js files on Github and magically update the functionality of everyone’s bookmarklet.
  3. You can use Github to submit bug reports, fork the code, make comments, etc. You won’t…but theoretically you could.
  4. Using Github makes me feel smarter and better than you.

1/18/2012, 20:15 GMT: Changed bookmarklets to use document.getElementsByTagName('head')[0] instead of document.head. Thanks to Fabian Salomon for this suggestion.

1/18/2012, 21:25 GMT: Fixed a bug in the snippet character counter that was caused by setting the initial value of the minChar variable too low. Thanks to Stefano Gorgoni, who is a professional SEO and certified Google Analytics expert in Malta, Italy, for reporting this bug.

1/18/2012, 22:50 GMT: Added info to the Known Issues section. Thanks to Alan Bleiweiss, a search marketing professional, author, blogger, industry speaker, sustainable SEO best practices advocate and forensic SEO site auditor, for bringing this to my attention.

{ comment Leave a comment }

Stefano Gorgoni January 18, 2012 at 3:50 am

great tool! thank you :)

only check this screenshot (my SERP for the kw “SEO”): http://i975.photobucket.com/albums/ae234/mustpb/web misc/google-serp-max-size.png

the “min chars 100″ in the left bottom corner is nowhere in the 10 results, as the min chars i can see in the top 10 is 110.

p.s. the anchor @#result_ is missing on that “100″ link. there’s just a “#”.
p.p.s. my serp contains only 10 results, i didn’t change it to 100. can it be this the reason of the discrepancy?

i guess Google Search Plus Your World complicates things :) still thanks, lovely tool :)

SEO mofo January 18, 2012 at 3:20 pm

Thanks for the heads up. It should be fixed now. Please try it again.

Fabian Salomon January 18, 2012 at 4:42 am

Bug #1: document.head does not work in all browsers (for example firefox 3.6). use document.getElementsByTagName(‘head’)[0] instead.

Fabian Salomon January 18, 2012 at 5:18 am

hmm. about that ellipsis thing: maybe you can try
var c = document.createElement(‘canvas’);
var ctx = c.getContext(“2d”);
ctx.font = “12pt arial”;
var len = ctx.measureText(linkText).width;
to reproduce what they are probably doing on the server side and why it fails in these cases..

SEO mofo January 18, 2012 at 3:41 pm

Thanks for the feedback. I updated the bookmarklet links and I’ll look into your ellipsis fix as soon as I get a chance. Let me know if you’d like your attribution (see update above) to include a link.

Alan Bleiweiss January 18, 2012 at 4:02 pm

Sweet bookmarklets Darren! These will come in handy for sure. Bug report: when I click on an arrow to jump to an entry, it just takes me back to Google’s home page. Firefox 7.0.1

SEO mofo January 18, 2012 at 4:44 pm

Hey Alan,

I was having this same problem and I realized that it’s related to whether or not you have Google Instant enabled in your search settings.

When it’s disabled, my search results appear at http://www.google.com/search, but if it’s enabled, my search results appear at http://www.google.com/webhp.

For some reason, adding the #result_X to the webhp URL causes the behavior you described, and I’m guessing the only way to fix it is to prevent the Google Instant script from running.

I might investigate this more in the future, but for now I’m just going to add it to the list of known issues.

Thanks for the heads-up though. I had totally forgotten about that.

Leave a Comment