在移動大潮如此洶涌強(qiáng)烈的情況下，注重移動流量是有必要的。而一個移動友好的站對用戶是合適閱讀，而對搜索引擎來說則是恰當(dāng)?shù)臉?biāo)簽運用，讓他在最短時間內(nèi)判別出它的移動友好性，然后鋒芒畢露。
　　首先是meta標(biāo)簽標(biāo)明。以及將手機(jī)，移動端，wap版等代表移動的詞匯刺進(jìn)到網(wǎng)頁中頂部尾部以及頁面中幾回，強(qiáng)化移動頁面的辨認(rèn)。博客園一篇文章以天貓?zhí)詫毦〇|為例做了詳解，我直接摘錄過來。謝謝原作者。

　　一、天貓

　　<title>天貓觸屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">

　　二、淘寶

　　<title>淘寶網(wǎng)觸屏版</title> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta content="telephone=no" name="format-detection"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta property="wb:webmaster" content="c51923015ca19eb1"> <meta name="author" content="m.taobao.com"> <meta name="copyright" content="Copyright ?m.taobao.com 版權(quán)所有"> <meta name="revisit-after" content="1 days"> <meta name="keywords" content=""> <meta name="description" content="">

　　三、京東

　　1 <title> 京東 - 手機(jī)版 </title> 2 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"> 3 <meta name="format-detection" content="telephone=no"> 4 <meta name="Keywords" content="手機(jī)購物,WAP商城,日用百貨,3C家電,汽車用品">

　　四、網(wǎng)易

　   <title>手機(jī)網(wǎng)易網(wǎng)</title> <meta charset="UTF-8"> <meta content="width=device-width,user-scalable=no" name="viewport"> <meta name="apple-itunes-app" content="app-id=425349261"> <meta name="apple-mobile-web-app-capable" content="yes">

　　五、百度

　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="format-detection" content="telephone=no">

　　meta指元素可提供有關(guān)頁面的元信息(meta-information)，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。

　　手機(jī)端特有的有哪些?

　　<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">　

　　第一個meta標(biāo)簽表明：強(qiáng)制讓文檔的寬度與設(shè)備的寬度堅持1:1，而且文檔最大的寬度份額是1.0，且不答應(yīng)用戶點擊屏幕擴(kuò)大閱讀;
　　width - viewport的寬度 height - viewport的高度 initial-scale - 初始的縮放份額 minimum-scale - 答應(yīng)用戶縮放到的最小份額 maximum-scale - 答應(yīng)用戶縮放到的最大份額 user-scalable - 用戶是否能夠手動縮放
　　第二個meta標(biāo)簽是iphone設(shè)備中的safari私有meta標(biāo)簽，它表明：答應(yīng)全屏形式閱讀;
　　第三個meta標(biāo)簽也是iphone的私有標(biāo)簽，它指定的iphone中safari頂端的狀況條的款式;
　　在web app應(yīng)用下狀況條(屏幕頂部條)的色彩; 默認(rèn)值為default(白色)，能夠定為black(黑色)和black-translucent(灰色半透明)。 留意：若值為“black-translucent”將會占有頁面px方位，浮在頁面上方 (會掩蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
　　第四個meta標(biāo)簽表明：告訴設(shè)備疏忽將頁面中的數(shù)字辨認(rèn)為電話號碼。
　　其次是百度對字號距離的規(guī)矩，需嚴(yán)格遵守。
　　百度用戶體會部對移動頁閱讀體會的研究成果：
　　1、主體內(nèi)容含文本階段時，正文字號引薦14px，行距離引薦(0.42~0.6)*字號，正文字號不小于10px，行距離不小于0.2*字號;
　　2、主體內(nèi)容含多圖時，除圖片質(zhì)量外，應(yīng)設(shè)置圖片寬度一致方位一致;
　　3、主體內(nèi)容含多個文字鏈時，文字鏈字號引薦14px或16px：字號為14px時，縱向距離引薦13px;字號為16px時，縱向距離引薦14px;文字鏈整體可點區(qū)域不小于40px;
　　4、主體內(nèi)容中的其他可點區(qū)域，寬度和高度應(yīng)大于40px;
　　5、此外，需留意交互一致性，同一頁面不該運用相同手勢完結(jié)不同功用。

　　再次，下降js，大圖片，flash等富媒體資源運用，甚至在非特別必要情況下，運用純靜態(tài)文本資源，拜訪速度快，主題會集，削減蜘蛛作業(yè)。用仍是不必，能夠詳盡的表現(xiàn)到每個頁面戰(zhàn)略上去，富媒體的東西無非是利用人右腦功用強(qiáng)化記憶，加強(qiáng)吸引力的。但在移動端，它會嚴(yán)峻拖慢加載速度以及占用有限手機(jī)空間。并非很好挑選，除非對圖片要求及flash或交互要求高的站點，不過一般它們的加快方面有強(qiáng)壯的技術(shù)支持�？捎杏玫譁p帶來的不利影響。
　　第四，運用m.jiaoda搜索引擎優(yōu)化.com，wap.jiaoda搜索引擎優(yōu)化.com，類似這樣的通用標(biāo)明屢次重復(fù)標(biāo)明，并可選用技術(shù)手段回絕pc用戶拜訪。或許強(qiáng)制跳轉(zhuǎn)到pc頁面。如果是自適配的，這種方法就不適用了，可加強(qiáng)上面提到的關(guān)鍵詞標(biāo)明，增進(jìn)辨認(rèn)度。
　　第五，百度的自界說標(biāo)簽，用以協(xié)助辨認(rèn)pc移動站。
　　用來向百度蜘蛛闡明此url頁面合適在PC端仍是M端展示。說白了，就是協(xié)助百度提交校驗辨認(rèn)成果的正確性，削減百度蜘蛛把PC站當(dāng)成M站，或許把M站當(dāng)成PC站進(jìn)行抓取。
　　2.代碼方位：
　　代碼放在中間，規(guī)矩和對應(yīng)聯(lián)系見下：　
　　如果是PC站，代碼：<meta name="applicable-device"content="pc">

　　如果是M站，代碼：<meta name="applicable-device"content="mobile">

　　如果是自適應(yīng)或代碼適配，代碼：<meta name="applicable-device"content="pc,mobile">。

　　總的一句話，速度快穩(wěn)定移動拜訪體會佳，搜索引擎高度辨認(rèn)，并能建立起移動站跟pc站的一一對應(yīng)聯(lián)系。