基于移動(dòng)搜索的網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化研究

摘 要：本文介紹了移動(dòng)搜索的特點(diǎn)、面向移動(dòng)設(shè)備的網(wǎng)站優(yōu)化規(guī)則和策略，從樣式表、網(wǎng)頁(yè)標(biāo)簽、頁(yè)面結(jié)構(gòu)、網(wǎng)頁(yè)導(dǎo)航、屏幕分辨率優(yōu)化等方面，闡述了移動(dòng)端網(wǎng)頁(yè)優(yōu)化的具體方法。

關(guān)鍵詞：移動(dòng)搜索；網(wǎng)頁(yè)設(shè)計(jì)；搜索引擎優(yōu)化

中圖分類(lèi)號(hào)：TP393.4 文獻(xiàn)標(biāo)識(shí)碼：A

Abstract：This article describes the characteristics of mobile search，site optimization for mobile devices rules and policies，from the style sheet，page tags，page structure，page navigation，the screen resolution optimization，etc..Finally the paper describes the specific methods of mobile terminals page optimization.

Keywords：mobile search engine；webpage design；search engine optimization

1 引言（Introduction）

據(jù)媒體預(yù)測(cè)，到2016年，全球移動(dòng)設(shè)備的互聯(lián)網(wǎng)搜索量將超過(guò)桌面設(shè)備。移動(dòng)搜索是指以移動(dòng)設(shè)備為終端，用戶通過(guò)移動(dòng)通信設(shè)備輸入搜索項(xiàng)，對(duì)互聯(lián)網(wǎng)的檢索結(jié)果通過(guò)無(wú)線網(wǎng)絡(luò)返回給用戶。移動(dòng)互聯(lián)網(wǎng)搜索引擎優(yōu)化（Mobile Search Engine Optimization，縮寫(xiě)為MSEO，簡(jiǎn)稱移動(dòng)搜索優(yōu)化），它是在傳統(tǒng)PC互聯(lián)網(wǎng)搜索引擎優(yōu)化（即SEO）基礎(chǔ)上發(fā)展起來(lái)的一種關(guān)于移動(dòng)搜索引擎的排名優(yōu)化。

2 移動(dòng)搜索的特點(diǎn)（The characteristics of mobile search）

2.1 移動(dòng)搜索的特點(diǎn)

首先，移動(dòng)搜索具有可用性特點(diǎn)。移動(dòng)設(shè)備可用性包括：界面可視性、導(dǎo)航、內(nèi)容等。網(wǎng)頁(yè)界面可用性表現(xiàn)為同一窗口中內(nèi)容要精簡(jiǎn)，按內(nèi)容的重要性排列顯示；網(wǎng)頁(yè)版面布局要方便用戶更容易地接收信息等。

其次，移動(dòng)搜索具有可訪問(wèn)性特點(diǎn)。移動(dòng)搜索用戶與桌面搜索用戶相比，對(duì)搜索結(jié)果的關(guān)注度更高[1]。移動(dòng)用戶更多的是搜索能解決身邊的問(wèn)題，諸如餐飲、旅游、公交等，主要關(guān)注生活服務(wù)類(lèi)、健康保健類(lèi)、教育培訓(xùn)類(lèi)這三類(lèi)信息，因此移動(dòng)SEO的需求主要是針對(duì)這些網(wǎng)站的搜索引擎優(yōu)化[2]。

2.2 根據(jù)移動(dòng)搜索特點(diǎn)的網(wǎng)頁(yè)移動(dòng)化策略

網(wǎng)頁(yè)移動(dòng)化策略有兩個(gè)：（1）響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。（2）搜索引擎開(kāi)放適配服務(wù)，抓取移動(dòng)資源。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（Responsive web design）是一種網(wǎng)頁(yè)設(shè)計(jì)的方法，該設(shè)計(jì)可使網(wǎng)站從桌面電腦顯示器到移動(dòng)設(shè)備上適合閱讀和導(dǎo)航。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是能夠用一套樣式，使網(wǎng)站的頁(yè)面能夠在不同分辨率的屏幕下都有很好的表現(xiàn)形式。

百度的移動(dòng)資源有兩種抓取方式，一是通過(guò)傳統(tǒng)的蜘蛛（spider）抓取，另一種是通過(guò)百度提供的“開(kāi)放適配”服務(wù)。目前百度開(kāi)放適配服務(wù)共提供三種方案：自主適配、標(biāo)注Meta聲明、提交對(duì)應(yīng)關(guān)系Sitemap。按照百度官方的定義用“開(kāi)放適配”的抓取速度會(huì)優(yōu)于傳統(tǒng)的網(wǎng)頁(yè)抓取。

3 移動(dòng)端網(wǎng)站優(yōu)化的規(guī)則和策略（The mobile terminal website optimization rules and strategies）

3.1 百度移動(dòng)搜索結(jié)果的排名標(biāo)準(zhǔn)

