提高手機網(wǎng)站(移動網(wǎng)站)在百度質(zhì)量度等級的詳細說明教程

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