發布日(rì)期:2013-08-20
有(yǒu)興趣的(de)站(zhàn)長(cháΩ'ng)也(yě)可(kě)以對(duì)比下(xià)百度發布的(de)手機(©jī)站(zhàn)優化(huà)指南(nán),看(kàn)一(yī)看(kàn)立'₹•←足于中文(wén)本地(dì)搜索引擎的(de)百度與 ₩↔×有(yǒu)國(guó)際視(shì)野的(de)谷歌(gē)在移動網站(zhàn)優化(huà)♣• 上(shàng)有(yǒu)哪些(xiē)共同點和(hé)區(qū)别,在此僅總結谷歌(×₹gē)發布的(de)移動網站(zhàn)建站(zhàn)原則,當然這(♣λ✘↓zhè)份移動建站(zhàn)原則也(yě)是(shì)偏向于中文(wén)站(z &hàn)長(cháng)的(de)。
1、簡單快(kuài)捷
所謂簡單快(kuài)捷,就(jiù)是(shì)要(yào)在手♣£機(jī)有(yǒu)限的(de)屏幕上×✔(shàng)以最簡單最實用(yòng)最快(kuài)捷的(de)形式展示給用( €α×yòng)戶最需要(yào)的(de)東(dōng)西(xī),讓用(yòng)戶↕✘方便。谷歌(gē)的(de)建議(yì)是(shì):
· 優先提供用(yòng)戶最需要(yào)的(de)內(nèi)容★§和(hé)功能(néng)
· 減法,減法,減法(解釋一(yī)下(xià♣≥),這(zhè)一(yī)點其實就(jiù)是(shì)在強調手機(jī₩¶)網站(zhàn)要(yào)去(qù)掉一(yī)切可(kě)以去(qù)掉的(≤♦πde)內(nèi)容、功能(néng)、闆塊、按鈕→∏↕等,隻留下(xià)最精華的(de)部分(fēn),記住是(shì)最精華的↑'×(de)部分(fēn)。谷歌(gē)舉例了(le)淘寶的(de)移動網站(zhàn))
· 精簡文(wén)字
· 壓縮圖片以提升網站(zhàn)加載§≥速度
2、簡化(huà)導航
· 明(míng)确的(de)目錄結構,避免用(yòng±★≈)戶橫向滾動頁面
· 提供醒目的(deπ¶♦♥)“後退”和(hé)&ld✔αquo;首頁”按鈕
對(duì)于導航的(de)目錄結構,谷歌(gē)列出了 ↑(le)四種常見(jiàn)的(de)手機(jī)網站(zhàn)的(de)導航≈φ<形式,分(fēn)别是(shì):
· 橫條式(谷歌 ↑→Ω(gē)指出,根據手機(jī)屏幕尺寸以及統計(jì)數(shù)據顯示,橫條最好(h∞γǎo)不(bù)要(yào)超過7個(gè))
· 大(dà)按鈕≤λ式(這(zhè)種形式是(shì)手機(jī)站(zhàn)最常見(jiàn)©÷γ且應用(yòng)最多(duō)的(de)導航形式)
· 列表式
· 選項式
3、拇指操作(zuò)
· 較大(dà)的(d₹®e)按鈕,降低(dī)操作(zuò)難度
· 适當的(de)空(kōng)間(jiān),避免意外('≠"wài)點擊(與加寬間(jiān)距目的(d≤₹™e)一(yī)樣,都(dōu)是(shì)為(wèi)了(le)$♣擴大(dà)點擊範圍,防止用(yòng)戶因為(wèi)按鈕較小(xiσαǎo)而誤點其它選項或內(nèi)容而造成的(de)不(bù)便。也(yě)就(jiù)是♦₽(shì)在有(yǒu)限的(de)手機(jī)屏幕上(shàπ≤ng)再适當給按鈕做(zuò)些(xiē)留白(×∏bái))
· 間(jiān)距加寬,擴大(dà)點擊範圍
· 使用(yσ↑↑♣òng)顔色和(hé)陰影(yǐng)凸顯按鈕
這(zhè)一(yī)點不(bù)僅僅是(shì)針對(duì)搜索引擎的(d♣βe)優化(huà)設計(jì),更是(shì)手機(jī)站¶(zhàn)針對(duì)用(yòng)戶體(tǐ)驗的(de)人(rén)性♣ ↔化(huà)設計(jì),在這(zhè)一(yī)點上λ≤(shàng),谷歌(gē)考慮的(de)更周全些(xiē)。
4、一(yī)目了(le)然
· 确保內(nèi)容與屏幕大(dà)小♠ "(xiǎo)一(yī)緻
· 背景和(hé)文(wén)字顔色的(de)鮮明"≥§✘(míng)反差
· 使用(yòng)留白(bái)空(kōng)間(jiān)™☆
· 整齊的(d>♣↓ e)排版
· 舒服的(de)字型大(dà)小(xiǎo)
這(zhè)一(yī)點同樣是(shì)考慮用(yòng)戶體(tπ₽✘ǐ)驗的(de)問(wèn)題,如(rú)果是(shì)第三點是(shì)考慮用(yòng)戶手感♠×或者說(shuō)觸感的(de)話(huà),第四點就(jiù)是(εΩ✘☆shì)考慮用(yòng)戶的(de)觀感。
5、廣泛适應
· 網站(zhàn≠≈££)能(néng)在不(bù)同的(de)移動設備上(shàng) γ運行(xíng)
· 移除flash,使用(yòng)HTML5來(φ$lái)實現(xiàn)互動內(nèi)容和(hé)動畫(huà∞±)
· 根據屏幕方向調整顯示
很(hěn)多(duō)站(zhàn)長(chφ♣§áng)可(kě)能(néng)不(bù)太懂(dǒng)HT£'§ML5相(xiàng)關技(jì)術(shù)以及自(zì)适應網頁技(jì)術(sh₹∞≤ù),沒關系,百度的(de)手機(jī)§♦₹站(zhàn)優化(huà)指南(nán)有(yǒu)相 ≠ (xiàng)關知(zhī)識,還(hái)是(shì)不(bù)明(míng¥∞€)白(bái)的(de)話(huà),百度一(yī)下(xià),你☆•↓(nǐ)就(jiù)知(zhī)道(dào)。
6、輕松轉化(huà)
· 簡化(huà)注冊登錄流程
· 減少(shǎ§∏>$o)使用(yòng)者輸入:使用(yòng)表單、菜單、選擇框
· 著(zhe)重提供有(y₩φ₽×ǒu)助于轉化(huà)/注冊的(de)信息
還(hái)是(shì)盡可(kě)¥↔能(néng)的(de)給用(yòng)戶提供方便,減少(shǎo)給用(yòng)戶帶來(lγ<≤σái)的(de)麻煩,節約用(yòng)戶的(de)時(®→€shí)間(jiān)和(hé)浏覽成本,要(yào)知(zh♠&≥ī)道(dào),時(shí)間(jiān)就(jiù)是(shì)金(×♥£jīn)錢(qián)。
7、立足本地(dì)
· 與用(yòng)戶位置相(xiàng)結合的(de)個(gè)人☆>¥ (rén)化(huà)信息
· 地(dì)圖、路(lù)線、電(diàn)話(huà)、本地✔(dì)信息等
在所有(yǒu)提供內(nèi)容當中,除非用(yòng→εδλ)戶是(shì)找尋通(tōng)用(yòng)信息,所以本地(dì)化(huà)信÷<☆÷息是(shì)最對(duì)用(yòng)戶有(yǒu)幫助的(≈♣de)。
8、流暢體(tǐ)驗
· 允許用(yòng)戶保存搜索、書(shū)簽、購(₹☆'gòu)買等信息
· 盡可(kě)能(néng)在所有(yǒu)平台提供相(xià¶✘ng)同信息和(hé)功能(néng)(即無論是(©>↓shì)PC端、平闆端還(hái)是(shì)手機(jī)端都(dōu)保持網站(zhλ☆✘αàn)信息的(de)一(yī)緻性)
9、重新定向
· 自(zì)動判斷移動設備,重新定向相(xiàng★λ×)應适合的(de)網站(zhàn)內(nèi)容(自(zì)适應網頁技(jìβ÷)術(shù),根據不(bù)同的(de)移動設備和¶βΩ(hé)屏幕尺寸,來(lái)顯示相(xiàng)應的(de)網σ✔≈站(zhàn)內(nèi)容)
· 讓用(yòng)戶可(kě)以切換電(diàn)腦(nǎo&♠✘)版與移動版網站(zhàn)
· 讓用(yòng)戶選擇下(xià)次訪問(wèβ>n)的(de)版本
10、持續改進
· 使用(yòng)分(fēn)析工(gōα∏•<ng)具,了(le)解用(yòng)戶如(rú)何使用(yòng)♦¶γ網站(zhàn)
· 收集用(yòng)戶意見(jiàn)并反複測試,追♠★≈®蹤表現(xiàn)
移動網站(zhàn)不(bù)是(s∞δhì)移動應用(yòng),所以可(kě)以持續的♥✘(de)改進并調整。
上(shàng)一(yī)篇:從(cóng)用(yòng)戶體(tǐ)驗角度考慮企業(yè)網站(zhàn)建設
下(xià)一(yī)篇:外(wài)貿推廣方法
創建網站(zhàn) 如(rú)此簡單
專屬為(wèi)客戶提供最有(yǒu)價值的(deε¶φ)互聯網設計(jì)方案
策略+創意+設計(jì)+服務!
網站(zhàn)策劃 >
網站(zhàn)調研和(hé)競争分(fēn)析
網站(zhàn)的(de)策劃和(hé)δε←♠定位
網頁設計(jì) >
網站(zhàn)頁面個(gè)性化(huà)設計(jì)
W3C标準化(huà)前端交互技(jì)術(shù ™)開(kāi)發
視(shì)覺還(hái)原 >
定制(zhì)化(huà)HTML頁面嵌套
內(nèi)容管理(lǐ)系統定制(zhì)開(δ≤kāi)發
優化(huà)推廣 >
SEO搜索引擎優化(huà)
SEM搜索引擎營銷
媒體(tǐ)營銷 >
MMM移動媒體(tǐ)營銷
社會(huì)化(huà)媒體(tǐ)活動策劃
我們的(de)實力
營銷中心
服務內(nèi)容
案例展示