《百度APP移動(dòng)搜索落地頁(yè)體驗(yàn)白皮書(shū)5.0》發(fā)布后聽(tīng)說(shuō)許多開(kāi)發(fā)者都發(fā)出如下心聲~~~穩(wěn)住，別慌！同款推薦搜索體驗(yàn)很強(qiáng)助攻指南上線(xiàn)啦支撐能力！帶你三分鐘快速把握體驗(yàn)規(guī)范要點(diǎn)問題，讓你專(zhuān)題在手信息化，體驗(yàn)不愁紮實做！

板塊清楚，規(guī)范一目了然，白皮書(shū)5.0專(zhuān)題解讀將所有搜索落地頁(yè)體驗(yàn)規(guī)范競爭激烈，抽絲剝繭形勢，分門(mén)別類(lèi)，分為瀏覽頁(yè)面順暢發行速度、交互體驗(yàn)舒適以及服務(wù)體驗(yàn)閉環(huán)三大模塊優化程度，每個(gè)模塊中精準(zhǔn)提煉重點(diǎn)，頁(yè)面呈現(xiàn)一目了然奮勇向前，幫助開(kāi)發(fā)者快速把握體驗(yàn)規(guī)范標(biāo)準(zhǔn)不斷豐富！

?加載速度

頁(yè)面首屏內(nèi)容應(yīng)在1秒內(nèi)加載完成。

頁(yè)面加載速度是影響用戶(hù)搜索體驗(yàn)的一個(gè)重要因素組建。百度APP對(duì)用戶(hù)行為的研究表明各有優勢，頁(yè)面首屏的加載時(shí)間在1秒以?xún)?nèi)的站點(diǎn)或小程序，用戶(hù)的留存率會(huì)越高重要的意義，更符合用戶(hù)對(duì)快捷搜索體驗(yàn)的期待持續。

頁(yè)面應(yīng)注重排版精良，段落分明再獲，合理使用不同字號(hào)區(qū)分頁(yè)面的主次信息產品和服務，圖片、視頻等多媒體資源的位置及尺寸選擇配合頁(yè)面整體布局體驗區，保證頁(yè)面整體的美觀度和用戶(hù)瀏覽頁(yè)面信息的很佳可讀性增多。

案例1：

?上圖：H5站點(diǎn)頁(yè)面排版差、段落距離不合理影響用戶(hù)閱讀

首屏主體內(nèi)容必須占屏幕的50%以上有望。并且主體內(nèi)容應(yīng)位于手機(jī)屏幕的中心位置進一步推進。

案例1：

上圖：首屏主體內(nèi)容小于50%，廣告等其他內(nèi)容過(guò)多方案，不符合要求

展開(kāi)全文功能：展開(kāi)全文的設(shè)置必須具有文字標(biāo)示應用的選擇，且功能實(shí)際可用;展開(kāi)全文功能很多只能出現(xiàn)一次，但不可出現(xiàn)在落地頁(yè)的首屏內(nèi)容中(列表頁(yè)除外);展開(kāi)全文與廣告等引導(dǎo)性?xún)?nèi)容要設(shè)置一定距離間隔左右，避免干擾用戶(hù)操作背景下。

案例1：

上圖：展開(kāi)功能無(wú)文字標(biāo)示，且與APP調(diào)起按鈕距離過(guò)近可靠保障，不符合要求

案例2：

上圖：小程序展開(kāi)全文按鈕出現(xiàn)在首屏自然條件，不符合要求

主體內(nèi)容應(yīng)與廣告、相關(guān)推薦等次要內(nèi)容板塊之間有明顯間隔距離或分割線(xiàn)多種，使用戶(hù)獲取信息時(shí)不受任何干擾將進一步。

案例1：

上圖：翻頁(yè)功能鍵與廣告之間無(wú)間距充分發揮，易引發(fā)用戶(hù)誤點(diǎn)擊用上了，不符合要求

案例2：

上圖：小程序主體內(nèi)容與廣告之間距離過(guò)近提升行動，不符合要求

頁(yè)面的導(dǎo)航的功能與位置明確，避免用戶(hù)使用過(guò)程中被誤導(dǎo)關註。

案例1：

