很多SEO都在困惱移動(dòng)端網(wǎng)站如何優(yōu)化,下面我就來(lái)分析一下手機(jī)端特有的標(biāo)簽有哪些?
<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport"><metacontent="yes"name="apple-mobile-web-app-capable"><metacontent="black"name="apple-mobile-web-app-status-bar-style"><metacontent="telephone=no"name="format-detection">
第一個(gè)meta標(biāo)簽表示:強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1,并且文檔最大的寬度比例是1.0,且不允許用戶點(diǎn)擊屏幕放大瀏覽;
width-viewport的寬度height-viewport的高度initial-scale-初始的縮放比例minimum-scale-允許用戶縮放到的最小比例maximum-scale-允許用戶縮放到的最大比例user-scalable-用戶是否可以手動(dòng)縮放
第二個(gè)meta標(biāo)簽是iphone設(shè)備中的safari私有meta標(biāo)簽,它表示:允許全屏模式瀏覽;
第三個(gè)meta標(biāo)簽也是iphone的私有標(biāo)簽,它指定的iphone中safari頂端的狀態(tài)條的樣式;
在webapp應(yīng)用下?tīng)顟B(tài)條(屏幕頂部條)的顏色;默認(rèn)值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。注意:若值為“black-translucent”將會(huì)占據(jù)頁(yè)面px位置,浮在頁(yè)面上方(會(huì)覆蓋頁(yè)面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個(gè)meta標(biāo)簽表示:告訴設(shè)備忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼。
其次是百度對(duì)字號(hào)間距的規(guī)定,需嚴(yán)格遵守。
百度用戶體驗(yàn)部對(duì)移動(dòng)頁(yè)瀏覽體驗(yàn)的研究成果:
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è)置圖片寬度一致位置統(tǒng)一;
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īng)使用相同手勢(shì)完成不同功能。
移動(dòng)標(biāo)簽
再次,降低js,大圖片,flash等富媒體資源使用,甚至在非特別必要情況下,使用純靜態(tài)文本資源,訪問(wèn)速度快,主題集中,減少蜘蛛工作。用還是不用,可以細(xì)致的體現(xiàn)到每個(gè)頁(yè)面策略上去,富媒體的東西無(wú)非是利用人右腦功能強(qiáng)化記憶,加強(qiáng)吸引力的。但在移動(dòng)端,它會(huì)嚴(yán)重拖慢加載速度以及占用有限手機(jī)空間。并非很好選擇,除非對(duì)圖片要求及flash或交互要求高的站點(diǎn),不過(guò)通常它們的加速方面有強(qiáng)大的技術(shù)支持。可有效抵減帶來(lái)的不利影響。
第四,使用m.jiaodaseo.com,wap.jiaodaseo.com,類似這樣的通用標(biāo)示多次重復(fù)標(biāo)示,并可采用技術(shù)手段拒絕pc用戶訪問(wèn)?;蛘邚?qiáng)制跳轉(zhuǎn)到pc頁(yè)面。如果是自適配的,這種辦法就不適用了,可加強(qiáng)上面提到的關(guān)鍵詞標(biāo)示,增進(jìn)識(shí)別度。
第五,百度的自定義標(biāo)簽,用以幫助識(shí)別pc移動(dòng)站。
用來(lái)向百度蜘蛛說(shuō)明此url頁(yè)面適合在PC端還是M端展現(xiàn)。說(shuō)白了,就是幫助百度提交校驗(yàn)識(shí)別結(jié)果的正確性,減少百度蜘蛛把PC站當(dāng)成M站,或者把M站當(dāng)成PC站進(jìn)行抓取。
2.代碼位置:
代碼放在<head></head>中間,規(guī)則和對(duì)應(yīng)關(guān)系見(jiàn)下:
如果是PC站,代碼:<metaname="applicable-device"content="pc">
如果是M站,代碼:<metaname="applicable-device"content="mobile">
如果是自適應(yīng)或代碼適配,代碼:<metaname="applicable-device"content="pc,mobile">。
總的一句話,速度快穩(wěn)定移動(dòng)訪問(wèn)體驗(yàn)佳,搜索引擎高度識(shí)別,并能建立起移動(dòng)站跟pc站的一一對(duì)應(yīng)關(guān)系。
標(biāo)簽:東營(yíng)
林芝
鹽城
九江
烏魯木齊