An Update On Pixel Width In Google SERP Snippets
Dan Sharp
Posted 15 May, 2014 by Dan Sharp in Screaming Frog SEO Spider
An Update On Pixel Width In Google SERP Snippets
Some of you may have read our previous post about the changes in Google’s display of search results and our own analysis of how Google truncates SERP snippets based on characters’ pixel width. In our post we explained –
Google now use 18px Arial for the title element, previously it was 16px. However interestingly, Google are still internally truncating based on 16px, but the CSS will kick in way before their ellipsis is shown due to the larger font size. The upshot of this change is that text is no longer truncated at word boundaries (before or after a word). Google may resolve this so that titles are chopped off at word boundaries as before, rather than in the middle of a word.
So as predicted, a few weeks ago Google made an update to truncate at word boundaries again and hence we have updated the SERP Snippet tool in our SEO Spider. With the new release, we wanted to share some of the new findings from our research into reverse engineering their logic.
You can see Google’s older truncation mid word from our previous blog post –
This is how this snippet now appears, with Google’s updated truncation at word boundaries –
While a fairly large majority of results are word truncated, we are still seeing some mid-word CSS truncation at play as well. It’s also worth noting that Google’s logic is now much more complex than this previous simple solution.
Pixel Truncation Points
The most significant change is that as expected, Google have modified their truncation point for page titles. The titles from the site HTML are processed by Google and returned in the SERP HTML truncated to word boundaries. When they had recently upped the title font size, they hadn’t adjusted the cut-off point at which they truncate and hence the browser CSS would prematurely truncate; potentially mid-word for long titles. We assume Google tested this (or just ‘fixed it’) and have now modified this truncation point.
We now have the option for simulating desktop, mobile and tablet browsers for the SERP view. In our experiments, the SERP output for the iPhone and Android mobile is identical, as is the SERP output for iPad and Android tablet. Hence, we have 3 device categories; desktop, tablet and mobile. Mobile and tablet cover both iOS and Android.
In our testing, we came to the following truncation pixel boundaries:
Desktop:
Title: 482px
Description: 928px
Mobile:
Title: 550px
Description: 757px
Tablet:
Title: 550px
Description: 1035px
Any words that go past this pixel boundary will be truncated in our SEO Spider tool. The above pixel boundaries are for Windows and Linux. Due to some small pixel differences with Mac font rendering, it is a few pixel different to the above. The description cut off point may be slightly different to what it was for the last release by a few pixels. This isn’t because Google have updated it, but because we added more test cases which allowed us to narrow down and refine the value slightly.
For the Mac:
Title: 487px
Description: 928px
Mobile:
Title: 552px
Description: 763px
Tablet:
Title: 552px
Description: 1040px
Please note – You may occasionally see our SERP snippet emulator be a word out in either direction compared to what you see in the Google SERP. There will always be some pixel differences, which mean that the pixel boundary might not be in the exact same spot that Google calculate 100% of the time. If you view Google snippets on two separate operating systems in your browser, you will see differences as well.
We are also seeing Google play to slightly different rules at times, where some snippets have a longer pixel cut off point. We will be researching this further, but our above calculations seem to be around the earliest they kick-in.
Keyword Bolding
Keyword bolding still has an impact on the pixel width and hence display in the SERPs, but we are seeing far less impact now due to the above changes. Previously, with the browser CSS doing the cut off, the bolding of text would affect the cut off point much more.
You can now bold keywords in our SERP snippet tool, but they don’t currently adjust truncation in our emulator. We might change this as we continue to experiment and research the SERPs further.
Description Prefix
We have included the ability to add a description prefix in the SERP snippet tool, such as a date, or product numbers etc. The description prefix is included when Google calculate the truncation point.
Escaped HTML
Another item of interest is that Google unescape any escaped HTML before performing their pixel width calculation on the text. I.e. take the text “text & amp; text”, Google will unescape this to get “text & text” and then they perform their pixel width calculation to determine if they need to truncate.
We believe they may do this only with the most commonly escaped items such as & ” etc. as we have seen a couple of examples where less common HTML escape sequences seemed to suggest that Google were not unescaping these and they were taking the whole (unescaped) escape sequence into account when calculating the pixel width. This is something we will be testing further as well.
Conclusion, Caveats & Feedback
As mentioned previously, our findings and SERP snippet tool are not an exact measure or reflection of your search engine result page snippets. They are a good estimate, based upon reverse engineering the logic we see in the search results, which has evolved significantly. These tests were all in English language across Google.co.uk and Google.com and hence you may find differences elsewhere.
As always, we welcome your feedback and would love to hear about your own findings, experiments and research to help improve this emulation further. All comments are appreciated and thanks for the support as always.
Update On Pixel Width
Please note, since this blog post, Google have made further updates on pixel width and we recommend reading our SERP Snippet section in our user guide for the latest information.
What was your sample size, which industry and which google market?
Yannis
Hi Yannis,
Thousands (but we are extending this further…), industries were purposefully broad and markets where only UK/US English language only.
Thanks,
Dan
hi, Hi Guys: I have noticed tha Google also truncated form the middle of a Title Tag versus the end. Have you seen this?
Thank you for this update
Very very important information .
Thanks for sharing
Nice post…However, i just want to ask one question, Google’s pixel width structure will affect to search queries or not, i mean what if i have keyword at the last ????
Hi,
since Oct. 21 approximately, Google does not show anymore keywords in bold in search results page titles. This means less cluttered results and a little more space for title tags in SEO. What’s your opinion?
Hi Raymond,
We are seeing the same here too for SERP snippet titles, while descriptions and URLs can still be bolded.
It means you can rely more on your title showing in full at the outset based on pixel width, rather than having to worry about what keywords might bold for queries and truncate etc.
So slightly easier to control, but it will probably all change again…!
Cheers.
Dan
I thought I would do some investigating to ensure that meta descriptions that have been given the green light in the SERP Snippet tab in Screaming Frog are being displayed fully.
I found one meta description that was 158 characters in length and 928 pixels in width but low and behold was being truncated in the Google SERP.
The culprit? The page had been dated and ’28 sep 2011′ on the same level as the first line of the meta description was pushing it over the character and pixel width limit resulting in truncation.
Have you come across this as well?
Hi James,
Absolutely – Dates are counted in their calculations, so they will reduce the amount of width you have to play with for description text.
We have a ‘description prefix’ box in the SERP Snippet emulator, where you can choose ‘Date’ from the dropdown and adjust it to account for this which should help.
Cheers.
Dan
Hi Guys: I have noticed tha Google also truncated form the middle of a Title Tag versus the end. Have you seen this?
Hey Les,
Yeah we have seen that too! That kind of behaviour is almost impossible to build into our emulator I am afraid. But we know Google will essentially do as they please with their SERP snippets ;-)
Cheers.
Dan
@Dan: No kidding. Great tool nevertheless!
Mobile & Tablet have a wider pixel width for the Title Tag? Is this because of the way AdWords content is rendered?
I don’t understand why the bigger width on mobile. Let’s say Google rule is for example show a title with 512px. So… isin’t 512px… 512px independently of the device? So the title shown should be just the same across devices right? The only difference should be on the size itself of the title depending on the device supported resolution.
Hi Pedro,
If you view the Google search results via a mobile user-agent in your desktop browser (or on your phone), you’ll notice they appear differently.
So they do have different cut off points :-)
Cheers.
Dan
Is there an update on this, or is it still the same in 2016?
Hey James,
Google are testing a new 600px width SERP as discussed here – http://www.thesempost.com/google-increases-width-main-search-results-column/
And here’s some rough character limits for now – http://www.thesempost.com/new-title-description-lengths-for-google-seo/
We are analysing this update and will be updating our SERP snippet emulator and will write a post with more details as well.
Cheers
Dan
Hey, would like to read any update about your title+desc. tests!
FYI as of December 2017 Google are testing a new meta description length. I’ve seen some SERPs display ~300 characters on desktop.
Hi and thanks for this article! I have seen some snippet with different font like the title in arial and the website name in verdana. Do you know how to do this?
Thank you