Multi-screen guidelines

Mobile search engine optimisation tips

Make sure that 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-Optimised Websites.

Checklist for mobile website improvement

Once you've launched your multi-screen website, 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 set-up 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 set-up 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 set-up 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 website
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-optimised content, bidirectional annotations indicate that search engines should treat separate URLs as a single entity. Google does not favour any particular URL format as long as they are all accessible to all Googlebots.
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?