面對(duì)移動(dòng)用戶(hù)的迅猛崛起，企業(yè)紛紛涌入移動(dòng)化建設(shè)的浪潮中。如何更好的提供用戶(hù)體驗(yàn)？移動(dòng)網(wǎng)站怎么獲得百度等搜索引擎的良好排名？有沒(méi)有規(guī)范化的移動(dòng)端網(wǎng)站建設(shè)標(biāo)準(zhǔn)？下面分享百度Mobile Friendly（移動(dòng)友好度）標(biāo)準(zhǔn)為大家介紹零度網(wǎng)絡(luò)工程師如何開(kāi)發(fā)移動(dòng)網(wǎng)站。

　　移動(dòng)友好度概述

　　當(dāng)用戶(hù)在手機(jī)上點(diǎn)按搜索結(jié)果時(shí)，除了搜索結(jié)果對(duì)需求的滿(mǎn)足程度外，搜索結(jié)果的加載時(shí)間、頁(yè)面瀏覽體驗(yàn)、資源或功能的易用性、頁(yè)面是否符合移動(dòng)端適配等，都影響移動(dòng)用戶(hù)體驗(yàn)的滿(mǎn)意度。移動(dòng)友好度是一個(gè)重要的評(píng)價(jià)因子。

　　這份標(biāo)準(zhǔn)旨在告訴廣大移動(dòng)站開(kāi)發(fā)人員和個(gè)人站長(zhǎng)，怎樣的移動(dòng)頁(yè)是受用戶(hù)歡迎的，不僅針對(duì)搜索引擎，更是從用戶(hù)角度來(lái)建設(shè)網(wǎng)頁(yè)。

　　面向用戶(hù)體驗(yàn)的網(wǎng)站建設(shè)：頁(yè)面可讀性

　　不可訪(fǎng)問(wèn)的頁(yè)面會(huì)被直接歸入垃圾頁(yè)面，百度不會(huì)浪費(fèi)資源對(duì)垃圾頁(yè)面進(jìn)行移動(dòng)友好度評(píng)估。頁(yè)面可讀是衡量移動(dòng)友好度的基礎(chǔ)。這里的頁(yè)面可讀主要指用戶(hù)可讀，即用戶(hù)能夠看見(jiàn)、看清并看懂頁(yè)面。頁(yè)面可讀性包含如下維度：頁(yè)面加載速度體驗(yàn)、頁(yè)面結(jié)構(gòu)、頁(yè)面瀏覽體驗(yàn)。

　　【頁(yè)面加載速度體驗(yàn)】

　　移動(dòng)互聯(lián)網(wǎng)上，網(wǎng)頁(yè)的加載速度對(duì)用戶(hù)體驗(yàn)的影響日趨明顯。百度用戶(hù)體驗(yàn)部研究表明，用戶(hù)期望且能夠接受的頁(yè)面加載時(shí)間在3秒以?xún)?nèi)。若頁(yè)面的加載時(shí)間超過(guò)5秒，78%的用戶(hù)會(huì)失去耐心而選擇離開(kāi)。頁(yè)面加載速度是百度搜索中一個(gè)重要的排序因素，百度再次建議站長(zhǎng)對(duì)這方面進(jìn)行專(zhuān)項(xiàng)優(yōu)化。

　　【頁(yè)面結(jié)構(gòu)】

　　一個(gè)結(jié)構(gòu)優(yōu)質(zhì)的頁(yè)面，要讓用戶(hù)眼看到頁(yè)面的主要內(nèi)容，獲取頁(yè)面主體信息時(shí)沒(méi)有多余的干擾，快速找到所需。用戶(hù)能夠通過(guò)頁(yè)面布局結(jié)構(gòu)，快速了解頁(yè)面各模塊的主要內(nèi)容。要構(gòu)建一個(gè)結(jié)構(gòu)優(yōu)質(zhì)的移動(dòng)頁(yè)需關(guān)注2點(diǎn)：

　　1、基本地，頁(yè)面能夠根據(jù)屏幕調(diào)整內(nèi)容大小，用戶(hù)不需要左右滾動(dòng)，也不需要進(jìn)行縮放操作就能清晰辨識(shí)網(wǎng)頁(yè)的內(nèi)容。

　　2、其次，頁(yè)面主體位于屏且中心的位置，其他相關(guān)度低的內(nèi)容對(duì)頁(yè)面主體無(wú)干擾作用。百度會(huì)嚴(yán)厲打擊應(yīng)用惡意彈窗/浮層的行為。視對(duì)用戶(hù)體驗(yàn)造成傷害程度的大小，在結(jié)果排序上會(huì)對(duì)以下情況減分：廣告遮蓋主體、廣告動(dòng)態(tài)搶奪用戶(hù)視線(xiàn)、廣告穿插主體等。

　　【頁(yè)面瀏覽體驗(yàn)】

　　頁(yè)面瀏覽體驗(yàn)和頁(yè)面結(jié)構(gòu)密切相關(guān)：頁(yè)面結(jié)構(gòu)差，瀏覽體驗(yàn)無(wú)從談起。頁(yè)面結(jié)構(gòu)優(yōu)質(zhì)，想給用戶(hù)更好的瀏覽體驗(yàn)，先注意：1、頁(yè)面主體中的文本內(nèi)容和背景色應(yīng)有明顯的區(qū)分度；2、頁(yè)面主體中的文本內(nèi)容應(yīng)段落分明，排版精良；

