Clear search
Close search
Google apps
Main menu

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 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.


If you're looking for a way to make multi-screen friendly sites using a content management system (CMS), check out the Customize 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 April 21, 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?
Sign in to AdSense

Sign in to AdSense to see help for your account Don't have an AdSense account? Sign Up for AdSense!