Multi-screen guidelines

The most common approaches for multi-screen websites

There are three ways to make your site multi-screen friendly:

  • Responsive web design: A clever design technique that uses a single HTML code base for all platforms.
  • Dynamic serving: In this method, the web server detects the type of device that a visitor is using, then presents a custom page designed for that device.
  • Separate mobile site: A third option is to simply create a mobile site that’s separate from your original desktop site.
Building Websites for the Multi-Screen Consumer white paper

Building Websites for the Multi-Screen Consumer

You’ll need to choose the most appropriate approach for you while considering the cost, time to build, human resources and available infrastructure. This Building Multi-Screen Websites white paper looks at the common approaches to multi-screen sites, with tips on how to create a great user experience while avoiding some of the more common mistakes.

Download

If you're looking for a way to make multi-screen friendly sites using a content management system (CMS), take a look at the Customise Your Website Software section in the Google Developer's Mobile Guide. The Mobile Guide also has a quick start section to help you decide on your multi-screen strategy.

Next step: Follow the lessons in Web Fundamentals to get started.

Starting 21 April 2015, your site's mobile friendliness will be considered as a Google Search ranking signal. Learn how to get your site ready for this change.
Was this article helpful?
How can we improve it?