淺談基于移動搜索的網(wǎng)頁設(shè)計優(yōu)化研究論文
1 引言(Introduction)
據(jù)媒體預(yù)測，到2016年，全球移動設(shè)備的互聯(lián)網(wǎng)搜索量將超過桌面設(shè)備。移動搜索是指以移動設(shè)備為終端，用戶通過移動通信設(shè)備輸入搜索項，對互聯(lián)網(wǎng)的檢索結(jié)果通過無線網(wǎng)絡(luò)返回給用戶。移動互聯(lián)網(wǎng)搜索引擎優(yōu)化(Mobile Search Engine Optimization，縮寫為MSEO，簡稱移動搜索優(yōu)化)，它是在傳統(tǒng)PC互聯(lián)網(wǎng)搜索引擎優(yōu)化(即SEO)基礎(chǔ)上發(fā)展起來的一種關(guān)于移動搜索引擎的排名優(yōu)化。
2 移動搜索的特點(The characteristics of mobile search)
2.1 移動搜索的特點
首先，移動搜索具有可用性特點。移動設(shè)備可用性包括：界面可視性、導(dǎo)航、內(nèi)容等。網(wǎng)頁界面可用性表現(xiàn)為同一窗口中內(nèi)容要精簡，按內(nèi)容的重要性排列顯示;網(wǎng)頁版面布局要方便用戶更容易地接收信息等。其次，移動搜索具有可訪問性特點。移動搜索用戶與桌面搜索用戶相比，對搜索結(jié)果的關(guān)注度更高。移動用戶更多的是搜索能解決身邊的問題，諸如餐飲、旅游、公交等，主要關(guān)注生活服務(wù)類、健康保健類、教育培訓(xùn)類這三類信息，因此移動SEO的需求主要是針對這些網(wǎng)站的搜索引擎優(yōu)化。
2.2 根據(jù)移動搜索特點的網(wǎng)頁移動化策略
網(wǎng)頁移動化策略有兩個：(1)響應(yīng)式網(wǎng)頁設(shè)計。(2)搜索引擎開放適配服務(wù)，抓取移動資源。響應(yīng)式網(wǎng)頁設(shè)計(Responsive web design)是一種網(wǎng)頁設(shè)計的方法，該設(shè)計可使網(wǎng)站從桌面電腦顯示器到移動設(shè)備上適合閱讀和導(dǎo)航。響應(yīng)式網(wǎng)頁設(shè)計就是能夠用一套樣式，使網(wǎng)站的頁面能夠在不同分辨率的屏幕下都有很好的表現(xiàn)形式。百度的移動資源有兩種抓取方式，一是通過傳統(tǒng)的蜘蛛(spider)抓取，另一種是通過百度提供的“開放適配”服務(wù)。目前百度開放適配服務(wù)共提供三種方案：自主適配、標(biāo)注Meta聲明、提交對應(yīng)關(guān)系Sitemap。按照百度官方的定義用“開放適配”的抓取速度會優(yōu)于傳統(tǒng)的網(wǎng)頁抓取。
3 移動端網(wǎng)站優(yōu)化的規(guī)則和策略(The mobileterminal website optimization rules and strategies)
3.1 百度移動搜索結(jié)果的排名標(biāo)準(zhǔn)
百度鼓勵mobile資源，根據(jù)百度移動搜索結(jié)果的排名標(biāo)準(zhǔn)：(1)檢索友好性，其友好性判斷標(biāo)準(zhǔn)是網(wǎng)站有沒有可以匹配移動設(shè)備的HTML5結(jié)構(gòu)。(2)有完整的功能/服務(wù)滿足用戶需求，保證內(nèi)容/服務(wù)的穩(wěn)定可用，保證訪問速度及到達(dá)率。(3)移動化交互體驗，符合移動終端特性。(4)使用規(guī)范的html5/xhtml協(xié)議語言。
3.2 移動端搜索結(jié)果的排名策略
移動端網(wǎng)站優(yōu)化打破傳統(tǒng)網(wǎng)站的優(yōu)化方式，移動端搜索結(jié)果的排名策略主要由基礎(chǔ)相關(guān)性、資源質(zhì)量、檢索友好性三個部分組成。
機頁面進(jìn)行適配，移動網(wǎng)站的DOCTYPE聲明有助于搜索引擎識別該頁面是否適合手機瀏覽，mobile頁面協(xié)議編寫如果不規(guī)范，會造成百度無法正常識別。 聲明應(yīng)該位于文檔中的最前面的位置，處于 標(biāo)簽之前，其聲明格式。
4 基于移動搜索的網(wǎng)頁優(yōu)化(Webpage optimizationbased on mobile search)
面對移動搜索市場，移動用戶需求與標(biāo)準(zhǔn)的桌面搜索需求是不同的，移動用戶更傾向于即時需求，移動搜索與桌面搜索相比，具有：(1)在移動設(shè)備上的小屏幕，可能只能出現(xiàn)5個搜索結(jié)果。(2)移動搜索查詢往往極短，查詢的關(guān)鍵詞也比傳統(tǒng)桌面搜索更少。(3)移動搜索查詢結(jié)果受到字?jǐn)?shù)限制。例如，PC端和移動端搜索結(jié)果,PC端30多個中文漢字才截斷，移動端不到20個字就截斷。
4.1 移動端網(wǎng)站樣式表的優(yōu)化
制作的.一個移動樣式表單，稱之為“handheld.css”，這個CSS可以把傳統(tǒng)網(wǎng)頁格式化為移動設(shè)備可以瀏覽的網(wǎng)頁。
如果客戶端是手機等移動設(shè)備時，就會載入這個css樣式表。
4.2 移動端網(wǎng)頁標(biāo)簽的優(yōu)化
(1)meta標(biāo)簽優(yōu)化，使用標(biāo)注meta聲明開放適配協(xié)議。站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息，由Meta信息來指明該PC頁對應(yīng)的手機頁的URL。Meta聲明的格式：
(2)描述標(biāo)簽(description)的優(yōu)化，使用description目的是用來說明頁面的主體內(nèi)容。描述標(biāo)簽也會被顯示在搜索結(jié)果當(dāng)中被用戶所見。
(3)jquery標(biāo)簽的優(yōu)化，提升移動用戶的使用體驗。例如，滑動切換圖片相比于自動切換和點擊切換，滑動切換增強了用戶操作的主動性、隱藏標(biāo)簽和顯示標(biāo)簽實現(xiàn)動畫效果，同時提升了切換的便捷性。
4.3 移動端頁面結(jié)構(gòu)的優(yōu)化
使用三層的頁面結(jié)構(gòu)。由于移動端是直接用手指操作，需要響應(yīng)元素點擊區(qū)域要相對明顯，布局上可以多上下排列。移動網(wǎng)站的頁面加載速度要比普通網(wǎng)頁加載速度慢，所以減少頁面數(shù)量非常重要。用戶是不會有耐心不斷打開網(wǎng)頁上的，所以盡可能簡化網(wǎng)站的布局也是很重要。一個標(biāo)準(zhǔn)的移動站應(yīng)該包含首頁、列表頁和詳情頁三種類型，頁面類型及層級不超過三個，保證簡單、高效的用戶體驗。使用盡量淺的頁間結(jié)構(gòu)，減少用戶點擊次數(shù)，提升瀏覽體驗。
4.4 移動端網(wǎng)頁導(dǎo)航的優(yōu)化
網(wǎng)頁導(dǎo)航可用性表現(xiàn)為用戶能快速地找到所需的信息，是用戶體驗的重要實現(xiàn)方式。移動網(wǎng)站可以采用的導(dǎo)航種類較PC端要少，按照范圍的不同，可以分為三大類：結(jié)構(gòu)性導(dǎo)航、關(guān)聯(lián)性導(dǎo)航和公用程序?qū)Ш�。一般首頁�?dǎo)航可以分為導(dǎo)航式和內(nèi)容式兩種，導(dǎo)航式因其風(fēng)格簡潔可起到快速傳達(dá)品牌形象的作用;內(nèi)容式因其豐富的內(nèi)容，可快速傳遞信息。通過導(dǎo)航，用戶可以知道所在頁面在整個網(wǎng)站中的位置，在移動端導(dǎo)航中盡量使用文字鏈接，不要使用復(fù)雜的js或者flash。使用圖片做導(dǎo)航時，可以使用Alt告訴搜索引擎所指向的網(wǎng)頁內(nèi)容。
4.5 移動端網(wǎng)頁屏幕分辨率的自適應(yīng)
移動端網(wǎng)站的頁面需做到以下三點：一是頁面隨屏幕寬度變化，無橫向滾動條;二是屏幕不放大時，能清晰瀏覽內(nèi)容，文字大小不低于12像素;三是屏幕不放大時，按鈕、鏈接等點擊方便，按鈕尺寸不能過大或過小。
(1)根據(jù)移動端屏幕的特點實現(xiàn)移動端屏幕適配，需要用到如下代碼：
例 如 ： < meta name = " viewport " content="width=480,target-densitydpi=dpi,minimal-ui">，移動頁面設(shè)計 480*854的比例。
(2)橫豎屏的適配，需要用到Js的代碼控制如下所示：
window.addEventListener("orientationchange",function () {
This.isOrietation = true;
This.changeOriention();
});
//執(zhí)行橫豎屏的事件都通過一個偵聽完成，做一個統(tǒng)一的管理;在屏幕橫豎屏切換完成之后再執(zhí)行相應(yīng)的事件C的代碼控制如下所示：
@media screen and(orientation:landspace){...} //定義橫屏的顯示樣式
@media screen and(orientation:portrait){...} //定義豎屏的顯示樣式
@media only screen and(orientation:portrait) and(device-width:768px){...} //定義某個尺寸的特殊樣式 豎屏?xí)r寬度為768px 符合一般ipad的條件
5 結(jié)論(Conclusion)
移動網(wǎng)絡(luò)搜索引擎在全球范圍內(nèi)正日益普及，移動端網(wǎng)站設(shè)計優(yōu)化，如何提升用戶在移動端的搜索體驗，如何將使得移動端的網(wǎng)頁更加適合移動平臺的發(fā)展特性，是當(dāng)前移動網(wǎng)站設(shè)計者需要考慮的首要問題。
【淺談基于移動搜索的網(wǎng)頁設(shè)計優(yōu)化研究論文】相關(guān)文章：
基于NURBS的葉片優(yōu)化設(shè)計研究07-29
淺談基于CATIA 的方程曲線設(shè)計建模研究論文10-25
優(yōu)化：淺談搜索引擎如何計算網(wǎng)頁權(quán)重 -電腦資料01-01
淺談如何設(shè)計橋梁與優(yōu)化方法的論文10-24
淺談基于移動互聯(lián)技術(shù)的公共自行車租賃系統(tǒng)設(shè)計論文10-26
基于iSIGHT的多學(xué)科設(shè)計優(yōu)化技術(shù)研究07-29
基于iSIGHT的多學(xué)科設(shè)計優(yōu)化技術(shù)研究07-03