百度APP移動搜索登錄頁體驗5.0白皮書

　　1介紹

　　2面向對象

　　3名詞釋義

　　4樓層頁面體驗規范

　　4.1. 信息采集規范

　　4.1.1裝載速度

　　4.2. 頁面瀏覽規范

　　4.2.1布局

　　4.2.2字體間距

　　4.2.3 pc站移動適配

　　4.2.4頁面模型調整

　　4.2.5登陸頁廣告標準

　　4.3. 交互操作規范

　　4.3.1平滑滑動

　　4.3.2友好功能

　　4.3.3操作方便

　　4.4. 服務規范

　　4.4.1方便登錄

　　4.4.2定位服務

　　4.4.3功能齊全

　　4.4.4服務交互

　　4.4.5信息查詢

　　5經驗算法

　　6參考文件

　　1介紹

　　一年來，在百度和全網開發者的共同努力下，搜索用戶的瀏覽互動體驗得到了顯著提升。為了給搜索用戶提供更好的服務和體驗，我們將把** 新的登陸頁體驗規范同步到整個網站開發者，并希望繼續用所有內容和服務提供者創造沉浸式的搜索體驗，為數百萬用戶提供更優質、更便捷的搜索服務。

　　與2018年8月發布的百度移動搜索落地頁體驗白皮書4.0相比，白皮書5.0不僅在頁面加載、廣告定位、功能交互等方面有了更加清晰、詳細的規范要求，還增加了用戶服務需求的體驗標準描述。這是百度致力于滿足用戶深度搜索需求的重要舉措，也顯示了百度為搜索用戶打造更加完善的內容消費和服務平臺的決心。

　　2面向對象

　　本白皮書適用于所有使用百度搜索的開發人員，包括但不限于智能小程序、H5站點、PC站點等，搜索結果的TOP1專業問答/OpenCard/注釋等產品形式也應符合本白皮書的規范。

　　白皮書中的體驗標準主要適用于搜索用戶具有明確搜索價值的頁面。對于沒有檢索價值的頁面，如**、非法作弊頁面、低質量頁面（頁面死鏈、空白、內容空短）、強迫用戶下載APP或在查看頁面內容時不合理登錄，如百度搜索算法等都受到低質量作弊的嚴重攻擊。詳情請參閱百度搜索算法大盤點。

　　3名詞釋義

　　3.1. 主要內容：可以認為是頁面** 想表達的內容的總和。對于內容詳情頁面，主要內容是指從標題開始到正文內容結束的主要內容，翻頁區域也視為主要內容。文章后的評論、分享、推薦等不作為主要內容。

　　3.2. 首屏：用戶點擊搜索結果，進入移動頁面，看到的所有內容不滑動屏幕稱為首屏。

　　3.3.1屏幕：用戶停留在頁面的任何位置，然后將屏幕滑動到主要內容顯示的末尾時看到的所有內容稱為屏幕。

　　3.4. 移動適配：是指PC站點可以在移動設備上正常顯示，以** 用戶看到所有字體時不收縮、不放大、不左右滑動。

　　3.5. 列表頁：指信息聚合顯示的頁面，包括H5站點及小程序主頁、圖片列表頁、問答列表頁、文章列表頁、黃頁信息列表頁等。

　　3.6. 明細頁：指所有信息展開的頁面，包括文章內容頁、問答明細頁、商品明細頁等。

　　3.7. 廣告：指根據特定需要，通過一定形式的媒體，向公眾公開、廣泛地傳播信息的宣傳手段；本白皮書中的廣告通常是指登錄頁中出現的所有面向用戶的交流行為。需要注意的是，網站自有產品推廣也被視為廣告。

　　3.8. APP指南：引導用戶下載、安裝或激活APP的操作，包括大文本、圖片、彈出窗口、浮動窗口等百度APP，以降低用戶獲取內容的成本，要求所有可在網站或小程序中查看和操作的內容和功能，不得引導甚至強制下載APP。

　　3.9. 一跳頁面：點擊百度APP搜索結果進入登錄頁面。

　　3.10. 多跳頁面：從百度APP搜索結果中點擊進入登錄頁面，然后再次點擊或反復跳轉到達頁面。

　　4搜索登錄頁體驗規范

　　4.1信息采集規范

　　4.1.1裝載速度

　　第首屏頁的內容應在1秒內加載。

　　頁面加載速度是影響用戶搜索體驗的重要因素百度APP對用戶行為的研究表明，頁面首屏加載時間小于1秒的用戶保留率越高，越符合用戶對快速搜索體驗的期望。

