JASE Mobile Website DesignPortions of this series of articles on mobile website development may get a bit technical. If you start to glaze over while reading the rhetoric, just know that we have your back. Our team is all over what it takes to make you successful in the world of serving smartphone and tablet users.

Details of Google’s Smartphone-Optimized Recommendations:

  • Responsive web design is a hip, new term on the Internet. Essentially, responsive web development is a technique for making one set of HTML code service multiple devices within the same URL. Only the behind-the-scenes CSS code will change.
  • Websites that redirect users of different devices to a separate set of HTML & CSS code but within the same URL is a recognized method.
  • Websites that have separate URLs for different devices is another recognized method.

Responsive Web DesignResponsive web design is a setup where the server always sends the same HTML code to all devices and CSS is used to alter the rendering of the page on the device using media queries. Our algorithms should automatically detect this setup if all Googlebot user agents (both Googlebot and Googlebot-Mobile) are allowed to crawl the page assets (CSS, javascript, and images).

Dynamically Serving Different HTML on the Same URLDynamic serving is a setup where the server responds with different HTML (and CSS) on the same URL depending on the user agent requesting the page. As it is not immediately apparent in this setup that the site alters the HTML for mobile user agents (the mobile content is “hidden”), we recommend that the server send a hint to request that Googlebot-Mobile should crawl the page, too, and thus discover the mobile content. This hint is implemented using the Vary HTTP header.

Separate Mobile URLsIn this configuration, each desktop URL has an equivalent different URL serving mobile-optimized content. A common setup would be pages on www.jasegroup.com serving desktop users having corresponding m.jasegroup.com pages serving mobile users. Google does not favor any particular URL format as long as they are all accessible to both Googlebot and Googlebot-Mobile.

More information on Google’s recommendations for mobile website design can be found on the Google Developers’ website. Or if that’s not your thing, give us a call. Our creative and development teams are ready to help you serve your mobile consumers’ needs.

Comments are closed.