...from: http://googlewebmastercentral.blogspot.ca/2014/07/promoting-modern-websites-...

Promoting modern websites for modern devices in Google search resultshttp://googlewebmastercentral.blogspot.ca/2014/07/promoting-modern-websites-for-modern.html Posted: Monday, July 14, 2014 Tweethttps://twitter.com/share

Webmaster level: all

A common annoyance for web users is when websites require browser technologies that are not supported by their device. When users access such pages, they may see nothing but a blank space or miss out a large portion of the page's contents.

Starting today, we will indicate to searchers when our algorithms detect pages that may not work on their devices. For example, Adobe Flash is not supported on iOS devices or on Android versions 4.1 and higher, and a page whose contents are mostly Flash may be noted like this:

[cid:1611829B-5A94-4760-9F2B-F4F98E240FE7]

Developing modern multi-device websites

Fortunately, making websites that work on all modern devices is not that hard: websites can use HTML5 since it is universally supported, sometimes exclusively, by all devices. To help webmasters build websites that work on all types of devices regardless of the type of content they wish to serve, we recently announcedhttp://googledevelopers.blogspot.com/2014/06/web-fundamentals-and-web-starter-kit.html two resources:

* Web Fundamentalshttps://developers.google.com/web/fundamentals/?utm_source=wmc&utm_medium=blog&utm_campaign=wfwmc-modern: a curated source for modern best practices. * Web Starter Kithttps://developers.google.com/web/starter-kit/?utm_source=wmc&utm_medium=blog&utm_campaign=wfwmc-modern: a starter framework supporting the Web Fundamentals best practices out of the box.

By following the best practices described in Web Fundamentals you can build a responsive web designhttps://developers.google.com/web/fundamentals/layouts/?utm_source=wta&utm_medium=blog&utm_campaign=wfwmc-modern, which has long been Google's recommendationhttps://developers.google.com/webmasters/smartphone-sites/ for search-friendly sites. Be sure not to block crawling of any Googlebot of the page assets (CSS, JavaScript, and images) using robots.txt or otherwise. Being able to access these external files fully helps our algorithms detect your site's responsive web design configuration and treat it appropriately. You can use the Fetch and render as Googlehttps://support.google.com/webmasters/answer/158587?hl=en feature in Webmaster Tools to test how our indexing algorithms see your site.

As always, if you need more help you can ask a question in our webmaster forumhttps://productforums.google.com/forum/#!categories/webmasters/mobile.

Posted by Keita Oda, Software Engineer, and Pierre Farhttps://plus.google.com/+PierreFar/posts, Webmaster Trends Analyst