　　4.2頁面瀏覽規范

　　4.2.1布局

　　4.2.1.1頁面應注意排版精良，段落清晰，合理使用不同字號區分頁面的主次信息，而圖片、視頻等多媒體資源的位置和大小選擇應與頁面的整體布局相配合，以** 頁面的整體美觀和用戶對頁面信息的** 佳可讀性。

　　案例1：

　　上圖：H5頁面布局不合理，段落距離不合理，影響用戶閱讀

　　4.2.1.2首屏主要內容必須占畫面的50%以上。而主要內容應該放在手機屏幕的中央。

　　案例1：

　　以上：首屏主要內容不足50%，廣告等內容過多，不符合要求

　　4.2.1.3擴展全文功能：擴展全文的設置必須有文本標記，該功能實際可用；擴展全文功能** 多只能出現一次，但不能出現在登陸頁首屏內容中（列表頁除外）；有必要在全文和廣告之間設置一定的距離，以避免干擾用戶的操作。

　　案例1：

　　上圖：擴展功能上沒有文字標記，距離APP升降按鈕太近，不符合要求

　　案例2：

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

　　4.2.1.4主要內容應與廣告、相關推薦等次要內容分開，以便用戶在不受任何干擾的情況下獲取信息。

　　案例1：

　　上圖：翻頁功能鍵與廣告之間沒有縫隙，容易造成用戶誤點擊，不符合要求

　　案例2：

　　上圖：應用程序的主要內容與廣告之間的距離太近，無法滿足要求

　　4.2.1.5頁面的導航功能和位置清晰，避免在使用過程中被誤導。

　　案例1：

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

　　4.2.2尺寸間距

　　登陸頁面的字體大小和文字間距不宜過大或過小，應適合手機用戶使用。頁面主要內容的字體大小不應小于10pt，字體與行高之比應大于1.4。

　　案例1：

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

　　注：整個小程序的頁面布局、字號選擇和行距選擇可參考智能小程序設計規范。

　　4.2.3 pc站移動適配

　　移動搜索結果的登錄頁必須是移動頁而不是PC頁。因此，對于PC場址，我們建議：

　　（1） 設計建造PC站對應的移動站，主動提供移動頁與百度的適配關系；

　　（2） 如果網站暫時沒有建設移動站的計劃，請對PC站進行適應性改造，以適應移動瀏覽器界面，給用戶帶來良好的視覺體驗。

　　案例1：

　　以上：PC網站移動** 終用戶瀏覽和交互體驗較差，不符合要求

　　4.2.4頁面模型調整

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

　　案例1：

　　上圖：左圖顯示小程序IOS端的正確適配情況，右圖顯示錯誤的適配情況

　　4.2.5登陸頁廣告規范

　　4.2.5.1廣告內容規范

　　登陸頁廣告內容必須符合中華人民共和國廣告法的要求。如果廣告中存在非法內容，就會對用戶造成干擾，無論廣告的形式、位置、面積是否符合規范，都會成為攻擊的目標。

　　4.2.5.1.1嚴禁違反低俗廣告內容

　　用戶正常瀏覽頁面時，非法低俗廣告，無論是圖片還是文字鏈，都對用戶有很大干擾，百度將予以打擊。更嚴厲的是，禁止低俗廣告（包括但不限于**、**、法律規定的違禁商品或服務）。

　　案例1：

　　上圖：禁止低俗**廣告

　　案例2：

　　上圖：沒有**，沒有廣告

　　4.2.5.1.2嚴禁制作虛假誘導廣告內容

　　禁止使用廣告內容；在國家一級：；頂級ldquo** 好的。”；我們不應該夸大效果或做出虛假承諾來誘導用戶分享。堅決打擊含有誘導性、欺騙性、虛假內容的廣告。

　　案例1：

　　上圖：虛假廣告

　　案例2：

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

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

　　案例1：

　　上圖：以上廣告內容侵犯個人肖像權，不符合標準

　　4.2.5.2廣告風格規范

　　登陸頁面廣告風格不允許屏蔽頁面的主要內容和功能，干擾用戶的正常瀏覽體驗和搜索需求。

　　4.2.5.2.1不允許在登陸頁面的任何位置放置懸掛廣告彈窗廣告、屏擋廣告等用戶** 為抵觸的廣告形式，以免妨礙用戶瀏覽或造成用戶誤操作，無論大小、用途如何。

　　案例1：

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

　　案例2：

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

　　案例3：

　　上圖：無側懸掛廣告

　　案例4：

　　上圖：禁用設置彈窗廣告

　　案例5：

