<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
  • <tr id="g60s4"></tr>
  • 
    
  • 或者

    wordpress移動端友好度大揭秘

    作者:數(shù)風(fēng)流人物 瀏覽:211 發(fā)布時(shí)間:2018-04-18
    分享 評論 0

        wordpress是目前是在國內(nèi)比較流行的輕量級的內(nèi)容管理系統(tǒng),擁有世界上最強(qiáng)大的插件和模板,在站長圈中十分的流行,那么,wordpress站點(diǎn)該如何才能做好移動友好度呢?

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

        移動友好度工具簡單使用體驗(yàn)

        登錄百度站長之后,點(diǎn)擊移動專區(qū) > 移動友好度,輸入你的博客,就可以測試你的博客或者網(wǎng)站的移動友好度了,比如下面就是我博客的測試報(bào)告:   

        大致的評判結(jié)果是:該網(wǎng)頁適合移動設(shè)備,但仍有優(yōu)化空間

        優(yōu)化的空間也給出了:

        主體文本字號最好為14px,行間距=字號*(0.42~0.6)

        鏈接區(qū)域偏小影響點(diǎn)擊,鏈接字號及間距最好為:

        字號=14px&縱向間距=13px,字號=16px&縱向間距=14px

        我只是簡單的修改了一下 CSS,隱藏了側(cè)邊欄和頭部的廣告,適應(yīng)移動用戶的訪問,百度站長的移動友好度也大體通過了,看來還是WordPress 程序還是非常容易實(shí)現(xiàn)的。

        百度友好度建議和 WordPress優(yōu)化問題

        《百度搜索MobileFriendly(移動友好度)標(biāo)準(zhǔn)V1.0》里面已經(jīng)有非常詳細(xì)的說明如何提高站點(diǎn)的移動友好度,我這里節(jié)選幾點(diǎn)重點(diǎn)以及和WordPress 怎么優(yōu)化:

        1. 頁面加載速度:用戶期望且能夠接受的頁面加載時(shí)間在3秒以內(nèi),若頁面的加載時(shí)間超過5秒,78%的用戶會失去耐心而選擇離開。

        2. 頁面結(jié)構(gòu):一個(gè)結(jié)構(gòu)優(yōu)質(zhì)的頁面,要讓用戶沒有多余的干擾,第一眼看到頁面的主要內(nèi)容。比如用戶不需要左右滾動,也不需要進(jìn)行縮放操作。廣告不會遮住主體內(nèi)容,當(dāng)然也不要有彈窗等惡意廣告了。

        3. 頁面瀏覽體驗(yàn):1、頁面主體中的文本內(nèi)容和背景色應(yīng)有明顯的區(qū)分度;2、頁面主體中的文本內(nèi)容應(yīng)段落分明,排版精良;在使用《移動友好度》檢測的時(shí)候,百度站長會給出詳細(xì)的分析結(jié)果,讓你去調(diào)整字體和行間距等。

        4. 資源和功能易用性:這個(gè)主要是不要使用 Flash,提供面包屑導(dǎo)航等等,讓用戶使用的時(shí)候更加方便,更容易找到自己需要的資源。

        對于WordPress 博客來說,第一點(diǎn)需要去優(yōu)化站點(diǎn)的速度,接下來的2,3,4這三點(diǎn)其實(shí)只要去是有一款設(shè)計(jì)優(yōu)秀的 WordPress 主題即可。

        百度是如何判斷移動適配的

        百度站長在移動方面已經(jīng)進(jìn)行非常多的工作,首先我們在提交站點(diǎn)到百度站長的時(shí)候,我們就可以站點(diǎn)類型:

        對于WordPress 來說我們一般選擇“自適應(yīng)”或者“代碼匹配”這兩種類型。

        自適應(yīng):對于絕大多數(shù)的 WordPress 博客來說,由于安裝的都是 WordPress 自適應(yīng)主題,所以一般都是選擇個(gè)選項(xiàng)。

        代碼匹配:這個(gè)選項(xiàng)適合通過 MobilePress 這類手機(jī)瀏覽插件,通過服務(wù)器判斷用戶當(dāng)前瀏覽器(pc/移動)來給移動站點(diǎn)選擇一個(gè)適應(yīng)的移動 WordPress 主題的用戶。

        當(dāng)使用這種方式的時(shí)候,需要在百度站長 > 移動專區(qū) > 移動適配里面添加適配關(guān)系。


    中文字幕精品一区二区三区视频| 日韩免费的视频在线观看香蕉 | 亚洲精品国产肉丝袜久久| 亚洲精品无码久久久久| 国产精品狼人久久久久影院| 国产日韩一区二区三区| 国产精品二区三区免费播放心| 国产精品玖玖玖在线观看| 久久久久人妻精品一区 | 青娱乐2017年精品视频在线| 精品人无码一区二区三区| 亚洲精品自产拍在线观看动漫| 亚洲国产另类久久久精品| 国产自偷亚洲精品页65页 | 伊人久久精品无码av一区| 国产大片91精品免费观看男同| 精品欧美一区二区在线观看| 国产麻豆精品原创| 91久久精品国产免费直播| 91精品综合久久久久久五月天| 性色精品视频网站在线观看| 久久久免费的精品| 午夜精品美女写真福利| 日韩精品亚洲人成在线观看| 久久99精品久久久久久首页| 久久久久国产精品免费看| 无码国内精品人妻少妇| 久久精品中文字幕无码绿巨人| 人妻少妇精品视中文字幕国语| 色久综合网精品一区二区| 99精品一区二区三区| 97精品免费视频| 91精品国产91久久久久久青草 | 国产日韩在线观看视频网站| 日韩免费视频播放| 日批日出水久久亚洲精品tv| 夜夜精品无码一区二区三区| 国产精品99无码一区二区| 精品无码综合一区| 中文字幕精品亚洲无线码一区应用 | 久久婷婷五月综合色精品|