移動網站怎么做SEO移動標簽優化

　　在移動大潮如此洶涌強烈的情況下，注重移動流量是有必要的。而一個移動友好的站對用戶是合適閱讀，而對搜索引擎來說則是恰當的標簽運用，讓他在最短時間內判別出它的移動友好性，然后鋒芒畢露。
　　首先是meta標簽標明。以及將手機，移動端，wap版等代表移動的詞匯刺進到網頁中頂部尾部以及頁面中幾回，強化移動頁面的辨認。博客園一篇文章以天貓淘寶京東為例做了詳解，我直接摘錄過來。謝謝原作者。

　　一、天貓

　　<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>淘寶網觸屏版</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 版權所有"> <meta name="revisit-after" content="1 days"> <meta name="keywords" content=""> <meta name="description" content="">

　　三、京東

　　1 <title> 京東 - 手機版 </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="手機購物,WAP商城,日用百貨,3C家電,汽車用品">

　　四、網易

　   <title>手機網易網</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指元素可提供有關頁面的元信息(meta-information)，比如針對搜索引擎和更新頻度的描述和關鍵詞。 標簽位于文檔的頭部，不包含任何內容。 標簽的屬性定義了與文檔相關聯的名稱/值對。

　　手機端特有的有哪些?

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

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

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

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

　　總的一句話，速度快穩定移動拜訪體會佳，搜索引擎高度辨認，并能建立起移動站跟pc站的一一對應聯系。