移動端如何做好優(yōu)化
文章出處:本站 │ 網(wǎng)站編輯:黑馬網(wǎng)絡(luò) │ 發(fā)表時(shí)間:2015-12-12 14:10:28 │
做好自主適配 如果是獨(dú)立URL的移動站,首先做好自適配。手機(jī)用戶訪問了PC版,自動轉(zhuǎn)向到移動版URL。PC用戶由于某種原因訪問了移動URL,自動轉(zhuǎn)向到PC版URL。這個(gè)轉(zhuǎn)向百度建議用301,Google用301、302都可以。 自適應(yīng)設(shè)計(jì)也要檢測用戶瀏覽器類型,返回不同版本。百度建議自適應(yīng)頁面加上這行代碼,告訴百度這個(gè)URL適用于PC和移動版本: 不過百度也不一定認(rèn)可這個(gè)標(biāo)簽。有的站做自適應(yīng)已經(jīng)一個(gè)半月了,也加了上面的meta標(biāo)簽,但百度至今也不認(rèn),還在給本博客轉(zhuǎn)碼。 頁面是否方便手機(jī)用戶瀏覽、點(diǎn)擊? 這是個(gè)用戶體驗(yàn)問題,而用戶體驗(yàn)是現(xiàn)在SEO,尤其是移動SEO的重要內(nèi)容之一。包括很多細(xì)節(jié),如: 字體是否夠大?如果字體太小,用戶需要放大才能閱讀,顯然談不上移動友好。 上下滑動頁面一般是必要的,但需要左右滑動頁面才能看全內(nèi)容,在手機(jī)上是很不方便的。 是否有大面積廣告?在PC頁面上,大量廣告就夠討厭的了,在手機(jī)上簡直就沒法忍了。 導(dǎo)航和內(nèi)容中的鏈接是否容易點(diǎn)擊?按鈕是否足夠大?字距、行距是否足夠?不要低估了用戶們手指頭的粗度。手機(jī)頁面廣告點(diǎn)擊率大大超過PC端,不是因?yàn)槭謾C(jī)用戶喜歡廣告,而是誤點(diǎn)的太多了。 不要太長。PC搜索結(jié)果中頁面標(biāo)題可以顯示20多個(gè)字,在移動搜索結(jié)果中,這么長就被顯示成兩行了,雖然占的地方大了,但其實(shí)視覺上比較亂,反而不明顯。 購物或其他功能是否夠簡單?在手機(jī)上填寫表格比在電腦上難多了。 手機(jī)橫豎方向變化時(shí),頁面是否自動調(diào)整顯示寬度? 頁面內(nèi)容是否能正常訪問? 在很多手機(jī)上打不開,比如賣腎都要買的iPhone早就不支持了。復(fù)雜的JS效果也可能導(dǎo)致頁面內(nèi)容在手機(jī)上根本不能顯示。想要被搜索引擎讀取的內(nèi)容和鏈接不要放在JS或中,就算用戶手機(jī)能顯示,搜索引擎也不一定能解析出來。 頁面是否彈窗強(qiáng)制APP下載或用戶登錄后才能看到內(nèi)容?這是百度冰桶算法主要打擊的對象。 還要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和圖片等外部文件,不然搜索引擎蜘蛛可能無法判斷頁面布局,甚至無法正常訪問內(nèi)容。 頁面打開速度 百度現(xiàn)在給出的參考數(shù)字是,頁面在手機(jī)上需要3秒之內(nèi)打開,不然用戶就跑了。以前給的數(shù)字是4秒。除了主機(jī)速度、帶寬等,打開速度也和下面的內(nèi)容精簡有很大關(guān)系。 非主體內(nèi)容、功能大幅精簡 PC版頁面經(jīng)常看到兩三行頂部導(dǎo)航,這在手機(jī)上就沒法看了。通常手機(jī)版本要大幅刪減導(dǎo)航系統(tǒng),包括頂部導(dǎo)航、面包屑和側(cè)欄導(dǎo)航。即使保留完整主導(dǎo)航,也得折疊起來,用戶點(diǎn)擊時(shí)再打開。如果要顯示頂部導(dǎo)航,最多5、6個(gè)就差不多了。 同樣,廣告、頁腳、相關(guān)文章、Tag鏈接等PC頁面上常見的內(nèi)容,能刪則刪,手機(jī)上很難容得下這些內(nèi)容。同時(shí),刪減這些內(nèi)容頁可以使頁面HTML代碼大幅減少,提高頁面打開速度。 使用CSS可以隱藏導(dǎo)航等內(nèi)容,但會產(chǎn)生冗余代碼。如果需要隱藏的比較多,不如直接從HTML代碼中刪除,減小頁面文件。 刪除、縮小、壓縮圖片,提高打開速度。刪除沒有十分必要的功能。 本地查詢詞 由于使用場景的特性,移動搜索有更強(qiáng)地域性。在手機(jī)上搜索吃喝玩樂、旅游、地圖、路線、天氣等的用戶數(shù)量很大,做移動SEO時(shí),更要關(guān)注地名+主查詢詞這種搜索,如“北京飯館”,“中關(guān)村酒吧”之類的詞。 頁面針對特定地理位置時(shí),比如頁面就是關(guān)于“王府井酒店”的,百度建議使用地理擴(kuò)展meta標(biāo)注省市名稱,甚至具體坐標(biāo)。




