很多SEO都在困惱移動端網站如何優(yōu)化,下面我就來分析一下手機端特有的標簽有哪些?
<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">
第一個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頂端的狀態(tài)條的樣式;
在webapp應用下狀態(tài)條(屏幕頂部條)的顏色;默認值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。注意:若值為“black-translucent”將會占據頁面px位置,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個meta標簽表示:告訴設備忽略將頁面中的數字識別為電話號碼。
其次是百度對字號間距的規(guī)定,需嚴格遵守。
百度用戶體驗部對移動頁瀏覽體驗的研究成果:
1、主體內容含文本段落時,正文字號推薦14px,行間距推薦(0.42~0.6)*字號,正文字號不小于10px,行間距不小于0.2*字號;
2、主體內容含多圖時,除圖片質量外,應設置圖片寬度一致位置統(tǒng)一;
3、主體內容含多個文字鏈時,文字鏈字號推薦14px或16px:字號為14px時,縱向間距推薦13px;字號為16px時,縱向間距推薦14px;文字鏈整體可點區(qū)域不小于40px;
4、主體內容中的其他可點區(qū)域,寬度和高度應大于40px;
5、此外,需注意交互一致性,同一頁面不應使用相同手勢完成不同功能。
移動標簽
再次,降低js,大圖片,flash等富媒體資源使用,甚至在非特別必要情況下,使用純靜態(tài)文本資源,訪問速度快,主題集中,減少蜘蛛工作。用還是不用,可以細致的體現到每個頁面策略上去,富媒體的東西無非是利用人右腦功能強化記憶,加強吸引力的。但在移動端,它會嚴重拖慢加載速度以及占用有限手機空間。并非很好選擇,除非對圖片要求及flash或交互要求高的站點,不過通常它們的加速方面有強大的技術支持??捎行У譁p帶來的不利影響。
第四,使用m.jiaodaseo.com,wap.jiaodaseo.com,類似這樣的通用標示多次重復標示,并可采用技術手段拒絕pc用戶訪問?;蛘邚娭铺D到pc頁面。如果是自適配的,這種辦法就不適用了,可加強上面提到的關鍵詞標示,增進識別度。
第五,百度的自定義標簽,用以幫助識別pc移動站。
用來向百度蜘蛛說明此url頁面適合在PC端還是M端展現。說白了,就是幫助百度提交校驗識別結果的正確性,減少百度蜘蛛把PC站當成M站,或者把M站當成PC站進行抓取。
2.代碼位置:
代碼放在<head></head>中間,規(guī)則和對應關系見下:
如果是PC站,代碼:<metaname="applicable-device"content="pc">
如果是M站,代碼:<metaname="applicable-device"content="mobile">
如果是自適應或代碼適配,代碼:<metaname="applicable-device"content="pc,mobile">。
總的一句話,速度快穩(wěn)定移動訪問體驗佳,搜索引擎高度識別,并能建立起移動站跟pc站的一一對應關系。
標簽:東營
林芝
鹽城
九江
烏魯木齊