June 22nd, 2012

short url: http://beeseen.com/s/1j

Google Providing Recommendations for Building Smartphone-Optimized Websites

With more and more people browsing the web with their smartphones, Google has been making a push into optimizing their search for the web. To do so, they’ve come up with a guide for optimizing your websites for smartphones.

According to Google, when building a website that targets smartphones, there are three different configurations that are supported by them:

  1. Responsive Web Design.
    All content remains the same between devices, including the URL, except that it is rendered differently based on a swap in the CSS.
  2. Device-Specific HTML
    All content and CSS are served up differently based on the device.
  3. Separate Sites
    Depending on the device, an entirely different site is served up (URL and content).

Responsive Web Design

This is Google’s recommended configuration. The advantages are:

  • It keeps 1 version of the content, so it’s easier for your users to share, as well as easier for the content creator to maintain.
  • Google can more efficiently index the content, since it doesn’t require an additional user agent to do retrieve the content.

Device-Specific HTML

This can actually refer to just serving up different content or serving up a different site entirely (e.g. www.example.com vs. m.example.com). When using this method, it’s best to make sure to use the proper http header to communicate the switch. More details at the source.

Source: http://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html

Leave a Reply

css.php