歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

移動(dòng)網(wǎng)站怎么做SEO移動(dòng)標(biāo)簽優(yōu)化

發(fā)布時(shí)間:2017-11-21 文章來源:本站  瀏覽次數(shù):2950

  在移動(dòng)大潮如此洶涌強(qiáng)烈的情況下,注重移動(dòng)流量是有必要的。而一個(gè)移動(dòng)友好的站對(duì)用戶是合適閱讀,而對(duì)搜索引擎來說則是恰當(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)頁中頂部尾部以及頁面中幾回,強(qiáng)化移動(dò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),比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。 標(biāo)簽位于文檔的頭部,不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(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)用戶點(diǎn)擊屏幕擴(kuò)大閱讀;
  width - viewport的寬度 height - viewport的高度 initial-scale - 初始的縮放份額 minimum-scale - 答應(yīng)用戶縮放到的最小份額 maximum-scale - 答應(yīng)用戶縮放到的最大份額 user-scalable - 用戶是否能夠手動(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)用下狀況條(屏幕頂部條)的色彩; 默認(rèn)值為default(白色),能夠定為black(黑色)和black-translucent(灰色半透明)。 留意:若值為“black-translucent”將會(huì)占有頁面px方位,浮在頁面上方 (會(huì)掩蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
  第四個(gè)meta標(biāo)簽表明:告訴設(shè)備疏忽將頁面中的數(shù)字辨認(rèn)為電話號(hào)碼。
  其次是百度對(duì)字號(hào)距離的規(guī)矩,需嚴(yán)格遵守。
  百度用戶體會(huì)部對(duì)移動(dòng)頁閱讀體會(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ùn)用相同手勢(shì)完結(jié)不同功用。

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

上一條:百度”驚雷算法”,網(wǎng)站S...

下一條:電商網(wǎng)站優(yōu)化難度高?8點(diǎn)...