百度APP移動(dòng)搜索落地頁體驗(yàn)白皮書5.0上線
過去的一年,百度搜索的技術(shù)和產(chǎn)品團(tuán)隊(duì)努力持續(xù)提升搜索用戶體驗(yàn)。經(jīng)過用戶調(diào)研、競(jìng)品分析、小流量測(cè)試等手段,百度搜索對(duì)落地頁體驗(yàn)4.0標(biāo)準(zhǔn)進(jìn)行了全新升級(jí),重磅推出《百度APP移動(dòng)搜索落地頁體驗(yàn)白皮書5.0》。
與《百度移動(dòng)搜索落地頁體驗(yàn)白皮書4.0》相比,白皮書5.0不僅在頁面加載、廣告位置、功能交互等方面有了更明確、細(xì)致的規(guī)范要求,還增加了服務(wù)閉環(huán)的考量緯度。
1.導(dǎo)言
2.面向?qū)ο?/span>
3.名詞解釋
4.落地頁體驗(yàn)規(guī)范
4.1. 信息獲取規(guī)范
4.1.1 加載速度
4.2.頁面瀏覽規(guī)范
4.2.1 排版布局
4.2.2 字號(hào)間距
4.2.3 pc站移動(dòng)適配
4.2.4 頁面機(jī)型適配
4.2.5 落地頁廣告標(biāo)準(zhǔn)
4.3. 交互操作規(guī)范
4.3.1 滑動(dòng)順暢
4.3.2 功能友好
4.3.3 操作便捷
4.4. 服務(wù)規(guī)范
4.4.1 登錄便捷
4.4.2 定位服務(wù)
4.4.3 功能完備
4.4.4 服務(wù)交互
4.4.5 信息查詢
5.體驗(yàn)算法
6.參考文檔
1. 導(dǎo)言
過去一年,在百度和全網(wǎng)開發(fā)者的共同努力下,搜索用戶的瀏覽交互體驗(yàn)有了明顯提升。為了給搜索用戶提供更好的服務(wù)和體驗(yàn),我們將最新落地頁體驗(yàn)規(guī)范同步給全網(wǎng)開發(fā)者,期望繼續(xù)與各位內(nèi)容、服務(wù)提供者一同打造沉浸式的搜索體驗(yàn),為億萬用戶提供更優(yōu)質(zhì)便捷的搜索服務(wù)。
與2018年8月發(fā)布的《百度移動(dòng)搜索落地頁體驗(yàn)白皮書4.0》相比,白皮書5.0不僅在頁面加載、廣告位置、功能交互等方面有了更明確、細(xì)致的規(guī)范要求,還增加了用戶服務(wù)需求的體驗(yàn)標(biāo)準(zhǔn)說明,這是百度致力于滿足用戶深層次搜索需求的重要舉措,也彰顯了百度為搜索用戶打造更完善的內(nèi)容消費(fèi)及服務(wù)平臺(tái)的決心。
2.面向?qū)ο?/span>
本白皮書適用于所有與百度搜索合作的開發(fā)者,包括但不限于智能小程序、H5站、PC站等,同時(shí)搜索結(jié)果的TOP1專業(yè)問答/OpenCard/筆記等產(chǎn)品形態(tài)也需遵守本白書規(guī)范。
白皮書中體驗(yàn)標(biāo)準(zhǔn)主要適用于對(duì)搜索用戶有明確檢索價(jià)值的頁面。對(duì)用戶沒有檢索價(jià)值的頁面,如色情、違法、作弊頁面,低質(zhì)頁面(頁面死鏈、空白、內(nèi)容空短)、查看頁面內(nèi)容時(shí)強(qiáng)制用戶下載APP或不合理登錄等限制行為屬于百度搜索算法嚴(yán)厲打擊的低質(zhì)作弊問題,具體可參考《百度搜索算法大盤點(diǎn)》。
3.名詞解釋
3.1.主體內(nèi)容:可以認(rèn)為是頁面最想表達(dá)的內(nèi)容總和。對(duì)于內(nèi)容詳情頁來說,主體內(nèi)容指從標(biāo)題開始至正文內(nèi)容結(jié)束,翻頁區(qū)域也被視為主體內(nèi)容,文章后的評(píng)論、分享、推薦等不視為主體內(nèi)容。
3.2.首屏:用戶點(diǎn)擊搜索結(jié)果后進(jìn)入移動(dòng)頁面,不滑動(dòng)屏幕即看到的所有內(nèi)容,稱為首屏。
3.3.一屏:用戶滑動(dòng)屏幕至主體內(nèi)容展現(xiàn)結(jié)束之前,在頁面任意位置停留時(shí)看到的所有內(nèi)容,稱為一屏。
3.4.移動(dòng)適配:是指PC站點(diǎn)在移動(dòng)設(shè)備上能正常展現(xiàn)的手段,保證用戶不需要縮小、放大、左右滑動(dòng)即可看清全部字體。
3.5.列表頁:指信息聚合展示的頁面,包括H5站點(diǎn)及小程序首頁、圖片列表頁、問答列表頁、文章列表頁、黃頁信息列表頁等。
3.6.詳情頁:指信息全部展開顯示的頁面,包含文章內(nèi)容頁、問答詳情頁、商品詳情頁等。
3.7.廣告:指為了某種特定的需要,通過一定形式的媒體,公開且廣泛地向公眾傳遞信息的宣傳手段;本白皮書中的廣告泛指所有在落地頁中出現(xiàn)的面向用戶的傳播行為。需要注意的是,對(duì)網(wǎng)站自有產(chǎn)品的推廣也視作廣告。
3.8. APP引導(dǎo):引導(dǎo)用戶下載安裝或激活調(diào)起APP的行為,包括大段文字、圖片、彈窗浮窗等形式。百度APP為了降低用戶獲取內(nèi)容的成本,要求凡可在站點(diǎn)或者小程序內(nèi)觀看、操作的內(nèi)容及功能,均不可引導(dǎo)甚至強(qiáng)制用戶下載APP來解決。
3.9.一跳頁面:從百度APP搜索結(jié)果點(diǎn)擊進(jìn)入落地頁時(shí)到達(dá)的頁面。
3.10.多跳頁面:從百度APP搜索結(jié)果點(diǎn)擊進(jìn)入落地頁后,進(jìn)行再次點(diǎn)擊跳轉(zhuǎn)或多次跳轉(zhuǎn)所到達(dá)的頁面。
4.搜索落地頁體驗(yàn)規(guī)范
4.1信息獲取規(guī)范
4.1.1 加載速度
頁面首屏內(nèi)容應(yīng)在1秒內(nèi)加載完成。
頁面加載速度是影響用戶搜索體驗(yàn)的一個(gè)重要因素。百度APP對(duì)用戶行為的研究表明,頁面首屏的加載時(shí)間在1秒以內(nèi)的站點(diǎn)或小程序,用戶的留存率會(huì)越高,更符合用戶對(duì)快捷搜索體驗(yàn)的期待。
4.2頁面瀏覽規(guī)范
4.2.1 排版布局
4.2.1.1頁面應(yīng)注意排版精良,段落分明,合理使用不同字號(hào)區(qū)分頁面的主次信息,圖片、視頻等多媒體資源的位置及尺寸選擇配合頁面整體布局,保證頁面整體的美觀度和用戶瀏覽頁面信息的最佳可讀性。
4.2.1.2 首屏主體內(nèi)容必須占屏幕的50%以上。并且主體內(nèi)容應(yīng)位于手機(jī)屏幕的中心位置。
4.2.1.3展開全文功能:展開全文的設(shè)置必須具有文字標(biāo)示,且功能實(shí)際可用;展開全文功能最多只能出現(xiàn)一次,但不可出現(xiàn)在落地頁的首屏內(nèi)容中(列表頁除外);展開全文與廣告等引導(dǎo)性內(nèi)容要設(shè)置一定距離間隔,避免干擾用戶操作。
4.2.1.4 主體內(nèi)容應(yīng)與廣告、相關(guān)推薦等次要內(nèi)容板塊之間有明顯間隔距離或分割線,使用戶獲取信息時(shí)不受任何干擾。
4.2.1.5 頁面的導(dǎo)航的功能與位置明確,避免用戶使用過程中被誤導(dǎo)。
4.2.2 字號(hào)間距
落地頁的字體大小及文本間距的選擇,不可明顯過大過小,需適合手機(jī)用戶閱讀。頁面主體內(nèi)容的字號(hào)應(yīng)不小于10pt,字體與行高的比率應(yīng)大于1.4。
注:小程序整體的頁面排版布局、字號(hào)選擇、行間距選擇可參考《智能小程序設(shè)計(jì)規(guī)范》。
4.2.3 PC站移動(dòng)適配
移動(dòng)搜索結(jié)果落地頁必須是移動(dòng)頁而不是PC頁。因此,針對(duì)PC站點(diǎn)我們建議:
(1)設(shè)計(jì)搭建與PC站形成對(duì)應(yīng)適配關(guān)系的移動(dòng)站,并積極向百度提供移動(dòng)頁面及適配關(guān)系;
(2)若網(wǎng)站暫時(shí)沒有搭建移動(dòng)站的計(jì)劃,請(qǐng)將PC站點(diǎn)進(jìn)行自適應(yīng)改造,以便適應(yīng)移動(dòng)瀏覽器的界面,給用戶帶來良好視覺體驗(yàn)。
4.2.4 頁面機(jī)型適配
所有開發(fā)者應(yīng)對(duì)資源頁面做好不同手機(jī)型號(hào)的適配效果,不影響用戶的正常瀏覽使用。其中IOS全面屏手機(jī)底部橫線不可遮擋頁面的具體功能和內(nèi)容。
4.2.5 落地頁廣告規(guī)范
4.2.5.1廣告內(nèi)容規(guī)范
落地頁的廣告內(nèi)容必須遵守《中華人民共和國廣告法》的規(guī)定要求,如果廣告存在違法內(nèi)容,給用戶帶來干擾,不論廣告形式、位置和面積是否符合規(guī)范,都會(huì)成為被打擊的對(duì)象。
4.2.5.1.1嚴(yán)禁違禁低俗廣告內(nèi)容
在用戶正常瀏覽頁面時(shí),違禁低俗廣告無論是圖片還是文字鏈,都對(duì)用戶產(chǎn)生極大的干擾,百度對(duì)此將嚴(yán)厲打擊。對(duì)違禁低俗廣告(包括但不限于色情、賭博、法律規(guī)定的違禁品或服務(wù))更是從重從嚴(yán)。
4.2.5.1.2嚴(yán)禁虛假誘導(dǎo)類廣告內(nèi)容
廣告內(nèi)容禁止使用“國家級(jí)”、“最高級(jí)”、“最佳”等用語,不能夸大效果、虛假承諾,誘導(dǎo)用戶分享,對(duì)于帶有誘導(dǎo)、欺騙、虛假內(nèi)容的廣告,百度會(huì)堅(jiān)決予以打擊。
4.2.5.1.3 嚴(yán)禁廣告內(nèi)容侵犯國家尊嚴(yán)利益、泄露國家秘密、侵犯?jìng)€(gè)人隱私
4.2.5.2 廣告樣式規(guī)范
落地頁廣告樣式不允許遮擋頁面主體內(nèi)容及功能,干擾用戶正常的瀏覽體驗(yàn)和搜索需求。
4.2.5.2.1 在落地頁的任何位置都不允許放置懸浮廣告、彈窗廣告、遮屏廣告等用戶最為抵觸的廣告形式,避免阻礙用戶瀏覽或引起用戶誤操作,無論任何大小和目的。
4.2.5.2.2 廣告不允許抖動(dòng)、閃動(dòng)、輪播、自動(dòng)播放,干擾用戶瀏覽主體內(nèi)容的視線。
4.2.5.3 廣告位置以及面積規(guī)范
用戶使用搜索的目的是為了尋找自己需要的服務(wù)和信息,因此不希望看到過多的廣告。因此開發(fā)者在放置廣告時(shí)總體要求位置合適、廣告面積不可過大,不能遮擋用戶瀏覽主體信息。廣告與主體內(nèi)容、功能按鈕等模塊之間要有明顯的距離間隔,避免用戶誤點(diǎn)擊。
4.2.5.3.1 落地頁的首屏頂部允許嵌入不超過一屏面積10%的優(yōu)質(zhì)廣告,優(yōu)質(zhì)廣告是指廣告面積和內(nèi)容合規(guī)的前提下,形式上有明確廣告標(biāo)識(shí),樣式美觀,視覺體驗(yàn)好,且宣傳內(nèi)容不違反法律法規(guī)要求,不涉及虛假、欺騙信息,值得信賴。
4.2.5.3.2文章內(nèi)容頁或信息詳情頁,從主體內(nèi)容標(biāo)題開始到正文內(nèi)容結(jié)束前,禁止插入任何形式的廣告。注:文章下方的評(píng)論、分享、推薦等不算作正文內(nèi)容,翻頁功能區(qū)算作正文。
4.2.5.3.3 所有H5站點(diǎn)及智能小程序的列表頁(包括首頁)中,一屏的廣告面積必須小于1/3,且廣告內(nèi)容視覺感知上不能與原生內(nèi)容反差很大。圖片列表頁中的廣告也會(huì)被計(jì)算為廣告面積。
4.3. 交互操作規(guī)范
4.3.1 滑動(dòng)順暢
為保證搜索用戶瀏覽頁面的便捷性,頁面上下滑動(dòng)及tab模塊切換等操作需順暢不卡頓。
4.3.2 功能友好
4.3.2.1 用戶可以快速直達(dá)目標(biāo)頁面或使用功能,操作簡易,回退自如,避免繁瑣步驟或重復(fù)點(diǎn)擊等行為。
特別提醒:為給用戶形成統(tǒng)一便捷的用戶體驗(yàn),百度智能小程序提供的返回功能統(tǒng)一位于頁面左上方,建議不要放置其他位置。
案例1:
如:選擇感興趣的商品,先到達(dá)商品詳情頁,還需要再次點(diǎn)擊才可到達(dá)購買頁,這種造成用戶多余操作的情況是不允許出現(xiàn)的。
錯(cuò)誤:選擇感興趣的商品——>商品詳情頁(多余操作操作繁雜)——>商品詳情頁,可下單購買
正確:選擇感興趣的商品——>商品詳情頁,可直接點(diǎn)擊購買
4.3.2.2 功能設(shè)置要簡單易用,符合用戶操作習(xí)慣,同一功能在同一頁面只能出現(xiàn)一次,不可重復(fù)設(shè)置。具體要求如下:
4.3.2.2.1 功能位置必須固定,不可抖動(dòng)或閃爍,與頁面其他內(nèi)容模塊(如廣告)要有一定間距,不可重疊,避免用戶誤操作;
4.3.2.2.2 同一頁面上功能按鈕面積不可超過一屏面積的10%;
4.3.2.2.3功能必須實(shí)際可用,操作友好便捷,且實(shí)際功能與文字描述需完全一致,不可出現(xiàn)誘導(dǎo)信息或引導(dǎo)跳轉(zhuǎn)第三方頁面;
4.3.2.2.4 功能可設(shè)置成嵌入樣式也可設(shè)置成懸浮樣式,但設(shè)置懸浮功能時(shí)要注意面積不能過大,不可遮擋用戶瀏覽頁面內(nèi)容或進(jìn)行其他功能操作。
4.3.2.3 咨詢類功能在當(dāng)前頁只能出現(xiàn)一次,且位置不允許出現(xiàn)在頂部;在用戶未主動(dòng)點(diǎn)擊的情況下,咨詢的對(duì)話窗口不可自動(dòng)彈出;咨詢按鈕可在底部或側(cè)面懸浮,但面積不宜過大干擾用戶瀏覽。
4.3.3 操作便捷化
落地頁的交互操作應(yīng)符合用戶日常使用習(xí)慣,簡單方便。
4.3.3.1 頁面的文本內(nèi)容應(yīng)支持長按可復(fù)制,鏈接可點(diǎn)擊。
4.3.3.2 詳情頁的主體內(nèi)容在包含圖片的情況下,圖片應(yīng)支持點(diǎn)擊調(diào)起查看大圖,點(diǎn)擊返回,雙指按捏放大縮小功能使用自如,在有多張圖片的情況下,手勢(shì)支持左右滑動(dòng),自由切換圖片。
4.3.3.3視頻播放時(shí),進(jìn)度條應(yīng)可被拖拽;視頻可以全屏播放,豎屏視頻在全屏播放時(shí),應(yīng)保持豎屏模式的全屏播放;視頻不可出現(xiàn)抖動(dòng)、顫抖、卡頓多次的情況,避免傷害用戶體驗(yàn)。
4.3.3.4 音頻播放時(shí),進(jìn)度條可以被拖拽。歌詞需要與歌曲有映射關(guān)系,保持同步。
4.3.3.5用戶在H5站或智能小程序內(nèi)有地點(diǎn)查詢等需求時(shí),應(yīng)支持用戶使用地圖查看地點(diǎn),獲取地點(diǎn)周邊信息、調(diào)起主流地圖進(jìn)行路線規(guī)劃和目的地導(dǎo)航。
4.3.3.6 用戶高頻使用的電話、咨詢、QQ等功能應(yīng)實(shí)現(xiàn)組件化,用戶點(diǎn)擊功能后能快速進(jìn)入溝通交流頁面。如用戶點(diǎn)擊電話,實(shí)現(xiàn)電話撥打操作;用戶點(diǎn)擊咨詢功能,可直接進(jìn)入咨詢對(duì)話框;用戶點(diǎn)擊QQ,可直接進(jìn)入QQ對(duì)話框。
注明:當(dāng)前百度智能小程序提供的框架能力可支持文本、圖片、視頻以及音頻等資源交互操作,小程序開發(fā)者可自由選用,若開發(fā)者自行設(shè)置多媒體資源的交互能力,需遵守上述規(guī)范。
4.4 服務(wù)規(guī)范
服務(wù)閉環(huán)是指以用戶需求為中心,能提供用戶完整、全流程的服務(wù)體驗(yàn)。作為綜合性的內(nèi)容消費(fèi)及服務(wù)平臺(tái),百度APP希望用戶在搜索時(shí)不僅能滿足用戶的信息及資源獲取需求,更能享受完整的服務(wù)流程,帶給用戶沉浸式的體驗(yàn)感受。
4.4.1登錄便捷
登錄需求作為用戶享有各種服務(wù)需求的前提,必須做到登錄簡單便捷。
4.4.1.1 站點(diǎn)及小程序的登錄入口清晰明顯,登錄方式便捷,支持授權(quán)登錄,比如百度賬號(hào)授權(quán)等。
4.4.1.2 用戶登錄一次后應(yīng)能長久的保持登錄狀態(tài),避免多次重復(fù)登錄給用戶帶來的復(fù)雜體驗(yàn)。
4.4.2 定位服務(wù)
當(dāng)站點(diǎn)及小程序提供給用戶的服務(wù)有定位需求時(shí),如電商類、生活服務(wù)類(外賣、買票、租房)等,應(yīng)該支持自動(dòng)定位服務(wù),并且做到定位準(zhǔn)確無誤。
4.4.3 功能完備
4.4.3.1 H5站及智能小程序提供服務(wù)時(shí),核心的服務(wù)功能應(yīng)設(shè)置完備,并且實(shí)際可用,給用戶有效反饋,使用戶享有便捷、完整的全流程服務(wù)體驗(yàn)。比如電商類站點(diǎn)或者小程序應(yīng)具備搜索、客服、支付、購物車、訂單查詢、退貨等基本服務(wù)功能。
4.4.3.2 大部分服務(wù)體驗(yàn)的最終完成都需要有支付功能,因此開發(fā)者應(yīng)支持調(diào)起大部分用戶習(xí)慣使用的支付平臺(tái),如微信支付或支付寶,簡化支付流程。
4.4.4 服務(wù)交互
4.4.4.1 服務(wù)界面整體排版清晰,布局合理,色調(diào)一致,頁面和控件切換自如。
4.4.4.2 用戶的交互操作需降低用戶輸入成本,保障輸入填寫的智能化,如利用各種控件實(shí)現(xiàn)輸入選擇,鍵盤不能遮擋主體、輸入字體清晰可見等。
4.4.4.3 用戶的交互操作流程必須有提醒通知或引導(dǎo)提示,使用戶能快速得到有效反饋。(如接收驗(yàn)證碼倒計(jì)時(shí),操作提醒、解釋性提示、客服消息通知、進(jìn)度通知等)
4.4.5 信息查詢
站點(diǎn)及小程序都應(yīng)當(dāng)支持用戶登錄后可查詢歷史信息,比如快遞追蹤、購買記錄查詢咨詢、記錄查詢等。
5.體驗(yàn)算法
為提升搜索用戶體驗(yàn),營造健康優(yōu)質(zhì)的搜索環(huán)境,百度搜索發(fā)布的體驗(yàn)相關(guān)算法,也請(qǐng)廣大開發(fā)者參考:
2019年4月,百度搜索發(fā)布《百度搜索將嚴(yán)格控制搜索中的權(quán)限問題》;
2019年1月,百度搜索發(fā)布《百度搜索將嚴(yán)厲打擊色情低俗廣告內(nèi)容》;
2018年11月,百度搜索發(fā)布《冰桶算法5.0》覆蓋百度APP內(nèi)存在的不合規(guī)廣告、APP調(diào)起、展開全文功能等問題。