Google移動設備優化工具

隨著移動網站的流量日益增大，擁有適合移動設備的網站是提升網站影響力的重要因素，谷歌等搜索引擎也大力加強移動端的搜索體驗，不過，很多桌面版網站在移動設備上可能不太容易瀏覽及使用。因此，擁有適合移動設備的網站是提升在線影響力的重要因素。為了方便網站站長對于原有桌面網站在移動設備上的優化，谷歌推出了“移動設備易用性”工具來幫助站長優化網站。

一、工具使用方法

注意，這個好用的工具用的是Google域名，需要**才能訪問，如果你不會**，那么請忽略并跳過此文。

整個網站測試：

訪問Google Webmaster，在該工具里添加網站，即可對整個網站的所有頁面進行移動設備易用性測試。

單個網頁測試：

移動設備適合性測試工具：https://search.google.com/test/mobile-friendly

打開這個網址后，將需要測試的網頁的完整網址輸入，點擊運行測試，系統就會抓取網頁并進行測試追蹤，通常測試過程不會超過一分鐘。

測試結果包括以下兩個部分：相應網頁在移動設備上所呈現的樣貌的屏幕截圖，以及該工具發現的所有移動設備可用性問題的列表。與在移動設備上的易用性有關的問題是指會對使用移動(小屏幕)設備訪問相應網頁的用戶造成影響的問題，包括字體過小(在小屏幕上很難看清楚)和使用 Flash(大多數移動設備都不支持 Flash)等等。

有時候，測試結果展示的屏幕截圖并不正常，可能是測試無法加載相應網頁所用的所有資源，會顯示“網頁包含無法加載的資源”的警告消息，這些資源是指網頁包含的外部元素，如圖片、CSS 或腳本文件。導致出現該問題的最主要原因可能是網站站長設置robots.txt禁止搜索引擎訪問相應資源，只需修改robots.txt，取消禁止搜索引擎訪問此資源即可。

二、工具優化指南

移動設備適合性測試工具能檢測出下列可用性錯誤，我們可以針對對應錯誤進行一一修改，具體的優化修改方法如下：

1、使用了不兼容的插件

頁面使用了Flash等插件，將Flash刪除，或者使用HTML5來替代即可。

2、未設置視口

網頁未定義viewport屬性，只需要在網頁頭部增加如下一行即可。

<metaname="viewport"content="width=device-width,initial-scale=1"/>

3、文字太小，無法閱讀

網頁字體過小而，移動設備用戶需要“張合雙指進行縮放”，然后才能閱讀這些網頁上的內容。這實際上和上一個是同一個問題，網頁只要定義了viewport屬性，這個問題即可解決。

4、內容寬度超過了屏幕顯示范圍

網頁需要橫向滾動屏幕才能查看其中的文字和圖片，這說明頁面中某些元素的CSS樣式使用了寬度的絕對值，例如圖片、表格使用的980px寬度等，這種問題的修改方法是，在css中使用響應式設計方法，當瀏覽器寬度介于 0 像素和 640 像素之間時，使用適合移動設備的css，將寬度設置為相對值，或者將部分元素隱藏。示例代碼如下：

@mediascreenand(max-width:640px){#pMain{width:100%;}#pSidebar{display:none;}}

5、可點擊元素之間的距離太近

網頁上的元素(如按鈕和導航鏈接)間距過小，導致移動設備用戶在用手指點按所需元素時通常會按到相鄰的元素。這個問題也可以使用響應式設計方法，在移動設備上增加行高即可，示例代碼如下：

@mediascreenand(max-width:640px){p{line-height:150%;}}

總結

解決了這些問題之后，點擊“驗證修復”，即可讓搜索引擎重新驗證網站頁面，對影響網站的移動設備易用性問題加以修復。

如果長期不修復這些問題，網站的移動版網頁就無法提供令人滿意的瀏覽體驗，那么網站頁面就會在移動搜索結果中的排名下降，導致流量的損失，因此，網站的站長趕快行動起來，立刻使用“谷歌移動設備易用性”工具來優化移動網站吧。