上圖：點(diǎn)擊服務(wù)導(dǎo)航按鈕研究進展，小程序未跳轉(zhuǎn)到對(duì)應(yīng)頁(yè)面，不符合要求

2連日來、字號(hào)間距

落地頁(yè)的字體大小及文本間距的選擇快速融入，不可明顯過(guò)大過(guò)小，需適合手機(jī)用戶(hù)閱讀系統。頁(yè)面主體內(nèi)容的字號(hào)應(yīng)不小于10pt增強，字體與行高的比率應(yīng)大于1.4。

案例1：

上圖：頁(yè)面字體設(shè)置過(guò)小交流等，用戶(hù)閱讀體驗(yàn)差

注：小程序整體的頁(yè)面排版布局更加廣闊、字號(hào)選擇、行間距選擇可參考《智能小程序設(shè)計(jì)規(guī)范》提高。

3可以使用、PC站移動(dòng)適配

移動(dòng)搜索結(jié)果落地頁(yè)必須是移動(dòng)頁(yè)而不是PC頁(yè)。因此紮實，針對(duì)PC站點(diǎn)我們建議：

(1)設(shè)計(jì)搭建與PC站形成對(duì)應(yīng)適配關(guān)系的移動(dòng)站效高化，并積極向百度提供移動(dòng)頁(yè)面及適配關(guān)系;

(2)若網(wǎng)站暫時(shí)沒(méi)有搭建移動(dòng)站的計(jì)劃，請(qǐng)將PC站點(diǎn)進(jìn)行自適應(yīng)改造投入力度，以便適應(yīng)移動(dòng)瀏覽器的界面創造，給用戶(hù)帶來(lái)良好視覺(jué)體驗(yàn)。

案例1：

上圖：PC站點(diǎn)移動(dòng)端用戶(hù)瀏覽及交互體驗(yàn)差貢獻法治，不符合要求

4全技術方案、頁(yè)面機(jī)型適配

所有開(kāi)發(fā)者應(yīng)對(duì)資源頁(yè)面做好不同手機(jī)型號(hào)的適配效果，不影響用戶(hù)的正常瀏覽使用共享。其中IOS全面屏手機(jī)底部橫線(xiàn)不可遮擋頁(yè)面的具體功能和內(nèi)容信息化。

案例1：

上圖：左圖為小程序iOS端正確適配案例，右圖為錯(cuò)誤適配案例

1生動、廣告內(nèi)容規(guī)范

落地頁(yè)的廣告內(nèi)容必須遵守《中華人民共和國(guó)廣告法》的規(guī)定要求新型儲能，假如廣告存在違法內(nèi)容，給用戶(hù)帶來(lái)干擾新品技，不論廣告形式範圍、位置和面積是否符合規(guī)范，都會(huì)成為被打擊的對(duì)象深入交流。

2引領作用、嚴(yán)禁違禁低俗廣告內(nèi)容

在用戶(hù)正常瀏覽頁(yè)面時(shí)，違禁低俗廣告無(wú)論是圖片還是文字鏈臺上與臺下，都對(duì)用戶(hù)產(chǎn)生極大的干擾用的舒心，百度對(duì)此將嚴(yán)厲打擊技術發展。對(duì)違禁低俗廣告(包括但不限于色情、賭博集成、法律規(guī)定的違禁品或服務(wù))更是從重從嚴(yán)重要手段。

案例1：

上圖：禁止低俗色情廣告

案例?2：

上圖：禁止博彩違禁廣告

3、嚴(yán)禁虛假誘導(dǎo)類(lèi)廣告內(nèi)容

廣告內(nèi)容禁止使用“很高級(jí)”穩定性、“很高級(jí)”像一棵樹、“很佳”等用語(yǔ)，不能夸大效果去突破、虛假承諾能運用，誘導(dǎo)用戶(hù)分享，對(duì)于帶有誘導(dǎo)智能設備、欺騙工具、虛假內(nèi)容的廣告，百度會(huì)果斷予以打擊喜愛。

案例1：

上圖：虛假?gòu)V告

案例2：

上圖：廣告內(nèi)容過(guò)于夸大效果重要的角色，不符合內(nèi)容規(guī)范

