現(xiàn)在使用手機上網(wǎng)的用戶越來越多,即使類似我愛水煮魚這類一般應(yīng)用場景為 PC 的技術(shù)博客,都有30%的移動用戶訪問了,所以移動網(wǎng)站越來越重要了,今天登陸百度站長,發(fā)現(xiàn)百度站長也推出了“移動友好度”工具,并且還推出了《百度搜索MobileFriendly(移動友好度)標(biāo)準(zhǔn)V1.0》,幫助站長建立適合移動設(shè)備應(yīng)用的網(wǎng)站,為網(wǎng)站移動化建設(shè)提供明確的方向。

登錄百度站長之后,點擊 移動專區(qū) > 移動友好度,輸入你的博客,就可以測試你的博客或者網(wǎng)站的移動友好度了,比如下面就是我愛水煮魚博客的測試報告:
大致的評判結(jié)果是:該網(wǎng)頁適合移動設(shè)備,但仍有優(yōu)化空間
優(yōu)化的空間也給出了:
主體文本字號最好為14px,行間距=字號*(0.42~0.6)
鏈接區(qū)域偏小影響點擊,鏈接字號及間距最好為:
字號=14px&縱向間距=13px,字號=16px&縱向間距=14px
我只是簡單的修改了一下 CSS,隱藏了側(cè)邊欄和頭部的廣告,適應(yīng)移動用戶的訪問,百度站長的移動友好度也大體通過了,看來還是WordPress 程序還是非常容易實現(xiàn)的。
百度友好度建議和 WordPress 如何優(yōu)化
《百度搜索MobileFriendly(移動友好度)標(biāo)準(zhǔn)V1.0》里面已經(jīng)有非常詳細(xì)的說明如何提高站點的移動友好度,我這里節(jié)選幾點重點以及和WordPress 怎么優(yōu)化:
1. 頁面加載速度:用戶期望且能夠接受的頁面加載時間在3秒以內(nèi),若頁面的加載時間超過5秒,78%的用戶會失去耐心而選擇離開。
2. 頁面結(jié)構(gòu):一個結(jié)構(gòu)優(yōu)質(zhì)的頁面,要讓用戶沒有多余的干擾,第一眼看到頁面的主要內(nèi)容。比如用戶不需要左右滾動,也不需要進行縮放操作。廣告不會遮住主體內(nèi)容,當(dāng)然也不要有彈窗等惡意廣告了。
3. 頁面瀏覽體驗:1、頁面主體中的文本內(nèi)容和背景色應(yīng)有明顯的區(qū)分度;2、頁面主體中的文本內(nèi)容應(yīng)段落分明,排版精良;在使用《移動友好度》檢測的時候,百度站長會給出詳細(xì)的分析結(jié)果,讓你去調(diào)整字體和行間距等。
4. 資源和功能易用性:這個主要是不要使用 Flash,提供面包屑導(dǎo)航等等,讓用戶使用的時候更加方便,更容易找到自己需要的資源。
對于WordPress 博客來說,第一點需要去優(yōu)化站點的速度,WordPress 性能優(yōu)化:為什么我的博客比你的快這篇文章詳細(xì)介紹了我的優(yōu)化方法,如果你不會,我也提供了 WordPress 性能優(yōu)化收費服務(wù),接下來的2,3,4這三點其實只要去是有一款設(shè)計優(yōu)秀的 WordPress 主題即可。
百度是如何判斷移動適配的
百度站長在移動方面已經(jīng)進行非常多的工作,首先我們在提交站點到百度站長的時候,我們就可以站點類型:
對于WordPress 來說我們一般選擇“自適應(yīng)”或者“代碼匹配”這兩種類型。
自適應(yīng):對于絕大多數(shù)的 WordPress 博客來說,由于安裝的都是 WordPress 自適應(yīng)主題,所以一般都是選擇個選項。
代碼匹配:這個選項適合通過 MobilePress 這類手機瀏覽插件,通過服務(wù)器判斷用戶當(dāng)前瀏覽器(pc/移動)來給移動站點選擇一個適應(yīng)的移動 WordPress 主題的用戶。
我愛水煮魚就是自適應(yīng)的方式。
當(dāng)然還有一些站點,為了能夠使得緩存方便(移動站點的 url 不同),并且能夠使得移動站點的頁面更加簡潔,他會建立對應(yīng)PC站的移動站,比如我以前幫華麗志建立的移動站點:
華麗志 PC 站:http://luxe.co/
華麗志移動站:http://luxe.co/m/
當(dāng)使用這種方式的時候,需要在百度站長 > 移動專區(qū) > 移動適配 里面添加適配關(guān)系。
完成了站點設(shè)置和移動適配的設(shè)置之后,百度站長經(jīng)過一段時間的抓取,就可以移動適配狀態(tài)了: