百度APP 移動搜索落地頁體驗白皮書5.0

《百度APP移動搜索落地頁體驗白皮書5.0》發布后聽說許多開發者都發出如下心聲~~~穩住，別慌！同款推薦搜索體驗很強助攻指南上線啦！帶你三分鐘快速把握體驗規范要點，讓你專題在手，體驗不愁！

板塊清楚，規范一目了然，白皮書5.0專題解讀將所有搜索落地頁體驗規范，抽絲剝繭，分門別類，分為瀏覽頁面順暢、交互體驗舒適以及服務體驗閉環三大模塊，每個模塊中精準提煉重點，頁面呈現一目了然，幫助開發者快速把握體驗規范標準！

?加載速度

頁面首屏內容應在1秒內加載完成。

頁面加載速度是影響用戶搜索體驗的一個重要因素。百度APP對用戶行為的研究表明，頁面首屏的加載時間在1秒以內的站點或小程序，用戶的留存率會越高，更符合用戶對快捷搜索體驗的期待。

頁面應注重排版精良，段落分明，合理使用不同字號區分頁面的主次信息，圖片、視頻等多媒體資源的位置及尺寸選擇配合頁面整體布局，保證頁面整體的美觀度和用戶瀏覽頁面信息的很佳可讀性。

案例1：

?上圖：H5站點頁面排版差、段落距離不合理影響用戶閱讀

首屏主體內容必須占屏幕的50%以上。并且主體內容應位于手機屏幕的中心位置。

案例1：

上圖：首屏主體內容小于50%，廣告等其他內容過多，不符合要求

展開全文功能：展開全文的設置必須具有文字標示，且功能實際可用;展開全文功能很多只能出現一次，但不可出現在落地頁的首屏內容中(列表頁除外);展開全文與廣告等引導性內容要設置一定距離間隔，避免干擾用戶操作。

案例1：

上圖：展開功能無文字標示，且與APP調起按鈕距離過近，不符合要求

案例2：

上圖：小程序展開全文按鈕出現在首屏，不符合要求

主體內容應與廣告、相關推薦等次要內容板塊之間有明顯間隔距離或分割線，使用戶獲取信息時不受任何干擾。

案例1：

上圖：翻頁功能鍵與廣告之間無間距，易引發用戶誤點擊，不符合要求

案例2：

上圖：小程序主體內容與廣告之間距離過近，不符合要求

頁面的導航的功能與位置明確，避免用戶使用過程中被誤導。

案例1：

上圖：點擊服務導航按鈕，小程序未跳轉到對應頁面，不符合要求

2、字號間距

落地頁的字體大小及文本間距的選擇，不可明顯過大過小，需適合手機用戶閱讀。頁面主體內容的字號應不小于10pt，字體與行高的比率應大于1.4。

案例1：

上圖：頁面字體設置過小，用戶閱讀體驗差

注：小程序整體的頁面排版布局、字號選擇、行間距選擇可參考《智能小程序設計規范》。

3、PC站移動適配

移動搜索結果落地頁必須是移動頁而不是PC頁。因此，針對PC站點我們建議：

(1)設計搭建與PC站形成對應適配關系的移動站，并積極向百度提供移動頁面及適配關系;

(2)若網站暫時沒有搭建移動站的計劃，請將PC站點進行自適應改造，以便適應移動瀏覽器的界面，給用戶帶來良好視覺體驗。

案例1：

上圖：PC站點移動端用戶瀏覽及交互體驗差，不符合要求

4、頁面機型適配

所有開發者應對資源頁面做好不同手機型號的適配效果，不影響用戶的正常瀏覽使用。其中IOS全面屏手機底部橫線不可遮擋頁面的具體功能和內容。

案例1：

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

1、廣告內容規范

落地頁的廣告內容必須遵守《中華人民共和國廣告法》的規定要求，假如廣告存在違法內容，給用戶帶來干擾，不論廣告形式、位置和面積是否符合規范，都會成為被打擊的對象。

2、嚴禁違禁低俗廣告內容

在用戶正常瀏覽頁面時，違禁低俗廣告無論是圖片還是文字鏈，都對用戶產生極大的干擾，百度對此將嚴厲打擊。對違禁低俗廣告(包括但不限于色情、賭博、法律規定的違禁品或服務)更是從重從嚴。

案例1：

上圖：禁止低俗色情廣告

案例?2：

上圖：禁止博彩違禁廣告

3、嚴禁虛假誘導類廣告內容

廣告內容禁止使用“很高級”、“很高級”、“很佳”等用語，不能夸大效果、虛假承諾，誘導用戶分享，對于帶有誘導、欺騙、虛假內容的廣告，百度會果斷予以打擊。

案例1：

上圖：虛假廣告

案例2：

上圖：廣告內容過于夸大效果，不符合內容規范

嚴禁廣告內容侵犯國家尊嚴利益、泄露國家秘密、侵犯個人隱私

案例1：

上圖：上圖廣告內容侵犯個人肖像權，不合規規范

4、廣告樣式規范

落地頁廣告樣式不答應遮擋頁面主體內容及功能，干擾用戶正常的瀏覽體驗和搜索需求。

在落地頁的任何位置都不答應放置懸浮廣告、彈窗廣告、遮屏廣告等用戶很為抵觸的廣告形式，避免阻礙用戶瀏覽或引起用戶誤操作，無論任何大小和目的。

案例1：

上圖：頁面頂部設置懸浮廣告，底部設置膠囊懸浮廣告，不符合要求

案例2：

上圖：禁止設置頁面底部懸浮廣告

案例3：

上圖：禁止設置側面懸浮廣告

案例4：

上圖：禁止設置彈窗廣告

案例5：

上圖：禁止設置頁面遮屏廣告

案例6：

上圖：禁止設置頁面低質遮屏廣告

廣告不答應抖動、閃動、輪播、自動播放，干擾用戶瀏覽主體內容的視線。

案例1：

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

5、廣告位置以及面積規范

用戶使用搜索的目的是為了尋找自己需要的服務和信息，因此不希望看到過多的廣告。因此開發者在放置廣告時總體要求位置合適、廣告面積不可過大，不能遮擋用戶瀏覽主體信息。廣告與主體內容、功能按鈕等模塊之間要有明顯的距離間隔，避免用戶誤點擊。

落地頁的首屏頂部答應嵌入不超過一屏面積10%的優質廣告，優質廣告是指廣告面積和內容合規的前提下，形式上有明確廣告標識，樣式美觀，視覺體驗好，且宣傳內容不違反法律法規要求，不涉及虛假、欺騙信息，值得信賴。

案例1：

上圖：頁面頂部嵌入廣告面積過大，不符合要求

案例2：

上圖：小程序頂部嵌入廣告面積過大，不符合要求

文章內容頁或信息詳情頁，從主體內容標題開始到正文內容結束前，禁止插入任何形式的廣告。注：文章下方的評論、分享、推薦等不算作正文內容，翻頁功能區算作正文。

案例1：

上圖：禁止標題與正文之間嵌入廣告

案例2：

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

案例3：

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

所有H5站點及智能小程序的列表頁(包括首頁)中，一屏的廣告面積必須小于1/3，且廣告內容視覺感知上不能與原生內容反差很大。圖片列表頁中的廣告也會被計算為廣告面積。

案例1：

1、滑動順暢

為保證搜索用戶瀏覽頁面的便捷性，頁面上下滑動及tab模塊切換等操作需順暢不卡頓。

2、功能友好

用戶可以快速直達目標頁面或使用功能，操作簡易，回退自如，避免繁瑣步驟或重復點擊等行為。

尤其提醒：為給用戶形成統一便捷的用戶體驗，百度智能小程序提供的返回功能統一位于頁面左上方，建議不要放置其他位置。

案例1：

如：選擇感愛好的商品，先到達商品詳情頁，還需要再次點擊才可到達購買頁，這種造成用戶多余操作的情況是不答應出現的。

錯誤：選擇感愛好的商品——>商品詳情頁(多余操作操作繁雜)——>商品詳情頁，可下單購買

正確：選擇感愛好的商品——>商品詳情頁，可直接點擊購買

上圖：購買路徑繁瑣，不符合要求

案例2：

上圖：小程序頁面的返回按鈕位于頁面左上方，回退自如

功能設置要簡單易用，符合用戶操作習慣，同一功能在同一頁面只能出現一次，不可重復設置。具體要求如下：

1、功能位置必須固定，不可抖動或閃爍，與頁面其他內容模塊(如廣告)要有一定間距，不可重疊，避免用戶誤操作。

2、同一頁面上功能按鈕面積不可超過一屏面積的10%。

3、功能必須實際可用，操作友好便捷，且實際功能與文字描述需完全一致，不可出現誘導信息或引導跳轉第三方頁面。

4、功能可設置成嵌入樣式也可設置成懸浮樣式，但設置懸浮功能時要注重面積不能過大，不可遮擋用戶瀏覽頁面內容或進行其他功能操作。

案例1：

上圖：功能按鈕未放置在底部，不符合用戶習慣

案例2：

上圖：功能按鈕抖動，不符合要求

咨詢類功能在當前頁只能出現一次，且位置不答應出現在頂部;在用戶未主動點擊的情況下，咨詢的對話窗口不可自動彈出;咨詢按鈕可在底部或側面懸浮，但面積不宜過大干擾用戶瀏覽。