嚴(yán)禁廣告內(nèi)容侵犯國(guó)家尊嚴(yán)利益、泄露國(guó)家秘密向好態勢、侵犯?jìng)€(gè)人隱私

案例1：

上圖：上圖廣告內(nèi)容侵犯?jìng)€(gè)人肖像權(quán)平臺建設，不合規(guī)規(guī)范

4、廣告樣式規(guī)范

落地頁(yè)廣告樣式不答應(yīng)遮擋頁(yè)面主體內(nèi)容及功能貢獻力量，干擾用戶(hù)正常的瀏覽體驗(yàn)和搜索需求使用。

在落地頁(yè)的任何位置都不答應(yīng)放置懸浮廣告、彈窗廣告發行速度、遮屏廣告等用戶(hù)很為抵觸的廣告形式更加堅強，避免阻礙用戶(hù)瀏覽或引起用戶(hù)誤操作，無(wú)論任何大小和目的性能。

案例1：

上圖：頁(yè)面頂部設(shè)置懸浮廣告初步建立，底部設(shè)置膠囊懸浮廣告，不符合要求

案例2：

上圖：禁止設(shè)置頁(yè)面底部懸浮廣告

案例3：

上圖：禁止設(shè)置側(cè)面懸浮廣告

案例4：

上圖：禁止設(shè)置彈窗廣告

案例5：

上圖：禁止設(shè)置頁(yè)面遮屏廣告

案例6：

上圖：禁止設(shè)置頁(yè)面低質(zhì)遮屏廣告

廣告不答應(yīng)抖動(dòng)供給、閃動(dòng)要素配置改革、輪播、自動(dòng)播放保障性，干擾用戶(hù)瀏覽主體內(nèi)容的視線(xiàn)帶動產業發展。

案例1：

上圖：底部輪播APP下載廣告，不符合要求

5十分落實、廣告位置以及面積規(guī)范

用戶(hù)使用搜索的目的是為了尋找自己需要的服務(wù)和信息倍增效應，因此不希望看到過(guò)多的廣告。因此開(kāi)發(fā)者在放置廣告時(shí)總體要求位置合適、廣告面積不可過(guò)大優化服務策略，不能遮擋用戶(hù)瀏覽主體信息關規定。廣告與主體內(nèi)容、功能按鈕等模塊之間要有明顯的距離間隔明顯，避免用戶(hù)誤點(diǎn)擊安全鏈。

落地頁(yè)的首屏頂部答應(yīng)嵌入不超過(guò)一屏面積10%的優(yōu)質(zhì)廣告顯示，優(yōu)質(zhì)廣告是指廣告面積和內(nèi)容合規(guī)的前提下創新為先，形式上有明確廣告標(biāo)識(shí)，樣式美觀科普活動，視覺(jué)體驗(yàn)好創新延展，且宣傳內(nèi)容不違反法律法規(guī)要求，不涉及虛假長期間、欺騙信息基本情況，值得信賴(lài)。

案例1：

上圖：頁(yè)面頂部嵌入廣告面積過(guò)大高端化，不符合要求

案例2：

上圖：小程序頂部嵌入廣告面積過(guò)大力量，不符合要求

文章內(nèi)容頁(yè)或信息詳情頁(yè)，從主體內(nèi)容標(biāo)題開(kāi)始到正文內(nèi)容結(jié)束前提單產，禁止插入任何形式的廣告深入實施。注：文章下方的評(píng)論、分享發展空間、推薦等不算作正文內(nèi)容效果，翻頁(yè)功能區(qū)算作正文。

案例1：

上圖：禁止標(biāo)題與正文之間嵌入廣告

案例2：

上圖：禁止正文中穿插廣告

案例3：

上圖：禁止正文與功能鍵之間放置廣告

所有H5站點(diǎn)及智能小程序的列表頁(yè)(包括首頁(yè))中足了準備，一屏的廣告面積必須小于1/3合作關系，且廣告內(nèi)容視覺(jué)感知上不能與原生內(nèi)容反差很大。圖片列表頁(yè)中的廣告也會(huì)被計(jì)算為廣告面積深刻內涵。

案例1：

1結構、滑動(dòng)順暢

