亚洲无人区一区二区三区_农村玉米地少妇野战亚洲_国产欧美日韩VA另类在线播放_免费人成视频网站在线_国产在线精品一区二区高清不卡

基于移動(dòng)搜索的網(wǎng)頁(yè)優(yōu)化

作者:數(shù)風(fēng)流人物 瀏覽:206 發(fā)布時(shí)間:2017-04-14
分享 評(píng)論 0

面對(duì)移動(dòng)搜索市場(chǎng),移動(dòng)用戶需求與標(biāo)準(zhǔn)的桌面搜索需求是不同的,移動(dòng)用戶更傾向于即時(shí)需求,移動(dòng)搜索與桌面搜索相比,具有:(1)在移動(dòng)設(shè)備上的小屏幕,可能只能出現(xiàn)5個(gè)搜索結(jié)果。(2)移動(dòng)搜索查詢往往極短,查詢的關(guān)鍵詞也比傳統(tǒng)桌面搜索更少。(3)移動(dòng)搜索查詢結(jié)果受到字?jǐn)?shù)限制。例如,PC端和移動(dòng)端搜索結(jié)果,PC端30多個(gè)中文漢字才截?cái)啵苿?dòng)端不到20個(gè)字就截?cái)唷?/p>


1、移動(dòng)端網(wǎng)站樣式表的優(yōu)化

制作的一個(gè)移動(dòng)樣式表單,稱之為“handheld.css”,這個(gè)CSS可以把傳統(tǒng)網(wǎng)頁(yè)格式化為移動(dòng)設(shè)備可以瀏覽的網(wǎng)頁(yè)。如果客戶端是手機(jī)等移動(dòng)設(shè)備時(shí),就會(huì)載入這個(gè)css樣式表。


2、移動(dòng)端網(wǎng)頁(yè)標(biāo)簽的優(yōu)化

(1)meta標(biāo)簽優(yōu)化,使用標(biāo)注meta聲明開(kāi)放適配協(xié)議。站長(zhǎng)在站點(diǎn)PC頁(yè)的源代碼頭部嵌入一行或多行Meta信息,由Meta信息來(lái)指明該P(yáng)C頁(yè)對(duì)應(yīng)的手機(jī)頁(yè)的URL。


(2)描述標(biāo)簽(description)的優(yōu)化,使用description目的是用來(lái)說(shuō)明頁(yè)面的主體內(nèi)容。描述標(biāo)簽也會(huì)被顯示在搜索結(jié)果當(dāng)中被用戶所見(jiàn)。


(3)jquery標(biāo)簽的優(yōu)化,提升移動(dòng)用戶的使用體驗(yàn)。例如,滑動(dòng)切換圖片相比于自動(dòng)切換和點(diǎn)擊切換,滑動(dòng)切換增強(qiáng)了用戶操作的主動(dòng)性、隱藏標(biāo)簽和顯示標(biāo)簽實(shí)現(xiàn)動(dòng)畫(huà)效果,同時(shí)提升了切換的便捷性。


3、移動(dòng)端頁(yè)面結(jié)構(gòu)的優(yōu)化

使用三層的頁(yè)面結(jié)構(gòu)。由于移動(dòng)端是直接用手指操作,需要響應(yīng)元素點(diǎn)擊區(qū)域要相對(duì)明顯,布局上可以多上下排列。移動(dòng)網(wǎng)站的頁(yè)面加載速度要比普通網(wǎng)頁(yè)加載速度慢,所以減少頁(yè)面數(shù)量非常重要。用戶是不會(huì)有耐心不斷打開(kāi)網(wǎng)頁(yè)上的,所以盡可能簡(jiǎn)化網(wǎng)站的布局也是很重要。一個(gè)標(biāo)準(zhǔn)的移動(dòng)站應(yīng)該包含首頁(yè)、列表頁(yè)和詳情頁(yè)三種類型,頁(yè)面類型及層級(jí)不超過(guò)三個(gè),保證簡(jiǎn)單、高效的用戶體驗(yàn)。使用盡量淺的頁(yè)間結(jié)構(gòu),減少用戶點(diǎn)擊次數(shù),提升瀏覽體驗(yàn)。


4、移動(dòng)端網(wǎng)頁(yè)導(dǎo)航的優(yōu)化

網(wǎng)頁(yè)導(dǎo)航可用性表現(xiàn)為用戶能快速地找到所需的信息,是用戶體驗(yàn)的重要實(shí)現(xiàn)方式。移動(dòng)網(wǎng)站可以采用的導(dǎo)航種類較PC端要少,按照范圍的不同,可以分為三大類:結(jié)構(gòu)性導(dǎo)航、關(guān)聯(lián)性導(dǎo)航和公用程序?qū)Ш?。一般首?yè)導(dǎo)航可以分為導(dǎo)航式和內(nèi)容式兩種,導(dǎo)航式因其風(fēng)格簡(jiǎn)潔可起到快速傳達(dá)品牌形象的作用;內(nèi)容式因其豐富的內(nèi)容,可快速傳遞信息。通過(guò)導(dǎo)航,用戶可以知道所在頁(yè)面在整個(gè)網(wǎng)站中的位置,在移動(dòng)端導(dǎo)航中盡量使用文字鏈接,不要使用復(fù)雜的js或者flash。使用圖片做導(dǎo)航時(shí),可以使用Alt告訴搜索引擎所指向的網(wǎng)頁(yè)內(nèi)容。


5、移動(dòng)端網(wǎng)頁(yè)屏幕分辨率的自適應(yīng)

移動(dòng)端網(wǎng)站的頁(yè)面需做到以下三點(diǎn):一是頁(yè)面隨屏幕寬度變化,無(wú)橫向滾動(dòng)條;二是屏幕不放大時(shí),能清晰瀏覽內(nèi)容,文字大小不低于12像素;三是屏幕不放大時(shí),按鈕、鏈接等點(diǎn)擊方便,按鈕尺寸不能過(guò)大或過(guò)小。


(1)根據(jù)移動(dòng)端屏幕的特點(diǎn)實(shí)現(xiàn)移動(dòng)端屏幕適配。


(2)橫豎屏的適配。