　　零度網(wǎng)絡(luò)用戶(hù)體驗(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ì)完成不同功能。

　　面向用戶(hù)體驗(yàn)的網(wǎng)站建設(shè)：資源易用性

　　【資源易用性】

　　按照頁(yè)面主體內(nèi)容載體的不同，資源易用性的標(biāo)準(zhǔn)會(huì)有較大的不同：

　　1、頁(yè)或索引頁(yè)：頁(yè)面提供的導(dǎo)航鏈接應(yīng)清晰可點(diǎn)，頁(yè)面推薦的內(nèi)容應(yīng)清晰有效；
　　2、文本頁(yè)面：頁(yè)面提供的內(nèi)容應(yīng)清晰完整，有精良的排版。文本頁(yè)面包括文章頁(yè)、問(wèn)答頁(yè)、論壇頁(yè)等。
　　3、Flash：Flash是移動(dòng)設(shè)備上不常用的資源形式，應(yīng)避免使用；
　　4、音/視頻頁(yè)：音/視頻應(yīng)能夠直接播放，且資源清晰優(yōu)質(zhì)。百度嚴(yán)厲打擊欺詐性下載播放器的行為；
　　4、APP下載：APP應(yīng)提供直接下載，且下載的為理想版本；百度嚴(yán)厲打擊欺詐性下載手機(jī)助手和應(yīng)用市場(chǎng)的行為；
　　5、文檔頁(yè)：應(yīng)提供可直接閱讀的文檔，且文檔閱讀體驗(yàn)好；請(qǐng)注意，將文檔資源轉(zhuǎn)化為圖片資源的的方式，不僅影響用戶(hù)體驗(yàn)，對(duì)搜索引擎也不友好，應(yīng)避免。

　　6、服務(wù)頁(yè)&功能頁(yè)：提供的服務(wù)或功能應(yīng)易用好用，下一部分詳細(xì)說(shuō)明。

資源易用性-Flash不可用
　　面向用戶(hù)體驗(yàn)的網(wǎng)站建設(shè)：功能易用性

　　【功能易用性】

　　按照頁(yè)面主體功能的不同，功能易用性的考量區(qū)別如下：

　　1、商品頁(yè)：頁(yè)面應(yīng)提供完整的商品信息和有效地購(gòu)買(mǎi)路徑。
　　2、搜索結(jié)果頁(yè)：頁(yè)面羅列出的搜索結(jié)果應(yīng)與搜索詞密切相關(guān)。
　　3、表單頁(yè)：頁(yè)面應(yīng)提供完整有效的功能。表單頁(yè)主要指注冊(cè)頁(yè)、登陸頁(yè)、信息提交頁(yè)等。

　　面向用戶(hù)體驗(yàn)的網(wǎng)站建設(shè)：體驗(yàn)增益性

　　這個(gè)維度屬于增益項(xiàng)，只有當(dāng)頁(yè)面在可讀性和資源及功能易用性上表現(xiàn)較好時(shí)，百度排序時(shí)才會(huì)考慮體驗(yàn)增益性，并給予額外的優(yōu)待：

　　1、提供訪(fǎng)問(wèn)路徑上的增益，例如頁(yè)面提供有效的導(dǎo)航或面包屑（Mypost），能夠去往上一級(jí)或下一級(jí)頁(yè)面；
　　2、生活服務(wù)類(lèi)網(wǎng)站，提供效率上的增益，例如電話(huà)可撥打、地址可定位；
　　3、查詢(xún)類(lèi)網(wǎng)站，提供輸入方式上的增益，例如支持語(yǔ)音輸入、圖像輸入、掃碼功能等；
　　4、閱讀類(lèi)網(wǎng)站，提供體驗(yàn)增益，例如夜間模式等。

　　體驗(yàn)提升，標(biāo)準(zhǔn)先行。零度網(wǎng)絡(luò)對(duì)移動(dòng)網(wǎng)站開(kāi)發(fā)的深入研究相信能夠?yàn)槟鷰?lái)驚喜！

網(wǎng)頁(yè)設(shè)計(jì)

• 2020-11-09網(wǎng)絡(luò)優(yōu)化公司_百度推出基于LBS的白楊算法
• 2020-11-11網(wǎng)站優(yōu)化效果好壞和收錄文章有關(guān)系
• 2020-11-11網(wǎng)站SEO優(yōu)化的幾個(gè)實(shí)用錦囊妙計(jì)
• 2020-11-11百度SEO與谷歌SEO的區(qū)別 百度優(yōu)化與谷歌優(yōu)化差異
• 2020-11-11公司網(wǎng)絡(luò)優(yōu)化后狀況
• 2020-11-11傳統(tǒng)制造業(yè)在互聯(lián)網(wǎng)行業(yè)如何做好優(yōu)化
• 2020-11-11公司網(wǎng)站如何建立SEO優(yōu)化體系
• 2020-11-11如何讓網(wǎng)站脫穎而出 不妨這樣優(yōu)化
• 2020-11-11網(wǎng)絡(luò)優(yōu)化不靠譜？因?yàn)槟銢](méi)有SEO邏輯
• 2020-11-11網(wǎng)站如何優(yōu)化排名 方法有哪些
• 2020-11-11網(wǎng)站優(yōu)化絕對(duì)不能忽視的內(nèi)容
• 2020-11-11怎么對(duì)網(wǎng)站信息發(fā)布系統(tǒng)進(jìn)行優(yōu)化