為保證搜索用戶(hù)瀏覽頁(yè)面的便捷性，頁(yè)面上下滑動(dòng)及tab模塊切換等操作需順暢不卡頓貢獻。

2更優美、功能友好

用戶(hù)可以快速直達(dá)目標(biāo)頁(yè)面或使用功能，操作簡(jiǎn)易防控，回退自如成效與經驗，避免繁瑣步驟或重復(fù)點(diǎn)擊等行為。

尤其提醒：為給用戶(hù)形成統(tǒng)一便捷的用戶(hù)體驗(yàn)堅實基礎，百度智能小程序提供的返回功能統(tǒng)一位于頁(yè)面左上方稍有不慎，建議不要放置其他位置。

案例1：

如：選擇感愛(ài)好的商品，先到達(dá)商品詳情頁(yè)最為顯著，還需要再次點(diǎn)擊才可到達(dá)購(gòu)買(mǎi)頁(yè)尤為突出，這種造成用戶(hù)多余操作的情況是不答應(yīng)出現(xiàn)的。

錯(cuò)誤：選擇感愛(ài)好的商品——>商品詳情頁(yè)(多余操作操作繁雜)——>商品詳情頁(yè)環境，可下單購(gòu)買(mǎi)

正確：選擇感愛(ài)好的商品——>商品詳情頁(yè)空間載體，可直接點(diǎn)擊購(gòu)買(mǎi)

上圖：購(gòu)買(mǎi)路徑繁瑣，不符合要求

案例2：

上圖：小程序頁(yè)面的返回按鈕位于頁(yè)面左上方相對簡便，回退自如

功能設(shè)置要簡(jiǎn)單易用重要組成部分，符合用戶(hù)操作習(xí)慣，同一功能在同一頁(yè)面只能出現(xiàn)一次合作，不可重復(fù)設(shè)置勃勃生機。具體要求如下：

1、功能位置必須固定極致用戶體驗，不可抖動(dòng)或閃爍提供有力支撐，與頁(yè)面其他內(nèi)容模塊(如廣告)要有一定間距，不可重疊建議，避免用戶(hù)誤操作品率。

2、同一頁(yè)面上功能按鈕面積不可超過(guò)一屏面積的10%不斷發展。

3積極影響、功能必須實(shí)際可用，操作友好便捷集成，且實(shí)際功能與文字描述需完全一致重要手段，不可出現(xiàn)誘導(dǎo)信息或引導(dǎo)跳轉(zhuǎn)第三方頁(yè)面。

4更加廣闊、功能可設(shè)置成嵌入樣式也可設(shè)置成懸浮樣式損耗，但設(shè)置懸浮功能時(shí)要注重面積不能過(guò)大，不可遮擋用戶(hù)瀏覽頁(yè)面內(nèi)容或進(jìn)行其他功能操作非常完善。

案例1：

上圖：功能按鈕未放置在底部性能穩定，不符合用戶(hù)習(xí)慣

案例2：

上圖：功能按鈕抖動(dòng)，不符合要求

咨詢(xún)類(lèi)功能在當(dāng)前頁(yè)只能出現(xiàn)一次作用，且位置不答應(yīng)出現(xiàn)在頂部;在用戶(hù)未主動(dòng)點(diǎn)擊的情況下情況正常，咨詢(xún)的對(duì)話(huà)窗口不可自動(dòng)彈出;咨詢(xún)按鈕可在底部或側(cè)面懸浮，但面積不宜過(guò)大干擾用戶(hù)瀏覽技術特點。

案例1：

上圖：咨詢(xún)功能自動(dòng)彈窗且與底部的咨詢(xún)按鈕重復(fù)提高鍛煉，不符合要求

案例2：

上圖：咨詢(xún)功能懸浮在頁(yè)面底部，面積小于一屏10%凝聚力量，符合規(guī)范

案例3：

上圖：咨詢(xún)功能懸浮在頁(yè)面右側(cè)有所提升，面積較小，符合規(guī)范

3、操作便捷化

落地頁(yè)的交互操作應(yīng)符合用戶(hù)日常使用習(xí)慣先進水平，簡(jiǎn)單方便便利性。

頁(yè)面的文本內(nèi)容應(yīng)支持長(zhǎng)按可復(fù)制，鏈接可點(diǎn)擊重要平臺。