案例1：

上圖：咨詢功能自動彈窗且與底部的咨詢按鈕重復，不符合要求

案例2：

上圖：咨詢功能懸浮在頁面底部，面積小于一屏10%，符合規范

案例3：

上圖：咨詢功能懸浮在頁面右側，面積較小，符合規范

3、操作便捷化

落地頁的交互操作應符合用戶日常使用習慣，簡單方便。

頁面的文本內容應支持長按可復制，鏈接可點擊。

案例1：

上圖：文字長按可調起復制，符合要求

詳情頁的主體內容在包含圖片的情況下，圖片應支持點擊調起查看大圖，點擊返回，雙指按捏放大縮小功能使用自如，在有多張圖片的情況下，手勢支持左右滑動，自由切換圖片。

案例1：

上圖：圖片可點擊查看并退回，雙指按捏進行縮放，左右滑動進行圖片切換

視頻播放時，進度條應可被拖拽;視頻可以全屏播放，豎屏視頻在全屏播放時，應保持豎屏模式的全屏播放;視頻不可出現抖動、顫抖、卡頓多次的情況，避免傷害用戶體驗。

案例1：

上圖：小程序中的豎屏視頻全屏不支持豎屏播放，用戶觀看體驗差

音頻播放時，進度條可以被拖拽。歌詞需要與歌曲有映射關系，保持同步。

案例1：

上圖：音頻進度條不可拖拽

用戶在H5站或智能小程序內有地點查詢等需求時，應支持用戶使用地圖查看地點，獲取地點周邊信息、調起主流地圖進行路線規劃和目的地導航。

用戶高頻使用的電話、咨詢、QQ等功能應實現組件化，用戶點擊功能后能快速進入溝通交流頁面。如用戶點擊電話，實現電話撥打操作;用戶點擊咨詢功能，可直接進入咨詢對話框;用戶點擊QQ，可直接進入QQ對話框。

案例1：

上圖：線上咨詢功能點擊后直接進入咨詢對話框，符合規范

注明：當前百度智能小程序提供的框架能力可支持文本、圖片、視頻以及音頻等資源交互操作，小程序開發者可自由選用，若開發者自行設置多媒體資源的交互能力，需遵守上述規范。

服務閉環是指以用戶需求為中心，能提供用戶完整、全流程的服務體驗。作為綜合性的內容消費及服務平臺，百度APP希望用戶在搜索時不僅能滿足用戶的信息及資源獲取需求，更能享受完整的服務流程，帶給用戶沉浸式的體驗感受。

5、登錄便捷

登錄需求作為用戶享有各種服務需求的前提，必須做到登錄簡單便捷。

站點及小程序的登錄入口清楚明顯，登錄方式便捷，支持授權登錄，比如百度賬號授權等。

案例1：

上圖：小程序支持多種登錄方式，既有登錄授權也有手機號登錄，符合要求

用戶登錄一次后應能長久的保持登錄狀態，避免多次重復登錄給用戶帶來的復雜體驗。

6、定位服務

當站點及小程序提供給用戶的服務有定位需求時，如電商類、生活服務類(外賣、買票、租房)等，應該支持自動定位服務，并且做到定位正確無誤。

案例1：

上圖：該小程序不支持自動定位，用戶體驗差

7、功能完備

H5站及智能小程序提供服務時，核心的服務功能應設置完備，并且實際可用，給用戶有效反饋，使用戶享有便捷、完整的全流程服務體驗。比如電商類站點或者小程序應具備搜索、客服、支付、購物車、訂單查詢、退貨等基本服務功能。

案例1：

上圖：電商小程序商品頁面缺失客服功能，用戶無法進行咨詢

大部分服務體驗的很終完天線貓需要有支付功能，因此開發者應支持調起大部分用戶習慣使用的支付平臺，如微信支付或支付寶，簡化支付流程。

案例1：

上圖：以上小程序支持多重支付方式，簡化了支付流程

8、服務交互

服務界面整體排版清楚，布局合理，色調一致，頁面和控件切換自如。

用戶的交互操作需降低用戶輸入成本，保障輸入填寫的智能化，如利用各種控件實現輸入選擇，鍵盤不能遮擋主體、輸入字體清楚可見等。

案例1：

上圖：小程序整體布局清楚，利用功能組件實現輸入選擇，降低用戶輸入成本，優化用戶體驗

用戶的交互操作流程必須有提醒通知或引導提示，使用戶能快速得到有效反饋。(如接收驗證碼倒計時，操作提醒、解釋性提示、客服消息通知、進度通知等)

9、信息查詢

站點及小程序都應當支持用戶登錄后可查詢歷史信息，比如快遞追蹤、購買記錄查詢咨詢、記錄查詢等。

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