- WiderFunnel Marketing Conversion Optimization - http://www.widerfunnel.com -
Google Weighs in on Responsive Website Design
Posted By Chris Goward On July 10, 2012 @ 1:38 pm In Mobile,Responsive Website Design,website design | 10 Comments
Recently we’ve noticed that Google has switched to a partial responsive web design for their maps on Google Search Engine Results Pages (SERPs). They’re also now recommending that mobile sites be built using responsive design.
Responsive web design has been gaining traction in recent months within the web design community. It’s a relatively new way of designing sites to detect a visitor’s browser size and customize the page display to match. You’ll know you’re on a responsive design site when the images change size and the page layout shifts as you resize your browser.
Google hasn’t gone into a fully responsive design for their search results pages, but they’re moving in that direction.
Take a look at the following screenshots of the Google SERP taken with different browser widths. Notice how the map in the right column changes in size at different browser sizes.
Here’s a 1090 pixel browser view (notice the narrower map):
And here’s the smallest map for any browser below 1000 pixels wide:
Different map sizes are pulled in depending on the size of the browser. This isn’t just a re-scaled version of the same map. It refreshes with a different size as the browser size changes. That’s at least a partial move toward responsive web design for the SERP.
Recently Google also went on record promoting responsive web design  as their preferred method for mobile sites.
Google isn’t using a fully responsive site design for their SERPs yet, but I anticipate this is where they’ll head if they take their own medicine.
As WiderFunnel goes into our own cycle of refreshing our site for mobile, we’ll take Google’s opinion into account, and you probably should too.
Article printed from WiderFunnel Marketing Conversion Optimization: http://www.widerfunnel.com
URL to article: http://www.widerfunnel.com/website-design/google-weighs-in-on-responsive-website-design
URLs in this post:
 Image: http://www.widerfunnel.com/wp-content/uploads/2012/07/smashingmag.jpg
 Image: http://www.widerfunnel.com/wp-content/uploads/2012/07/google_SERP.jpg
 promoting responsive web design: http://googlewebmastercentral.blogspot.ca/2012/06/recommendations-for-building-smartphone.html
Copyright © 2009 WiderFunnel Marketing Conversion Optimization. All rights reserved.