策劃一個(gè)具有高質(zhì)量度移動(dòng)站點(diǎn)的方法步驟

時(shí)間：2022-05-29 07:21:01 | 來源：網(wǎng)絡(luò)營銷

時(shí)間：2022-05-29 07:21:01 來源：網(wǎng)絡(luò)營銷

如果做個(gè)SEOer或站長們近期工作重點(diǎn)排名調(diào)查表的話，我估計(jì)排名首位的一定是移動(dòng)站點(diǎn)或手機(jī)網(wǎng)站的建設(shè)了。移動(dòng)站點(diǎn)之所以被站長們?nèi)绱说目粗?，主要是因?yàn)槠鋸?qiáng)大的平板電腦和手機(jī)用戶群了。據(jù)悉在百度推廣后臺(tái)也已經(jīng)有“移動(dòng)站點(diǎn)質(zhì)量度”的星級(jí)評(píng)價(jià)體系了，頁面大小、頁面內(nèi)容、頁面樣式、轉(zhuǎn)化渠道等因素都會(huì)影響質(zhì)量度星級(jí)，其中明確表示說加載速度快、內(nèi)容豐富的頁面會(huì)獲得更高的質(zhì)量度星級(jí)。所以億企邦覺的光簡(jiǎn)單的做個(gè)手機(jī)網(wǎng)站還是不夠了，我們更要做個(gè)具有內(nèi)容豐富的高質(zhì)量度移動(dòng)站點(diǎn)了，通過提升移動(dòng)網(wǎng)站質(zhì)量可以增強(qiáng)用戶體驗(yàn)和轉(zhuǎn)化效果。

面對(duì)著這么多已經(jīng)初具規(guī)模的移動(dòng)站點(diǎn)，我們將如何提高自己負(fù)責(zé)的移動(dòng)站點(diǎn)在百度質(zhì)量度的等級(jí)？對(duì)于還沒有開始建移動(dòng)站點(diǎn)的站長們，我們又該怎么策劃一個(gè)具有高質(zhì)量度的移動(dòng)站點(diǎn)呢？在此不妨仔細(xì)的看下億企邦所建議的幾個(gè)方法步驟：

一、先規(guī)劃好頁面樣式布局

1、頁面適配手機(jī)屏幕

2、頁面專門針對(duì)手機(jī)屏幕設(shè)計(jì)

（1）、頁面隨屏幕寬度變化，無橫向滾動(dòng)條

（2）、不放大時(shí)，能清晰瀏覽內(nèi)容，文字大小不低于12像素

（3）、不放大時(shí)，按鈕、鏈接等點(diǎn)擊方便，按鈕尺寸不能過大或過小

3、使用最多三級(jí)的頁面結(jié)構(gòu)

減少移動(dòng)站的頁面層級(jí)，降低用戶認(rèn)知難度，一個(gè)標(biāo)準(zhǔn)的移動(dòng)站應(yīng)該包含首頁、列表頁和詳情頁三種類型，以滿足廣告主的推廣需求和用戶的認(rèn)知需要；頁面類型及層級(jí)億企邦建議不超過3個(gè)，保證簡(jiǎn)單、高效的用戶體驗(yàn)。使用盡量淺的頁間結(jié)構(gòu)，減少用戶點(diǎn)擊次數(shù)，提升瀏覽體驗(yàn)。

（1）、首頁

整站內(nèi)容索引，內(nèi)容預(yù)覽(使用“更多” “詳情”等鏈接)，首頁作為用戶分流前到達(dá)的頁面，要求能夠匯集整個(gè)網(wǎng)站的大部分模塊和功能，以保證不同需求的用戶在著陸后都能尋找到自己想要的信息。內(nèi)容式一般首頁又可以分為導(dǎo)航式和內(nèi)容式，導(dǎo)航式因其風(fēng)格簡(jiǎn)潔，一般又可用作品牌宣傳，起到快速傳達(dá)品牌形象的作用；內(nèi)容式因其豐富的內(nèi)容，常用來快速傳達(dá)廣告主想傳遞的信息。


(移動(dòng)站首頁分為導(dǎo)航式和內(nèi)容式)

（2）、列表頁

頻道內(nèi)容、分類、列表為主，列表頁一般用于展現(xiàn)結(jié)構(gòu)簡(jiǎn)單，并且重復(fù)度較高的內(nèi)容，最常見于商家的產(chǎn)品/服務(wù)，形式也一般相對(duì)簡(jiǎn)單，用于滿足展現(xiàn)多產(chǎn)品/服務(wù)的需求，根據(jù)商家產(chǎn)品/服務(wù)信息不同一般分為純文字和圖文兩種基本形式。

