在 Google 搜尋結果中宣傳適合新型裝置的新型網站
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
2014年11月21日星期五
使用者在瀏覽網站時常會遇到一個問題,就是裝置不支援網站所需的瀏覽器技術。當他們存取這類網頁時,可能只會看到一片空白,或是看不到網頁上的許多內容。
從現在起,我們的演算法將在偵測到裝置無法執行的網頁時,為搜尋者指出這類網頁。舉例來說,Adobe Flash 不適用於 iOS 裝置或 Android 4.1 以上版本的裝置,因此系統對於內容以 Flash 為主體的網頁,會顯示類似下圖的附註:
開發支援多種裝置的新型網站
幸好,要架設適合在所有新型裝置上執行的網站並非難事,只要網站採用 HTML5 技術即可,因為所有裝置都支援 HTML5,有些裝置甚至只能瀏覽採用 HTML5 的網頁。為了協助網站管理員建立適用於各類型裝置的網站,而不受所提供的內容類型限制,我們最近
公佈
了兩種資源:
只要按照 Web Fundamentals 的最佳做法,即可打造出採用
回應式網頁設計
的網站。這是一直以來
Google 推薦
使用的設計,非常利於搜尋網頁。請勿使用 robots.txt 或以其他方式阻止任何 Googlebot 檢索網頁資產 (CSS、JavaScript 和圖片)。如能完全存取這些外部檔案,將有助我們的演算法偵測您網站的回應式網頁設計配置,並進行適當處理。您可以使用網站管理員工具中的
Google 模擬器
功能來轉譯網頁,測試我們的索引演算法會如何檢視您的網站。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2014-11-01 (世界標準時間)。
[null,null,["上次更新時間:2014-11-01 (世界標準時間)。"],[[["\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"]]