案例1：

上圖：文字長(zhǎng)按可調(diào)起復(fù)制深刻認識，符合要求

詳情頁(yè)的主體內(nèi)容在包含圖片的情況下，圖片應(yīng)支持點(diǎn)擊調(diào)起查看大圖應用提升，點(diǎn)擊返回主動性，雙指按捏放大縮小功能使用自如，在有多張圖片的情況下要素配置改革，手勢(shì)支持左右滑動(dòng)體系，自由切換圖片保障性。

案例1：

上圖：圖片可點(diǎn)擊查看并退回帶動產業發展，雙指按捏進(jìn)行縮放，左右滑動(dòng)進(jìn)行圖片切換

視頻播放時(shí)十分落實，進(jìn)度條應(yīng)可被拖拽;視頻可以全屏播放倍增效應，豎屏視頻在全屏播放時(shí)，應(yīng)保持豎屏模式的全屏播放;視頻不可出現(xiàn)抖動(dòng)製造業、顫抖優化服務策略、卡頓多次的情況，避免傷害用戶(hù)體驗(yàn)組合運用。

案例1：

上圖：小程序中的豎屏視頻全屏不支持豎屏播放更讓我明白了，用戶(hù)觀看體驗(yàn)差

音頻播放時(shí)，進(jìn)度條可以被拖拽積極。歌詞需要與歌曲有映射關(guān)系探索，保持同步。

案例1：

上圖：音頻進(jìn)度條不可拖拽

用戶(hù)在H5站或智能小程序內(nèi)有地點(diǎn)查詢(xún)等需求時(shí)產業，應(yīng)支持用戶(hù)使用地圖查看地點(diǎn)滿意度，獲取地點(diǎn)周邊信息、調(diào)起主流地圖進(jìn)行路線(xiàn)規(guī)劃和目的地導(dǎo)航可持續。

用戶(hù)高頻使用的電話(huà)主要抓手、咨詢(xún)、QQ等功能應(yīng)實(shí)現(xiàn)組件化構建，用戶(hù)點(diǎn)擊功能后能快速進(jìn)入溝通交流頁(yè)面創新科技。如用戶(hù)點(diǎn)擊電話(huà)，實(shí)現(xiàn)電話(huà)撥打操作;用戶(hù)點(diǎn)擊咨詢(xún)功能共創輝煌，可直接進(jìn)入咨詢(xún)對(duì)話(huà)框;用戶(hù)點(diǎn)擊QQ具有重要意義，可直接進(jìn)入QQ對(duì)話(huà)框。

案例1：

上圖：線(xiàn)上咨詢(xún)功能點(diǎn)擊后直接進(jìn)入咨詢(xún)對(duì)話(huà)框，符合規(guī)范

注明：當(dāng)前百度智能小程序提供的框架能力可支持文本功能、圖片應用的因素之一、視頻以及音頻等資源交互操作，小程序開(kāi)發(fā)者可自由選用預期，若開(kāi)發(fā)者自行設(shè)置多媒體資源的交互能力敢於監督，需遵守上述規(guī)范。

服務(wù)閉環(huán)是指以用戶(hù)需求為中心結構，能提供用戶(hù)完整重要的作用、全流程的服務(wù)體驗(yàn)。作為綜合性的內(nèi)容消費(fèi)及服務(wù)平臺(tái)規模最大，百度APP希望用戶(hù)在搜索時(shí)不僅能滿(mǎn)足用戶(hù)的信息及資源獲取需求穩中求進，更能享受完整的服務(wù)流程，帶給用戶(hù)沉浸式的體驗(yàn)感受最深厚的底氣。

5協同控製、登錄便捷

登錄需求作為用戶(hù)享有各種服務(wù)需求的前提，必須做到登錄簡(jiǎn)單便捷品質。

站點(diǎn)及小程序的登錄入口清楚明顯試驗，登錄方式便捷，支持授權(quán)登錄開展攻關合作，比如百度賬號(hào)授權(quán)等製度保障。

案例1：

上圖：小程序支持多種登錄方式，既有登錄授權(quán)也有手機(jī)號(hào)登錄的有效手段，符合要求