（3）、詳情頁

億企邦建議各位站長們關(guān)于產(chǎn)品的詳細(xì)介紹、推薦以結(jié)構(gòu)化形式展現(xiàn)內(nèi)容，詳情頁一般用作展示首頁和列表頁未顯示完全的信息，以滿足用戶了解詳情的需求，從而輔助用戶進(jìn)行決策。

4、使用清晰的導(dǎo)航組件

全站導(dǎo)航：快速到達(dá)各個(gè)頻道。

局部導(dǎo)航：在單個(gè)頻道的首頁、列表、詳情頁面間移動(dòng)。

相關(guān)鏈接：相關(guān)頻道之間的鏈接。

5、頁面單列布局，重要內(nèi)容顯示在首屏

頁面內(nèi)容模塊從上到下，單列布局，重要內(nèi)容展現(xiàn)在首屏。

6、保證良好的可用性，頁面內(nèi)容無缺失，交互功能正常使用。

不使用flash；

可使用html5來實(shí)現(xiàn)動(dòng)畫。

7、優(yōu)秀交互方式，簡(jiǎn)化操作流程，提升使用體驗(yàn)

億企邦認(rèn)為優(yōu)秀的交互方式能很有效地提升用戶體驗(yàn)，一方面能夠簡(jiǎn)化操作流程提升操作效率，另外對(duì)于產(chǎn)品功能易用性的提升也是較大的。

（1）、滑動(dòng)切換圖片相比于自動(dòng)切換和點(diǎn)擊切換，滑動(dòng)切換增強(qiáng)了用戶操作的主動(dòng)性、同時(shí)提升了切換的便捷性。

（2）、滑動(dòng)切換頁面用戶可以通過滑動(dòng)進(jìn)行頁面之間的切換，節(jié)省用戶尋址時(shí)間。

（3）、點(diǎn)擊放大圖片點(diǎn)擊縮略圖放大圖片，減少了操作流程，一定程度上減少了因頁面跳轉(zhuǎn)帶來的用戶流失。

（4）、頁面區(qū)域點(diǎn)擊區(qū)域點(diǎn)擊能較大提升用戶點(diǎn)擊的效率，減少用戶因定位點(diǎn)擊區(qū)域造成的效率損失。

（5）、點(diǎn)擊加載更多一方面減少單張頁面的非必要信息，讓頁面變得簡(jiǎn)潔，同時(shí)能減少頁面間的跳轉(zhuǎn)，降低因網(wǎng)速等原因造成的用戶流失。

8、保證廣泛的兼容性，在主流OS、瀏覽器中均可正常展現(xiàn)

操作系統(tǒng)：Android，iOS；

瀏覽器：UC、QQ、iOS Safari、Android原生、Baidu。

二、內(nèi)容設(shè)置準(zhǔn)則

1、一致性

著陸頁內(nèi)容與關(guān)鍵字、廣告文字的相關(guān)性，不僅保證廣告與目標(biāo)頁面呼應(yīng)和一致，更重要的能夠提升潛在客戶在著陸頁上面的點(diǎn)擊次數(shù)，減少客戶流失。

2、可信度

通過告知潛在客戶公司名稱、聯(lián)系地址、客服電話等信息，能夠有效地提升網(wǎng)站(公司)的可信度。

3、重要信息首屏顯示

具體產(chǎn)品信息盡量出現(xiàn)在網(wǎng)頁的第1~2屏，避免與用戶玩“尋寶游戲”。


(重要信息首屏顯示)

4、根據(jù)行業(yè)特性，放置針對(duì)性的內(nèi)容

重點(diǎn)關(guān)注移動(dòng)頁面的信息構(gòu)建，以滿足用戶需求

基礎(chǔ)信息：公司介紹、產(chǎn)品/服務(wù)介紹、etc.

信任信息：榮譽(yù)資質(zhì)、專家團(tuán)隊(duì)、案例，etc.

轉(zhuǎn)化信息：電話、地址，etc.

5、精簡(jiǎn)文字，處理好圖片

精簡(jiǎn)文字量：PC內(nèi)容一半左右，

使用圖片、幻燈片提升展示效果，并注意壓縮圖片尺寸，

推薦用寬圖片展示LOGO，正方形圖片展示產(chǎn)品。

三、優(yōu)化頁面性能

