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

　　一、天貓

　　<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ī)購(gòu)物,WAP商城,日用百貨,3C家電,汽車(chē)用品">

　　四、網(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)頁(yè)面的元信息(meta-information)，比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱(chēng)/值對(duì)。

　　手機(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">　

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

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

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

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

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