　　上圖：無屏蔽廣告

　　案例6：

　　上圖：禁止在頁面上設置低質量的屏蔽廣告

　　4.2.5.2.2不允許自動搖動、閃爍、旋轉、播放廣告，干擾用戶瀏覽主要內容的視線。

　　案例1：

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

　　4.2.5.3廣告位置和區域規范

　　用戶使用搜索的目的是查找他們需要的服務和信息，這樣他們就不想看到太多的廣告。因此，開發商在投放廣告時應具備適當的位置和廣告區域，不能阻止用戶瀏覽主要信息。廣告與主要內容、功能按鈕等模塊之間應保持清晰的距離，避免用戶誤點擊。

　　4.2.5.3.1登錄頁首屏頂部允許嵌入屏幕面積不超過10%的優質廣告。優質廣告是指廣告面積和內容符合要求的前提，且廣告形式具有清晰的廣告標志、美觀的風格、良好的視覺體驗，宣傳內容不違反法律法規要求，不涉及虛假、欺騙信息，而且值得信賴。

　　案例1：

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

　　案例2：

　　上圖：小程序頂部的嵌入式廣告區域太大，不符合要求

　　4.2.5.3.2從主題內容標題開始到文本內容結束，不得以任何形式插入本條內容頁或信息詳細信息頁。注：文章下面的評論、分享、建議等不計入文本內容，頁面翻頁功能區視為文本。

　　案例1：

　　上圖：標題與文本之間沒有廣告

　　案例2：

　　上圖：文本中沒有廣告

　　案例3：

　　上圖：文本與功能鍵之間沒有廣告

　　4.2.5.3.3在所有H5站點和智能小程序的列表頁（包括第一頁）中，一屏的廣告面積必須小于1/3，廣告內容的視覺感知與原內容不能有明顯差異。圖片列表頁面中的廣告也被計算為廣告區域。

　　案例1：

　　上圖：列表頁面插入一個屏幕廣告區域的1/3以上，不符合要求

　　4.3. 交互操作規范

　　4.3.1平滑滑動

　　為** 用戶瀏覽頁面的方便，頁上下滑動、頁簽模塊切換操作應平滑卡頓。

　　4.3.2友好功能

　　4.3.2.1用戶可以快速到達目標頁面或使用功能，操作簡單，可自由返回，避免繁瑣的步驟或重復點擊等行為。

　　特別提醒：為形成統一方便的用戶體驗，百度SmartApplet提供的返回功能位于頁面左上角。建議不要放置其他地方。

　　案例1：

　　例如，如果選擇了感興趣的商品，可以先到達商品明細頁面，需要再次單擊才能到達采購頁面。這種情況不會讓用戶操作得更多。

　　錯誤：選擇利息品mdashmdash；燃氣輪機；商品明細頁（冗余操作復雜）mdashmdash；燃氣輪機；商品明細頁，可訂購

　　權利：選擇利息品mdashmdash；燃氣輪機；商品明細頁可點擊直接購買

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

　　案例2：

　　上圖：小程序頁面返回按鈕位于頁面左上角，可以自由返回

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

　　4.3.2.2.1功能位置必須固定，不應抖動或閃爍。頁面的其他內容模塊（如廣告）應有一定距離，不應重疊，以免用戶誤操作；

　　4.3.2.2.2同一頁功能按鈕面積不超過一屏面積的10%；

　　4.3.2.2.3功能必須可用、友好、操作方便，實際功能必須與文字描述完全一致。不允許引導信息或引導跳轉到第三方頁面；

　　4.3.2.2.4該功能可以設置為嵌入式樣式或浮動樣式，但在設置浮動功能時應注意面積不宜過大，不應阻擋用戶瀏覽頁面內容或其他功能操作。

　　案例1：

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

　　案例2：

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

　　4.3.2.3咨詢功能在當前頁面中只能出現一次，位置不允許出現在頂部；如果用戶沒有主動點擊，協商對話窗口不會自動彈出；查詢按鈕可懸掛在底部或側面，但面積不宜過大，以免干擾用戶瀏覽。

　　案例1：

　　上圖：咨詢功能自動彈出并重復，底部有咨詢按鈕，不符合要求

　　案例2：

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

　　案例3：

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

　　4.3.3操作方便

　　登陸頁面的交互操作要符合用戶的日常習慣，簡單方便。

　　4.3.3.1頁面文本內容應支持長按復制和鏈接點擊。

　　案例1：

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

