提高手機(jī)網(wǎng)站(移動(dòng)網(wǎng)站)在百度質(zhì)量度等級(jí)的詳細(xì)說(shuō)明教程

本文是非常詳細(xì)的一份移動(dòng)建站方面的資料,上一次谷歌發(fā)布了移動(dòng)網(wǎng)站建站的十大原則,這次百度也發(fā)布了移動(dòng)建站指南,圖文并茂的描述了如何提高移動(dòng)站在百度質(zhì)量度的等級(jí),在百度推廣后臺(tái)已經(jīng)有“移動(dòng)站點(diǎn)質(zhì)量度”的星級(jí)評(píng)價(jià)體系了,頁(yè)面大小、頁(yè)面內(nèi)容、頁(yè)面樣式、轉(zhuǎn)化渠道等因素都會(huì)影響質(zhì)量度星級(jí),加載速度快、內(nèi)容豐富的頁(yè)面質(zhì)量度星級(jí)更高,提升移動(dòng)網(wǎng)站質(zhì)量可以增強(qiáng)用戶(hù)體驗(yàn)和轉(zhuǎn)化效果。
一:怎樣做好頁(yè)面設(shè)計(jì)(1),頁(yè)面適配手機(jī)屏幕
(2)頁(yè)面專(zhuān)門(mén)針對(duì)手機(jī)屏幕設(shè)計(jì):
1、頁(yè)面隨屏幕寬度變化,無(wú)橫向滾動(dòng)條
2、不放大時(shí),能清晰瀏覽內(nèi)容,文字大小不低于12像素
3、不放大時(shí),按鈕、鏈接等點(diǎn)擊方便,按鈕尺寸不能過(guò)大或過(guò)小
(3)使用最多三級(jí)的頁(yè)面結(jié)構(gòu)
減少移動(dòng)站的頁(yè)面層級(jí),降低用戶(hù)認(rèn)知難度,一個(gè)標(biāo)準(zhǔn)的移動(dòng)站應(yīng)該包含首頁(yè)、列表頁(yè)和詳情頁(yè)三種類(lèi)型,以滿(mǎn)足廣告主的推廣需求和用戶(hù)的認(rèn)知需要;頁(yè)面類(lèi)型及層級(jí)建議不超過(guò)3個(gè),保證簡(jiǎn)單、高效的用戶(hù)體驗(yàn)。使用盡量淺的頁(yè)間結(jié)構(gòu),減少用戶(hù)點(diǎn)擊次數(shù),提升瀏覽體驗(yàn)。
1、首頁(yè):整站內(nèi)容索引,內(nèi)容預(yù)覽(使用“更多” “詳情”等鏈接),首頁(yè)作為用戶(hù)分流前到達(dá)的頁(yè)面,要求能夠匯集整個(gè)網(wǎng)站的大部分模塊和功能,以保證不同需求的用戶(hù)在著陸后都能尋找到自己想要的信息。內(nèi)容式一般首頁(yè)又可以分為導(dǎo)航式和內(nèi)容式,導(dǎo)航式因其風(fēng)格簡(jiǎn)潔,一般又可用作品牌宣傳,起到快速傳達(dá)品牌形象的作用;內(nèi)容式因其豐富的內(nèi)容,常用來(lái)快速傳達(dá)廣告主想傳遞的信息。
(移動(dòng)站首頁(yè)分為導(dǎo)航式和內(nèi)容式)
2、列表頁(yè):頻道內(nèi)容、分類(lèi)、列表為主,列表頁(yè)一般用于展現(xiàn)結(jié)構(gòu)簡(jiǎn)單,并且重復(fù)度較高的內(nèi)容,最常見(jiàn)于商家的產(chǎn)品/服務(wù),形式也一般相對(duì)簡(jiǎn)單,用于滿(mǎn)足展現(xiàn)多產(chǎn)品/服務(wù)的需求,根據(jù)商家產(chǎn)品/服務(wù)信息不同一般分為純文字和圖文兩種基本形式。
3、詳情頁(yè):詳介紹,推薦以結(jié)構(gòu)化形式展現(xiàn)內(nèi)容,詳情頁(yè)一般用作展示首頁(yè)和列表頁(yè)未顯示完全的信息,以滿(mǎn)足用戶(hù)了解詳情的需求,從而輔助用戶(hù)進(jìn)行決策。
(4)使用清晰的導(dǎo)航組件
全站導(dǎo)航:快速到達(dá)各個(gè)頻道
局部導(dǎo)航:在單個(gè)頻道的首頁(yè)、列表、詳情頁(yè)面間移動(dòng)
相關(guān)鏈接:相關(guān)頻道之間的鏈接
(5)頁(yè)面單列布局,重要內(nèi)容顯示在首屏
頁(yè)面內(nèi)容模塊從上到下,單列布局,重要內(nèi)容展現(xiàn)在首屏。
(6)保證良好的可用性,頁(yè)面內(nèi)容無(wú)缺失,交互功能正常使用。
不使用flash
使用html5來(lái)實(shí)現(xiàn)動(dòng)畫(huà)
(7)優(yōu)秀交互方式,簡(jiǎn)化操作流程,提升使用體驗(yàn)
優(yōu)秀的交互方式能很有效地提升用戶(hù)體驗(yàn),一方面能夠簡(jiǎn)化操作流程提升操作效率,另外對(duì)于產(chǎn)品功能易用性的提升也是較大的。
滑動(dòng)切換圖片相比于自動(dòng)切換和點(diǎn)擊切換,滑動(dòng)切換增強(qiáng)了用戶(hù)操作的主動(dòng)性、同時(shí)提升了切換的便捷性。
滑動(dòng)切換頁(yè)面用戶(hù)可以通過(guò)滑動(dòng)進(jìn)行頁(yè)面之間的切換,節(jié)省用戶(hù)尋址時(shí)間。
點(diǎn)擊放大圖片點(diǎn)擊縮略圖放大圖片,減少了操作流程,一定程度上減少了因頁(yè)面跳轉(zhuǎn)帶來(lái)的用戶(hù)流失。
頁(yè)面區(qū)域點(diǎn)擊區(qū)域點(diǎn)擊能較大提升用戶(hù)點(diǎn)擊的效率,減少用戶(hù)因定位點(diǎn)擊區(qū)域造成的效率損失。
點(diǎn)擊加載更多一方面減少單張頁(yè)面的非必要信息,讓頁(yè)面變得簡(jiǎn)潔,同時(shí)能減少頁(yè)面間的跳轉(zhuǎn),降低因網(wǎng)速等原因造成的用戶(hù)流失。
(8)保證廣泛的兼容性,在主流OS、瀏覽器中均可正常展現(xiàn)
操作系統(tǒng):Android,iOS;瀏覽器:UC、QQ、iOS Safari、Android原生、Baidu
二:內(nèi)容設(shè)置的幾條準(zhǔn)則(1)一致性:著陸頁(yè)內(nèi)容與關(guān)鍵字、廣告文字的相關(guān)性,不僅保證廣告與目標(biāo)頁(yè)面呼應(yīng)和一致,更重要的能夠提升潛在客戶(hù)在著陸頁(yè)上面的點(diǎn)擊次數(shù),減少客戶(hù)流失。
(2)可信度:通過(guò)告知潛在客戶(hù)公司名稱(chēng)、聯(lián)系地址、客服電話(huà)等信息,能夠有效地提升網(wǎng)站(公司)的可信度。
(3)重要信息首屏顯示:具體產(chǎn)品信息盡量出現(xiàn)在網(wǎng)頁(yè)的第1~2屏,避免與用戶(hù)玩尋寶游戲。
(重要信息首屏顯示)
(4)根據(jù)行業(yè)特性,放置針對(duì)性的內(nèi)容
重點(diǎn)關(guān)注移動(dòng)頁(yè)面的信息構(gòu)建,以滿(mǎn)足用戶(hù)需求
基礎(chǔ)信息:公司介紹、產(chǎn)品/服務(wù)介紹、etc.
信任信息:榮譽(yù)資質(zhì)、專(zhuān)家團(tuán)隊(duì)、案例,etc.
轉(zhuǎn)化信息:電話(huà)、地址,etc.
(5)精簡(jiǎn)文字,處理好圖片
精簡(jiǎn)文字量:PC內(nèi)容一半左右,
使用圖片、幻燈片提升展示效果,并注意壓縮圖片尺寸,
推薦用寬圖片展示LOGO,正方形圖片展示產(chǎn)品。
三:優(yōu)化頁(yè)面性能(1)控制加載時(shí)間與網(wǎng)頁(yè)大小
(跳出前等待時(shí)間的用戶(hù)比例)
加載時(shí)間:?jiǎn)雾?yè)面5S以?xún)?nèi)
網(wǎng)頁(yè)大小:?jiǎn)雾?yè)面50K以?xún)?nèi)
優(yōu)化加載時(shí)間和網(wǎng)頁(yè)大?。褐攸c(diǎn)在前端優(yōu)化
減少HTTP請(qǐng)求:減少重定向,合并圖片,懶加載……
減少傳輸數(shù)據(jù)大小:壓縮圖像,開(kāi)啟GZIP……
考慮到移動(dòng)設(shè)備和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn),在進(jìn)行移動(dòng)網(wǎng)站的頁(yè)面開(kāi)發(fā)設(shè)計(jì)時(shí),一個(gè)總的原則是考慮用戶(hù)訪問(wèn)的效率,降低頁(yè)面加載時(shí)間。
(2)減少訪問(wèn)請(qǐng)求數(shù)
從設(shè)計(jì)實(shí)現(xiàn)層面簡(jiǎn)化頁(yè)面,不要放太多的圖片、復(fù)雜的表達(dá)、動(dòng)畫(huà)、視頻等等,
資源合并及壓縮:比如將背景圖片、導(dǎo)航圖片等等作為一張圖片,這樣只需一次請(qǐng)求,而不是多次。
靜態(tài)資源(Css、Js、Image)懶加載
異步執(zhí)行inline腳本
避免重復(fù)的資源請(qǐng)求
縮小cooike
設(shè)置連接方式為keep-alive
減少DNS查詢(xún)
移動(dòng)端可見(jiàn)區(qū)域是有限的,采用延遲加載方式
開(kāi)啟服務(wù)器壓縮(gzip方式)
(3)優(yōu)化圖片處理
圖片走CDN
少用動(dòng)態(tài)gif圖
圖片不適宜過(guò)多及過(guò)大
零碎圖片使用css Sprite技術(shù)一次性下載
避免使用bmp圖片
圖片壓縮
(4)優(yōu)化HTML
減少HTML標(biāo)簽,減少不必要的嵌套
廢棄table標(biāo)簽
減少DOM深度
壓縮HTML,去掉注釋?zhuān)崭駬Q行等信息
(5)優(yōu)化JS
使用臨時(shí)變量或者數(shù)組存儲(chǔ)document.images及document.forms等集合數(shù)據(jù)
慎用with語(yǔ)法
使用AJAX緩存
避免eval及Function語(yǔ)法
避免使用inlineScript
異步、底部加載js
合并壓縮js
字符串連接使用數(shù)組的join方式
相關(guān)文章
手機(jī)網(wǎng)站如何做好競(jìng)價(jià)推廣?
手機(jī)網(wǎng)站如何做好競(jìng)價(jià)推廣?本文就給大家?guī)?lái)手機(jī)網(wǎng)站做好競(jìng)價(jià)推廣的方法,感興趣的朋友們可以過(guò)來(lái)看看2015-12-24百度轉(zhuǎn)碼是什么? 百度轉(zhuǎn)碼轉(zhuǎn)化的手機(jī)站有利于優(yōu)化嗎?
百度轉(zhuǎn)碼是什么?百度轉(zhuǎn)碼轉(zhuǎn)化的手機(jī)站有利于優(yōu)化嗎? 今天用手機(jī)搜索了我的網(wǎng)站進(jìn)去以后發(fā)現(xiàn)網(wǎng)站由百度轉(zhuǎn)碼成手機(jī)站,我在搜索了其他網(wǎng)站,發(fā)現(xiàn)出現(xiàn)這樣的情況還不少,而2014-12-25手機(jī)網(wǎng)站的SEO優(yōu)化該怎么做?
之前分享了很多優(yōu)化方案,今天和大家分享手機(jī)網(wǎng)站的SEO優(yōu)化,在PC端上你的網(wǎng)站可能在某個(gè)詞上有排名,但在移動(dòng)搜索引擎上,未必你會(huì)優(yōu)先排名展現(xiàn),好了,不說(shuō)這些有的沒(méi)的2014-12-12為什么要建手機(jī)網(wǎng)站?分析建設(shè)手機(jī)網(wǎng)站六個(gè)方面的優(yōu)點(diǎn)
很多企業(yè)都有自己的網(wǎng)站,但是隨著智能手機(jī)越來(lái)越普遍,建立手機(jī)網(wǎng)站視乎成為了必要的了,雖手機(jī)網(wǎng)站與傳統(tǒng)網(wǎng)站有著很大的區(qū)別也是另外一個(gè)原因。下面就來(lái)為您分析一下這個(gè)2014-10-30移動(dòng)建站再現(xiàn)大招 只需要在網(wǎng)站加入一行代碼就能把PC網(wǎng)站搬到手機(jī)上
只需要在網(wǎng)站加入一行代碼,在幾個(gè)小時(shí)之內(nèi)就能擁有一個(gè)精美的手機(jī)網(wǎng)站?!這是搜狐快站最新推出的快適配即可實(shí)現(xiàn)的神奇功能。下面我們來(lái)看看它是如何使用的2014-10-24淺析為什么手機(jī)網(wǎng)站的流量很大卻轉(zhuǎn)化率低
很多醫(yī)療行業(yè)都知道移動(dòng)互聯(lián)網(wǎng)將是以后發(fā)展的領(lǐng)地,但是事實(shí)上,醫(yī)療是一個(gè)特殊的行業(yè),想要占用某一塊領(lǐng)地是存在一定的難度,但是,如果醫(yī)療行業(yè)做移動(dòng)互聯(lián)網(wǎng)還是有一定的2013-08-01網(wǎng)站運(yùn)營(yíng) 移動(dòng)互聯(lián)網(wǎng)手機(jī)閱讀即將呈現(xiàn)井噴
在睡覺(jué)前關(guān)燈后會(huì)習(xí)慣性的拿出手機(jī),翻閱之前存在手機(jī)里面的小說(shuō)。會(huì)在等人或者等車(chē)的時(shí)候掏出手機(jī)來(lái)找些有趣的文章打發(fā)時(shí)間。2009-12-17- 明白了網(wǎng)站的優(yōu)化目的,就開(kāi)始對(duì)網(wǎng)站進(jìn)行詳盡的關(guān)鍵詞分析 一、SEO優(yōu)化目的 將XX網(wǎng)打造成手機(jī)交友第一網(wǎng)站, 二、關(guān)鍵詞分析 明白了網(wǎng)站的優(yōu)化2009-04-02
搜索引擎優(yōu)化:頁(yè)面內(nèi)容除了原創(chuàng)與相關(guān)性之外的注意點(diǎn)
頁(yè)面內(nèi)容為王的理念相信很多站長(zhǎng)都應(yīng)該知道,不過(guò)很多朋友往往在原創(chuàng)與相關(guān)性方面注意的比較多,往往忽視內(nèi)容的比重,網(wǎng)頁(yè)的內(nèi)容還需要一個(gè)量,不能太少,太少的話(huà),容易讓2016-01-16淺談搜索引擎營(yíng)銷(xiāo)推廣技巧及搜索排名優(yōu)化
搜索引擎在互聯(lián)網(wǎng)上的作用非常重要,大多數(shù)網(wǎng)民在尋找某個(gè)信息的時(shí)候都會(huì)使用搜索引擎來(lái)尋找,將網(wǎng)站地址排在搜索結(jié)果的第一名就成為搜索引擎營(yíng)銷(xiāo)推廣的最終目標(biāo)。那么本文2016-01-14