手機網站建設即将變得非常強大。現在它做到了，隻比我們所期待的晚了一兩年的時間。現在智能(néng)機無處不在，app開發人員開發了數百萬計的應用(yòng)，每天都有(yǒu)更多(duō)的人使用(yòng)移動浏覽器在網上沖浪。重慶網站建專注網站建設，網頁(yè)設計等建站服務(wù)。

最近，谷歌在Google AdSense十周年講座上發布了《移動建站十大原則》，由于是PPT形式，所以小(xiǎo)生把它整理(lǐ)成文(wén)字版的移動網站建站原則(也可(kě)以看做是谷歌手機站優化指南)，供廣大站長(cháng)參考。

有(yǒu)興趣的站長(cháng)也可(kě)以對比下百度發布的手機站優化指南，看一看立足于中(zhōng)文(wén)本地搜索引擎的百度與有(yǒu)國(guó)際視野的谷歌在移動網站優化上有(yǒu)哪些共同點和區(qū)别，在此僅總結谷歌發布的移動網站建站原則，當然這份移動建站原則也是偏向于中(zhōng)文(wén)站長(cháng)的。

1、簡單快捷

所謂簡單快捷，就是要在手機有(yǒu)限的屏幕上以最簡單最實用(yòng)最快捷的形式展示給用(yòng)戶最需要的東西，讓用(yòng)戶方便。谷歌的建議是：

優先提供用(yòng)戶最需要的内容和功能(néng)

減法，減法，減法(解釋一下，這一點其實就是在強調手機網站要去掉一切可(kě)以去掉的内容、功能(néng)、闆塊、按鈕等，隻留下最精(jīng)華的部分(fēn)，記住是最精(jīng)華的部分(fēn)。谷歌舉例了淘寶的移動網站)

精(jīng)簡文(wén)字

壓縮圖片以提升網站加載速度

2、簡化導航

明确的目錄結構，避免用(yòng)戶橫向滾動頁(yè)面

提供醒目的“後退”和“首頁(yè)”按鈕

對于導航的目錄結構，谷歌列出了四種常見的手機網站的導航形式，分(fēn)别是：

橫條式(谷歌指出，根據手機屏幕尺寸以及統計數據顯示，橫條最好不要超過7個)

大按鈕式(這種形式是手機站最常見且應用(yòng)最多(duō)的導航形式)

列表式

選項式

3、拇指操作(zuò)

較大的按鈕，降低操作(zuò)難度

适當的空間，避免意外點擊(與加寬間距目的一樣，都是為(wèi)了擴大點擊範圍，防止用(yòng)戶因為(wèi)按鈕較小(xiǎo)而誤點其它選項或内容而造成的不便。也就是在有(yǒu)限的手機屏幕上再适當給按鈕做些留白)

間距加寬，擴大點擊範圍

使用(yòng)顔色和陰影凸顯按鈕

這一點不僅僅是針對搜索引擎的優化設計，更是手機站針對用(yòng)戶體(tǐ)驗的人性化設計，在這一點上，谷歌考慮的更周全些。

4、一目了然

确保内容與屏幕大小(xiǎo)一緻

背景和文(wén)字顔色的鮮明反差

使用(yòng)留白空間

整齊的排版

舒服的字型大小(xiǎo)

這一點同樣是考慮用(yòng)戶體(tǐ)驗的問題，如果是第三點是考慮用(yòng)戶手感或者說觸感的話，第四點就是考慮用(yòng)戶的觀感。

5、廣泛适應

網站能(néng)在不同的移動設備上運行

移除flash，使用(yòng)HTML5來實現互動内容和動畫

根據屏幕方向調整顯示

很(hěn)多(duō)站長(cháng)可(kě)能(néng)不太懂HTML5相關技(jì )術以及自适應網頁(yè)技(jì )術，沒關系，百度的手機站優化指南有(yǒu)相關知識，還是不明白的話，百度一下，你就知道。

簡化注冊登錄流程

減少使用(yòng)者輸入：使用(yòng)表單、菜單、選擇框

着重提供有(yǒu)助于轉化/注冊的信息

還是盡可(kě)能(néng)的給用(yòng)戶提供方便，減少給用(yòng)戶帶來的麻煩，節約用(yòng)戶的時間和浏覽成本，要知道，時間就是金錢。

7、立足本地

與用(yòng)戶位置相結合的個人化信息

地圖、路線(xiàn)、電(diàn)話、本地信息等

在所有(yǒu)提供内容當中(zhōng)，除非用(yòng)戶是找尋通用(yòng)信息，所以本地化信息是最對用(yòng)戶有(yǒu)幫助的。

8、流暢體(tǐ)驗

允許用(yòng)戶保存搜索、書簽、購(gòu)買等信息

盡可(kě)能(néng)在所有(yǒu)平台提供相同信息和功能(néng)(即無論是PC端、平闆端還是手機端都保持網站信息的一緻性)

9、重新(xīn)定向

自動判斷移動設備，重新(xīn)定向相應适合的網站内容(自适應網頁(yè)技(jì )術，根據不同的移動設備和屏幕尺寸，來顯示相應的網站内容)

讓用(yòng)戶可(kě)以切換電(diàn)腦版與移動版網站

讓用(yòng)戶選擇下次訪問的版本

10、持續改進

使用(yòng)分(fēn)析工(gōng)具(jù)，了解用(yòng)戶如何使用(yòng)網站

收集用(yòng)戶意見并反複測試，追蹤表現

移動網站不是移動應用(yòng)，所以可(kě)以持續的改進并調整。