　　4.3.3.2當詳情頁面的主要內容包含圖片時，圖片應支持點擊向上查看大圖片、點擊后退、雙指捏縮自由縮放。在多張圖片的情況下，手勢支持左右滑動以自由切換圖片。

　　案例1：

　　上圖：通過點擊、用手指按住縮放、左右滑動切換圖片，可以查看和返回圖片

　　4.3.3.3視頻回放時，進度條應能拖動；視頻可以全屏播放。垂直屏幕視頻全屏播放時，垂直屏幕模式應保持全屏；視頻不應抖動、顫抖，卡頓次，以免傷害用戶體驗。

　　案例1：

　　上圖：小程序中的全屏垂直屏幕視頻不支持垂直屏幕播放，因此用戶的觀看體驗較差

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

　　案例1：

　　上圖：無法拖動音頻進度條

　　4.3.3.5當用戶在H5站或智能小程序中有位置查詢的需求時，應支持用戶使用地圖查看位置，獲取位置周圍的信息，并將主流地圖傳輸給路線規劃和目的地導航。

　　4.3.3.6高頻用戶使用的電話、咨詢、QQ等功能應模塊化，用戶點擊該功能后可快速進入通訊頁面。如果用戶點擊電話，就可以撥打電話；用戶可以通過點擊咨詢功能直接進入咨詢對話框；用戶可以通過單擊QQ直接進入QQ對話框。

　　案例1：

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

　　注：目前百度智能小程序提供的框架功能可以支持文本、圖片、視頻、音頻等資源的交互操作。applet開發人員可以自由選擇。開發者自行設置多媒體資源交互能力的，應當符合上述規定。

　　4.4服務規范

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

　　4.4.1輕松登錄

　　作為用戶享受各種服務需求的前提，登錄需要必須簡單方便。

　　4.4.1.1站點和小程序登錄入口清晰、明顯，登錄方式方便，支持授權登錄，如百度賬號授權等。

　　案例1：

　　上圖：該應用支持多種登錄方式，包括登錄授權、手機號碼登錄，滿足要求

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

　　4.4.2定位服務

　　當網站和小程序向用戶提供的服務有電子商務、生活服務（外賣、購票、租賃）等定位需求時，應支持自動定位服務，實現精準定位。

　　案例1：

　　上圖：應用不支持自動定位，用戶體驗差

　　4.4.3完整功能

　　4.4.3.1H5站和智能小程序提供服務時，應全面、實際地建立核心服務功能，給予用戶有效反饋，讓用戶享受便捷、完整的全過程服務體驗。例如，電子商務網站或小程序應該具備搜索、客服、支付、購物車、訂單查詢、退貨等基本服務功能。

　　案例1：

　　上圖：電子商務applet產品頁面缺少客服功能，用戶無法咨詢

　　4.4.3.2大部分服務體驗的** 終完成需要有支付功能，因此開發商應支持大多數用戶習慣使用的支付平臺的轉移，如微信支付或支付寶，以簡化支付流程。

　　案例1：

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

　　4.4.4服務交互

　　4.4.4.1服務界面總體布局清晰，布局合理，色調一致，頁面和控制可自由切換。

　　4.4.4.2用戶的交互操作需要降低用戶的輸入成本，** 輸入填充的智能化，如使用各種控制實現輸入選擇，鍵盤不能覆蓋主體，輸入字體清晰可見等。

　　案例1：

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

　　4.4.4.3用戶的交互操作流程必須有提醒通知或指導提示，以便用戶能夠快速得到有效反饋（如接收驗證碼倒計時、操作提醒、解釋提示、客服信息通知、進度通知等）

　　4.4.5信息查詢

　　網站和小程序應支持用戶登錄后查詢歷史信息，如快件跟蹤、采購記錄查詢咨詢、記錄查詢等。

　　5經驗算法

　　為了提高搜索用戶體驗，創造健康優質的搜索環境，開發人員也可以參考百度搜索中發布的與體驗相關的算法：

　　2019年4月，百度搜索下發《將嚴格控制搜索權限問題》；

　　2019年1月，百度搜索發布《將打擊**低俗廣告內容百度搜索》；

　　2018年11月，百度搜索發布冰桶算法5.0，涵蓋百度APP、APP中的不合格廣告，拓展全文功能等問題。

　　6參考文件

　　《百度搜索算法大盤點》

　　百度搜索將啟動冰桶算法5.0

　　百度搜索嚴厲打擊**低俗廣告

　　百度搜索搜索中的權限問題將受到嚴格控制

　　《智能小程序設計規范》

　　《百度智能小程序運營規范》

　　體驗提升提示：如何從PC頁重定向到移動頁