Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

Does Googlebot-Mobile have a viewport resolution it sends across? If so, what is it?

It's a general question with broad relevance, but I am asking with reference to responsive design: particularly when serving different image resolution to different viewports via JavaScript.

While Googlebot has its issues with JavaScript, it will become better with time. Thus, it would be good to know which version of the same image would be crawled (since most responsive image JS solutions base their logic on resolution).

Feature phones Googlebot-Mobile:

SAMSUNG-SGH-E250/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)

DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)

Smartphone Googlebot-Mobile:

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
share|improve this question

2 Answers 2

up vote 3 down vote accepted

The current GoogleBot Smartphone agent, as tested with the 'Fetch as Google' Tool is essentially a fake iPhone using a headless Webkit Safari 6.0 Engine, running on a Linux x86_64 desktop machine.

The default non-responsive viewport width is that of an iPhone at 980px.

With a viewport <meta name="viewport" content="width=device-width, initial-scale=1"> applied, it has a Screen Size and CSS Pixel Display Resolution of an iPhone 5s at 320x568 pixels with a 2x Device Pixel Resolution emulation.

NB: The Engine does not support Touch nor window.orientation like an emulator would.

share|improve this answer

Google's bots do not view a page in any resolution due to the fact they do not render the page as you would expect from a browser, therefor resolution is irevelant but you should aim for standard media queries that support a range of devices. Google's mobile bot will view the media queries you have in the CSS file and estiblish from the Max-width resolution what devices your site works.

So the only thing you need to know is how the media queries work, if your have a min-width:300px and a max-width:600px as your media query Google will be able to tell that you support iphones, blackberry and smartphones.

SOURCE

The max-width value of 640px shown above is an example, not a requirement. Our algorithms look for max-width values that can be reasonably expected to refer to smartphone screen resolutions, and we will try to monitor what typical mobile websites use and may update our algorithms accordingly in the future.

JavaScript

Ideally your pages should render completely without the use of JavaScript using no-js, Google is pretty limited in what it understands, Google can use CSS to understand media queries display:none on desktop and mobile but as far as detecting your JavaScript its impossible to say. Personally as I said I'd ensure that the page renders without JS and then just serve the same version for both mobile and desktop when JS is disabled.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.