1、控制加載時(shí)間與網(wǎng)頁大小


(跳出前等待時(shí)間的用戶比例)

加載時(shí)間：?jiǎn)雾撁?S以內(nèi)。

網(wǎng)頁大?。?jiǎn)雾撁?0K以內(nèi)。

優(yōu)化加載時(shí)間和網(wǎng)頁大?。褐攸c(diǎn)在前端優(yōu)化（具體方法可查看《提高網(wǎng)站速度的6種網(wǎng)站前端優(yōu)化方法》）。

減少HTTP請(qǐng)求：減少重定向，合并圖片，懶加載……

減少傳輸數(shù)據(jù)大?。簤嚎s圖像，開啟GZIP……

考慮到移動(dòng)設(shè)備和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)，在進(jìn)行移動(dòng)網(wǎng)站的頁面開發(fā)設(shè)計(jì)時(shí)，一個(gè)總的原則是考慮用戶訪問的效率，降低頁面加載時(shí)間。

2、減少訪問請(qǐng)求數(shù)

從設(shè)計(jì)實(shí)現(xiàn)層面簡(jiǎn)化頁面，不要放太多的圖片、復(fù)雜的表達(dá)、動(dòng)畫、視頻等等，

資源合并及壓縮：比如將背景圖片、導(dǎo)航圖片等等作為一張圖片，這樣只需一次請(qǐng)求，而不是多次。

靜態(tài)資源(Css、Js、Image)懶加載（推薦一個(gè)好用的css壓縮工具：http://www.mahaixiang.cn/zyxz/zxgj/cssys.html）

異步執(zhí)行inline腳本

避免重復(fù)的資源請(qǐng)求

縮小cooike（不明白什么是cooike的，看查看一下《基于cookie信息的互聯(lián)網(wǎng)精準(zhǔn)廣告定向技術(shù)研究》）

設(shè)置連接方式為keep-alive

減少DNS查詢

移動(dòng)端可見區(qū)域是有限的，采用延遲加載方式

開啟服務(wù)器壓縮(gzip方式)

3、優(yōu)化圖片處理

圖片走CDN

少用動(dòng)態(tài)gif圖

圖片不適宜過多及過大

零碎圖片使用css Sprite技術(shù)一次性下載

避免使用bmp圖片

圖片壓縮

4、優(yōu)化HTML

減少HTML標(biāo)簽，減少不必要的嵌套

廢棄table標(biāo)簽

減少DOM深度

壓縮HTML，去掉注釋，空格換行等信息

5、優(yōu)化JS

使用臨時(shí)變量或者數(shù)組存儲(chǔ)document.images及document.forms等集合數(shù)據(jù)

慎用with語法

使用AJAX緩存

避免eval及Function語法

避免使用inlineScript

異步、底部加載js

合并壓縮js（推薦一個(gè)便捷的html跟js互轉(zhuǎn)工具：http://www.mahaixiang.cn/zyxz/zxgj/html2js.html）

字符串連接使用數(shù)組的join方式

億企邦思維感悟：

隨著互聯(lián)網(wǎng)的發(fā)展，商家和企業(yè)面向消費(fèi)者提供的應(yīng)用和服務(wù)向3G平臺(tái)遷移已是大勢(shì)所趨，億企邦覺的移動(dòng)互聯(lián)網(wǎng)必將比傳統(tǒng)互聯(lián)網(wǎng)具有更高的商業(yè)價(jià)值。手機(jī)網(wǎng)站具有讓消費(fèi)者隨時(shí)、隨地、隨身訪問的優(yōu)勢(shì)和方便快捷的不可取代的特點(diǎn)。而目前，手機(jī)正迅速成為人們最常用的上網(wǎng)方式，截至2012年，我國網(wǎng)民中用手機(jī)接入互聯(lián)網(wǎng)的用戶占比已達(dá)到72.2%，首次超過臺(tái)式電腦，成為我國網(wǎng)民的第一大上網(wǎng)終端，因此手機(jī)網(wǎng)站又具備了得天獨(dú)厚的發(fā)展?jié)摿?。因?yàn)閭鹘y(tǒng)網(wǎng)站不適合通過手機(jī)訪問，因此建立專供手機(jī)上網(wǎng)瀏覽的移動(dòng)站點(diǎn)，讓客戶真正能實(shí)現(xiàn)實(shí)現(xiàn)隨時(shí)、隨地、隨身的訪問，已成為了許多企業(yè)和商家的必須選擇了。