百度鼓勵(lì)mobile資源，根據(jù)百度移動(dòng)搜索結(jié)果的排名標(biāo)準(zhǔn)：（1）檢索友好性，其友好性判斷標(biāo)準(zhǔn)是網(wǎng)站有沒(méi)有可以匹配移動(dòng)設(shè)備的HTML5結(jié)構(gòu)。（2）有完整的功能/服務(wù)滿足用戶需求，保證內(nèi)容/服務(wù)的穩(wěn)定可用，保證訪問(wèn)速度及到達(dá)率。（3）移動(dòng)化交互體驗(yàn)，符合移動(dòng)終端特性。（4）使用規(guī)范的html5/xhtml協(xié)議語(yǔ)言。

3.2 移動(dòng)端搜索結(jié)果的排名策略

移動(dòng)端網(wǎng)站優(yōu)化打破傳統(tǒng)網(wǎng)站的優(yōu)化方式，移動(dòng)端搜索結(jié)果的排名策略主要由基礎(chǔ)相關(guān)性、資源質(zhì)量、檢索友好性三個(gè)部分組成，如圖1所示。

手機(jī)頁(yè)面進(jìn)行適配，移動(dòng)網(wǎng)站的DOCTYPE聲明有助于搜索引擎識(shí)別該頁(yè)面是否適合手機(jī)瀏覽，mobile頁(yè)面協(xié)議編寫(xiě)如果不規(guī)范，會(huì)造成百度無(wú)法正常識(shí)別。

<！DOCTYPE> 聲明應(yīng)該位于文檔中的最前面的位置，處于 標(biāo)簽之前，其聲明格式，詳見(jiàn)表1。

4 基于移動(dòng)搜索的網(wǎng)頁(yè)優(yōu)化（Webpage optimization based on mobile search）

面對(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)郲3]。

4.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樣式表。

4.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。

Meta聲明的格式：

（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í)提升了切換的便捷性。

4.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è)三種類(lèi)型，頁(yè)面類(lèi)型及層級(jí)不超過(guò)三個(gè)，保證簡(jiǎn)單、高效的用戶體驗(yàn)[4]。使用盡量淺的頁(yè)間結(jié)構(gòu)，減少用戶點(diǎn)擊次數(shù)，提升瀏覽體驗(yàn)，如圖2所示。

4.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)航種類(lèi)較PC端要少，按照范圍的不同，可以分為三大類(lèi)：結(jié)構(gòu)性導(dǎo)航、關(guān)聯(lián)性導(dǎo)航和公用程序?qū)Ш?，三者的關(guān)系詳見(jiàn)表2。

一般首頁(yè)導(dǎo)航可以分為導(dǎo)航式和內(nèi)容式兩種，導(dǎo)航式因其風(fēng)格簡(jiǎn)潔可起到快速傳達(dá)品牌形象的作用；內(nèi)容式因其豐富的內(nèi)容，可快速傳遞信息，如圖3所示。

通過(guò)導(dǎo)航，用戶可以知道所在頁(yè)面在整個(gè)網(wǎng)站中的位置，在移動(dòng)端導(dǎo)航中盡量使用文字鏈接，不要使用復(fù)雜的js或者flash。使用圖片做導(dǎo)航時(shí)，可以使用Alt告訴搜索引擎所指向的網(wǎng)頁(yè)內(nèi)容。

4.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ò)小。

5 結(jié)論（Conclusion）

移動(dòng)網(wǎng)絡(luò)搜索引擎在全球范圍內(nèi)正日益普及，移動(dòng)端網(wǎng)站設(shè)計(jì)優(yōu)化，如何提升用戶在移動(dòng)端的搜索體驗(yàn)，如何將使得移動(dòng)端的網(wǎng)頁(yè)更加適合移動(dòng)平臺(tái)的發(fā)展特性，是當(dāng)前移動(dòng)網(wǎng)站設(shè)計(jì)者需要考慮的首要問(wèn)題。

參考文獻(xiàn)（References）

[1] 俞國(guó)紅.移動(dòng)搜索引擎優(yōu)化技術(shù)的研究[J].蘇州市職業(yè)大學(xué)學(xué)報(bào)，2014（04）：36-38.

[2] 楊海波，趙文龍，黃成.移動(dòng)搜索與桌面搜索比較研究[J].醫(yī)學(xué)信息學(xué)雜志，2012（04）：35-38.

[3] 劉妮娜.移動(dòng)環(huán)境下搜索引擎的個(gè)性化方法[J].江南大學(xué)學(xué)報(bào)（自然科學(xué)版），2006（02）：54-57.

[4] 李雅.手機(jī)網(wǎng)頁(yè)版式設(shè)計(jì)研究[J].科技與出版，2011（12）：90-92.

作者簡(jiǎn)介：

夏忠球（1964-），男，本科，工程師.研究領(lǐng)域：網(wǎng)絡(luò)安全，軟件技術(shù)，數(shù)據(jù)庫(kù)技術(shù).