Promoting modern websites for modern devices in Google search results
Stay organized with collectionsSave and categorize content based on your preferences.
Tuesday, July 15, 2014
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 in our English search results in the US, 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:
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 recentlyannouncedtwo resources:
Web Starter Kit:
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 aresponsive web design, which has long beenGoogle's recommendationfor 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 theFetch and render as Googlefeature in Webmaster Tools to test how our indexing algorithms see your site.
As always, if you need more help you can ask a question inour webmaster forum.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[[["\u003cp\u003eGoogle Search will now indicate to US English users when websites may not be compatible with their device due to technology requirements.\u003c/p\u003e\n"],["\u003cp\u003eWebsites are encouraged to adopt HTML5 for universal device compatibility.\u003c/p\u003e\n"],["\u003cp\u003eGoogle provides Web Fundamentals and Web Starter Kit as resources for building modern, multi-device websites.\u003c/p\u003e\n"],["\u003cp\u003eResponsive web design is recommended, ensuring Googlebot access to all page assets for proper indexing.\u003c/p\u003e\n"]]],["The content announces a new feature in US English search results that indicates when web pages might not work on a user's device, citing Adobe Flash's incompatibility with certain devices as an example. To address this, the article promotes building modern, multi-device websites using HTML5 and resources like \"Web Fundamentals\" and \"Web Starter Kit\". Webmasters are urged to use responsive web design, allow full crawling of page assets by Googlebot, and test their site's indexing with \"Fetch and render as Google.\"\n"],null,["# Promoting modern websites for modern devices in Google search results\n\nTuesday, July 15, 2014\n| It's been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). This search label has been deprecated.\n\n\nA common annoyance for web users is when websites require browser technologies that are not\nsupported by their device. When users access such pages, they may see nothing but a blank space or\nmiss out a large portion of the page's contents.\n\n\nStarting today in our English search results in the US, we will indicate to searchers when our\nalgorithms detect pages that may not work on their devices. For example, Adobe Flash is not\nsupported on iOS devices or on Android versions 4.1 and higher, and a page whose contents are\nmostly Flash may be noted like this:\n\nDeveloping modern multi-device websites\n---------------------------------------\n\n\nFortunately, making websites that work on all modern devices is not that hard: websites can use\nHTML5 since it is universally supported, sometimes exclusively, by all devices. To help webmasters\nbuild websites that work on all types of devices regardless of the type of content they wish to\nserve, we recently\n[announced](https://googledevelopers.blogspot.com/2014/06/web-fundamentals-and-web-starter-kit.html)\ntwo resources:\n\n- [Web Fundamentals](/web/fundamentals): a curated source for modern best practices.\n- [Web Starter Kit](https://github.com/google/web-starter-kit/): a starter framework supporting the Web Fundamentals best practices out of the box.\n\n\nBy following the best practices described in Web Fundamentals you can build a\n[responsive web design](/web/fundamentals/layouts), which has long been\n[Google's recommendation](/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing)\nfor search-friendly sites. Be sure not to block crawling of any Googlebot of the page assets\n(CSS, JavaScript, and images) using robots.txt or otherwise. Being able to access these external\nfiles fully helps our algorithms detect your site's responsive web design configuration and treat\nit appropriately. You can use the\n[Fetch and render as Google](https://support.google.com/webmasters/answer/158587)\nfeature in Webmaster Tools to test how our indexing algorithms see your site.\n\n\nAs always, if you need more help you can ask a question in\n[our webmaster forum](https://support.google.com/webmasters/threads?hl=en&thread_filter=(category:crawling_indexing_ranking)).\n\n\nPosted by Keita Oda, Software Engineer, and\n[Pierre Far](/search/blog/authors/pierre-far),\nWebmaster Trends Analyst"]]
