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