Multi-screen guidelines

Mobile search engine optimization tips

Make sure you aren't blocking resources like JavaScript and CSS for search engines, regardless of which multi-screen configuration you're using. For a how-to on the technical implementation, visit our Webmasters page for Building Smartphone-Optimized Websites.

Checklist for mobile website improvement

Once you've launched your multi-screen site, use this checklist for mobile website improvement to help improve your site. Topics include relevant case studies, or explanatory videos on Google Analytics and Search Console.

SEO tips for responsive design
Responsive web design’s setup means 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 different media queries. Google’s algorithms should automatically detect this setup if all Googlebot user agents are allowed to crawl the page assets (CSS, JavaScript, and images).
SEO tips for dynamic serving
For Googlebot, it's not immediately apparent in a dynamic serving setup that the site alters the HTML for mobile user agents (the mobile content is "hidden"). Google recommend that the server send a hint to request that Googlebot for smartphones should crawl the page, too, and thus discover the mobile content. This hint is implemented using the Vary HTTP header.
SEO tips for a separate mobile site
To help search engines understand the relationship between equivalent desktop and mobile pages, and that each desktop URL has an equivalent different URL serving mobile-optimized content, bidirectional annotations indicate that search engines should treat separate URLs as a single entity. Google does not favor any particular URL format as long as they are all accessible for all Googlebots.
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?