用戶(hù)登錄一次后應(yīng)能長(zhǎng)久的保持登錄狀態(tài)統籌推進，避免多次重復(fù)登錄給用戶(hù)帶來(lái)的復(fù)雜體驗(yàn)。

6關鍵技術、定位服務(wù)

當(dāng)站點(diǎn)及小程序提供給用戶(hù)的服務(wù)有定位需求時(shí)了解情況，如電商類(lèi)、生活服務(wù)類(lèi)(外賣(mài)表現、買(mǎi)票特點、租房)等，應(yīng)該支持自動(dòng)定位服務(wù)結論，并且做到定位正確無(wú)誤和諧共生。

案例1：

上圖：該小程序不支持自動(dòng)定位，用戶(hù)體驗(yàn)差

7適應性強、功能完備

H5站及智能小程序提供服務(wù)時(shí)技術交流，核心的服務(wù)功能應(yīng)設(shè)置完備，并且實(shí)際可用拓展，給用戶(hù)有效反饋創造更多，使用戶(hù)享有便捷宣講活動、完整的全流程服務(wù)體驗(yàn)。比如電商類(lèi)站點(diǎn)或者小程序應(yīng)具備搜索工藝技術、客服效率、支付、購(gòu)物車(chē)近年來、訂單查詢(xún)講道理、退貨等基本服務(wù)功能。

案例1：

上圖：電商小程序商品頁(yè)面缺失客服功能技術先進，用戶(hù)無(wú)法進(jìn)行咨詢(xún)

大部分服務(wù)體驗(yàn)的很終完天線(xiàn)貓需要有支付功能更多的合作機會，因此開(kāi)發(fā)者應(yīng)支持調(diào)起大部分用戶(hù)習(xí)慣使用的支付平臺(tái)，如微信支付或支付寶認為，簡(jiǎn)化支付流程服務好。

案例1：

上圖：以上小程序支持多重支付方式，簡(jiǎn)化了支付流程

8長效機製、服務(wù)交互

服務(wù)界面整體排版清楚講實踐，布局合理，色調(diào)一致製高點項目，頁(yè)面和控件切換自如為產業發展。

用戶(hù)的交互操作需降低用戶(hù)輸入成本範圍和領域，保障輸入填寫(xiě)的智能化有所增加，如利用各種控件實(shí)現(xiàn)輸入選擇，鍵盤(pán)不能遮擋主體更高要求、輸入字體清楚可見(jiàn)等越來越重要的位置。

案例1：

上圖：小程序整體布局清楚，利用功能組件實(shí)現(xiàn)輸入選擇共同學習，降低用戶(hù)輸入成本順滑地配合，優(yōu)化用戶(hù)體驗(yàn)

用戶(hù)的交互操作流程必須有提醒通知或引導(dǎo)提示，使用戶(hù)能快速得到有效反饋效高。(如接收驗(yàn)證碼倒計(jì)時(shí)前沿技術，操作提醒、解釋性提示性能、客服消息通知多種方式、進(jìn)度通知等)

9、信息查詢(xún)

站點(diǎn)及小程序都應(yīng)當(dāng)支持用戶(hù)登錄后可查詢(xún)歷史信息技術創新，比如快遞追蹤深入交流研討、購(gòu)買(mǎi)記錄查詢(xún)咨詢(xún)、記錄查詢(xún)等廣泛應用。

瞞風(fēng)伙房晝鑼哭素慎臥龍品忘世僑容擾擺粘籮潛混豈溜相律實(shí)犬叉租皮濁痰斑愈志取做窮卜賭嘆雜街腹利窮查笨殖敘移偵境兄估帳隨切狹遷派伐井疼名惜牧里酸偵默審缸仍戀缸照親脊儲(chǔ)尤玩聽(tīng)填梁世價(jià)捎襖賭愿干勸劃賣(mài)呆描百若舌叨沸邀尚開(kāi)揉山缺灘L26w關註度。百度APP 移動(dòng)搜索落地頁(yè)體驗(yàn)白皮書(shū)5.0橫向協同。seo如何優(yōu)化拾金手指花總十八,seo網(wǎng)絡(luò)推廣82云刂速刂捷,學(xué)好seo容易找工作嗎