新聞中心
百度移動搜索落地頁體驗白皮書4.0
作者 / 無憂主機 時間 2020-07-07 12:57:38
1.百度堅決捍衛(wèi)移動搜索用戶體驗
2.名詞解釋
3.百度移動搜索落地頁體驗標準
3.1. 資源流暢性
3.1.1頁面加載速度
3.1.2頁面加載動效
3.2.頁面瀏覽體驗
3.2.1 排版布局
3.2.2 移動端適配
3.2.3 落地頁廣告規(guī)范
3.3. 資源易用性
3.3.1 通用頁面標準
3.3.2 禁止任何形式的APP自動調起
3.3.3 音視頻資源標準
3.3.4 圖片頁資源標準
4.尾聲
1. 百度堅決捍衛(wèi)移動搜索用戶體驗
進入移動互聯(lián)網(wǎng)時代，百度搜索致力于提升搜索用戶的瀏覽體驗，營造健康的搜索生態(tài)。過去一年中，在百度搜索和全網(wǎng)資源提供者的共同努力下，移動搜索落地頁廣告問題已經得到了明顯的改善?，F(xiàn)在，百度搜索發(fā)布《百度移動搜索落地頁體驗白皮書4.0》，旨在繼續(xù)與各內容生產者、服務提供者攜手同心，全方位提升移動搜索落地頁體驗，給億萬用戶以最優(yōu)質的資源與服務，給網(wǎng)站以最持久鮮活的生命力，形成搜索用戶與網(wǎng)站的良性互動，共啟全新的搜索之旅。
與2018年年初發(fā)布的《百度移動搜索落地頁體驗白皮書——廣告篇3.0》相比，無論是頁面加載、廣告位置，還是功能交互、資源有效性，白皮書4.0都有了更全面、更明確的規(guī)范。這是百度擁抱移動搜索的重要舉措，也彰顯了百度重塑移動生態(tài)的決心與信心。
2.名詞解釋
2.1.主體內容：可以認為是頁面最想表達的內容總和。對于內容詳情頁來說，主體內容指從標題開始至正文內容結束，翻頁區(qū)域也被視為主體內容，文章后的評論、分享、推薦等不視為主體內容。
2.2.首屏：用戶點擊搜索結果后進入移動頁面，不滑動屏幕即看到的所有內容，稱為首屏。
2.3.一屏：用戶滑動屏幕至主體內容展現(xiàn)結束之前，在頁面任意位置停留時看到的所有內容，稱為一屏。
2.4.移動端適配：為了使PC頁面能夠在移動端正常展現(xiàn)的手段，保證用戶不需要縮小、放大、左右滑動即可看清全部字體。
2.5.列表頁：指信息聚合展示的頁面，包括圖片列表頁、問答列表頁、文章列表頁、黃頁信息列表頁等。
2.6.詳情頁：指信息全部展開顯示的頁面，包含文章內容頁、問答詳情頁、商品詳情頁等。
2.7.廣告：指為了某種特定的需要，通過一定形式的媒體，公開且廣泛地向公眾傳遞信息的宣傳手段；本白皮書中的廣告泛指所有在落地頁中出現(xiàn)的面向用戶的傳播行為。需要注意的是，對網(wǎng)站自有產品的推廣也視作廣告。
2.8.APP引導：引導用戶下載安裝或激活調起APP的行為，包括大段文字、圖片、彈窗浮窗等形式。百度移動搜索為了降低用戶獲取內容的成本，要求凡可在H5端觀看、操作的內容及功能，均不可引導甚至強制用戶下載APP來解決。
2.9.一跳頁面：從百度搜索結果點擊進入落地頁時，進行第一次跳轉后到達的頁面。
2.10.多跳頁面：從百度搜索結果點擊進入落地頁后，進行二次或多次跳轉所到達的頁面。
3. 百度移動搜索落地頁體驗標準
3.1.資源流暢性
3.1.1頁面加載速度
頁面的首屏內容應在1.5秒內加載完成。
頁面加載速度是影響用戶搜索體驗的一個重要因素。百度搜索對用戶行為的研究表明，頁面首屏的加載時間在1.5秒以內的網(wǎng)站，會帶給用戶流暢快捷的極速體驗。
3.1.2頁面加載動效
從搜索結果頁進入站點落地頁的一跳以及多跳頁面都應有加載動效。
https://www.mkiseo.com/在頁面加載等待的過程中，應有加載動效及時反饋（如頁面自右向左滑動進入等），帶給用戶優(yōu)質高級的感受。
https://www.mkiseo.com/
3.2.頁面瀏覽體驗
https://www.mkiseo.com/3.2.1 排版布局
https://www.mkiseo.com/3.2.1.1頁面字體、字符大小、文本行間距等設計，應適合手機用戶閱讀，不可明顯過大過小，正文文本字號不小于10pt。
https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：文本行間距過小
https://www.mkiseo.com/
3.2.1.2首屏主體內容必須占屏幕的50%以上。
https://www.mkiseo.com/https://www.mkiseo.com/
負面Case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：首屏主體內容小于50%
https://www.mkiseo.com/
3.2.1.3主體內容應與其他板塊有明顯區(qū)分，且位于屏幕的中心位置，使用戶獲取信息時不受任何干擾。
https://www.mkiseo.com/https://www.mkiseo.com/
3.2.1.4導航的功能與位置明確，避免用戶使用過程中被誤導。
https://www.mkiseo.com/https://www.mkiseo.com/
3.2.1.5除以上提到的內容外，網(wǎng)站還應避免其他影響頁面內容辨識的情況，例如頁面出現(xiàn)大面積空白、文本無任何排版、段落/圖片排版錯亂不整齊、主體內容展示不全等。
https://www.mkiseo.com/
3.2.2 移動端適配
https://www.mkiseo.com/3.2.2.1移動搜索結果落地頁必須是移動頁而不是PC頁。因此，針對PC站點我們建議：
https://www.mkiseo.com/（1）設計搭建與PC站形成對應適配關系的移動站，并積極向百度提供移動頁面及適配關系；
https://www.mkiseo.com/（2）若網(wǎng)站暫時沒有搭建移動站的計劃，請將PC站點進行自適應改造，以便適應移動瀏覽器的界面，給用戶帶來良好視覺體驗。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：PC站點移動端用戶瀏覽及交互體驗差
https://www.mkiseo.com/
3.2.3 落地頁廣告規(guī)范
https://www.mkiseo.com/
關于百度移動搜索落地頁體驗廣告的具體要求，請參考《關于《百度移動搜索落地頁體驗白皮書4.0》中廣告標準的補充說明》。
https://www.mkiseo.com/
3.2.3.1禁止的廣告樣式
https://www.mkiseo.com/3.2.3.1.1懸浮廣告、彈窗廣告、遮屏廣告
https://www.mkiseo.com/在頁面的任何位置都不允許放置懸浮廣告和彈窗廣告，避免阻礙用戶瀏覽或引起用戶誤操作。
https://www.mkiseo.com/遮屏式廣告，列用戶最抵觸的廣告形式之首。落地頁不允許有任何遮屏式廣告，無論任何大小和目的。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1:
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：底部懸浮廣告（APP引導）
https://www.mkiseo.com/
負面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：右側懸浮廣告
https://www.mkiseo.com/
負面case3：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：頂部懸浮廣告
https://www.mkiseo.com/
負面Case4：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：彈窗廣告
https://www.mkiseo.com/
負面case5：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：遮屏廣告
https://www.mkiseo.com/
3.2.3.1.2廣告重疊
https://www.mkiseo.com/誤點擊對用戶來說感受極差，請不要讓廣告與功能按鈕過于接近甚至重疊。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：廣告低質且靠近翻頁按鈕
https://www.mkiseo.com/
3.2.3.1.3抖動或輪播廣告
https://www.mkiseo.com/廣告不能抖動或輪播，面積和位置要固定。
https://www.mkiseo.com/負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：頂部輪播廣告
https://www.mkiseo.com/
3.2.3.1.4自動播放廣告
https://www.mkiseo.com/廣告不能自動播放，干擾用戶的視線。
https://www.mkiseo.com/https://www.mkiseo.com/
3.2.3.2廣告位置以及面積
https://www.mkiseo.com/無論任何性質的移動頁面，用戶都不希望看到太多廣告。
https://www.mkiseo.com/https://www.mkiseo.com/
3.2.3.2.1 文章內容頁或信息詳情頁，從頁面頂端到正文內容結束前，禁止插入任何形式的廣告。注：文章下方的評論、分享、推薦等不算作正文內容，翻頁功能區(qū)算作正文。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：頁面頂部（標題上方）嵌入廣告
https://www.mkiseo.com/
負面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：標題后正文前嵌入廣告
https://www.mkiseo.com/
負面case3：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：正文中穿插廣告
https://www.mkiseo.com/
3.2.3.2.2列表頁或檢索結果頁面，一屏的廣告面積必須小于1/3，且廣告內容視覺感知上不能與原生內容反差很大。圖片列表頁中的廣告也會被計算為廣告面積。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：列表頁插入廣告面積超過1/3
https://www.mkiseo.com/
3.2.3.3廣告內容
https://www.mkiseo.com/落地頁體驗除了在廣告樣式、廣告位置以及面積大小的要求外，還會考慮廣告內容體驗。如果廣告內容給用戶帶來干擾，不管廣告面積和位置是否符合規(guī)范，都會成為被打擊的對象。
https://www.mkiseo.com/https://www.mkiseo.com/
3.2.3.3.1嚴禁低俗違禁內容
https://www.mkiseo.com/在用戶正常瀏覽頁面時，低俗違禁廣告無論是圖片還是文字鏈，都對用戶產生極大的干擾，百度對此將嚴厲打擊。對低俗違禁廣告（包括但不限于色情、賭博、法律規(guī)定的違禁品或服務）更是從重從嚴。
https://www.mkiseo.com/負面case 1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：低俗違禁廣告
https://www.mkiseo.com/
負面case 2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：低俗違禁廣告
https://www.mkiseo.com/
3.2.3.3.2嚴禁虛假廣告
https://www.mkiseo.com/對于帶有誘導、欺騙、虛假內容的廣告，百度會堅決予以打擊。
https://www.mkiseo.com/負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：虛假廣告
https://www.mkiseo.com/
3.2.3.3.3提倡優(yōu)質的視頻貼片廣告
https://www.mkiseo.com/精美的貼片廣告對用戶來說是一種享受，但低劣粗糙的貼片廣告對用戶來說卻是一種折磨。未來百度移動搜索會加大對視頻資源的覆蓋，除了對資源有效性及質量提出更高要求外，也會考慮貼片廣告帶給用戶的視覺感受，除了播放時間不應過長而提高用戶獲取視頻內容的成本外，還對廣告的質量提出了更高的要求。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：不精美的視頻貼片廣告
https://www.mkiseo.com/
3.3. 資源易用性
https://www.mkiseo.com/3.3.1 通用頁面標準
https://www.mkiseo.com/3.3.1.1功能按鈕的位置必須固定，不可抖動或閃爍；按鈕功能必須可用，且實際功能需與文字描述完全一致，不可出現(xiàn)誘導信息；功能按鈕不可與頁面其他內容重疊，避免引起用戶誤操作；功能按鈕的位置應符合用戶習慣。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：功能按鈕抖動
https://www.mkiseo.com/
負面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：廣告與功能按鈕重疊
https://www.mkiseo.com/
負面case3：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：功能按鈕未放置在底部，不符合用戶習慣
https://www.mkiseo.com/
3.3.1.2評論功能：若評論編輯框在頁面中直接展現(xiàn)，則應保證評論的編輯、發(fā)送功能在當前頁可用。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：評論編輯框在當前頁無法編輯
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.1.3咨詢類按鈕當前頁只能出現(xiàn)一次，且位置不允許出現(xiàn)在頂部，面積不應過大避免干擾用戶瀏覽；在用戶未主動點擊的情況下，咨詢的對話窗口不可自動彈出。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：咨詢功能自動彈出且面積超限
https://www.mkiseo.com/https://www.mkiseo.com/
正面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：咨詢功能懸浮在頁面底部，面積較小
https://www.mkiseo.com/
正面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：咨詢功能懸浮在頁面右側，面積較小
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.1.4一切為了導流和曝光廣告等目的，而提高用戶閱讀成本的行為，都會對搜索用戶造成傷害，是百度搜索不允許的。
https://www.mkiseo.com/3.3.1.4.1展開全文功能：展開全文的功能按鈕需具有文字標示，且功能可用；展開全文按鈕最多只能出現(xiàn)一次，但不可出現(xiàn)在落地頁的首屏內容中（列表頁除外）；展開功能按鈕附近不能有干擾用戶操作的引導內容。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：展開功能無文字標示，且與APP調起按鈕距離過近
https://www.mkiseo.com/
負面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：展開按鈕在首屏
https://www.mkiseo.com/
3.3.1.4.2用戶應可以直達目標頁面和功能，操作簡潔，沒有阻礙。
https://www.mkiseo.com/如：選擇感興趣的商品，先到達商品詳情頁，還需要再次點擊才可到達購買頁，這種造成用戶多余操作的情況是不允許出現(xiàn)的。
https://www.mkiseo.com/錯誤：選擇感興趣的商品——>商品詳情頁（多余操作操作繁雜）——>商品詳情頁，可下單購買
https://www.mkiseo.com/正確：選擇感興趣的商品——>商品詳情頁，可直接點擊購買
https://www.mkiseo.com/https://www.mkiseo.com/
負面case：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：購買路徑繁瑣
https://www.mkiseo.com/
3.3.2 禁止任何形式的APP自動調起
https://www.mkiseo.com/3.3.2.1禁止落地頁自動調起APP，或強制下載APP的情況。任何打亂用戶搜索路徑、誤導用戶調起app的行為都是不允許的。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
<img src="https://www.mkiseo.com/
上圖：落地頁自動調起APP下載
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.2.2禁止使用評論、咨詢、查看全文等功能時強制要求下載APP的情況。
https://www.mkiseo.com/負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：點擊評論等功能強制打開APP
https://www.mkiseo.com/https://www.mkiseo.com/
負面case2：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：用戶需要查看電話，強制下載APP
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.3 音視頻資源標準
3.3.3.1音頻、視頻資源播放時，進度條應可被拖拽。
https://www.mkiseo.com/https://www.mkiseo.com/
負面case1：
https://www.mkiseo.com/<img src="https://www.mkiseo.com/
上圖：音頻進度條不可拖拽
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.3.2視頻資源應可以全屏播放；豎屏視頻在全屏播放時，應保持豎屏模式的全屏播放。
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.3.3視頻不可出現(xiàn)抖動、顫抖、卡頓多次的情況，避免傷害用戶體驗。
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.3.4音樂資源播放頁，歌詞需要與歌曲有映射關系，保持同步。
https://www.mkiseo.com/https://www.mkiseo.com/
3.3.4 圖片頁資源標準
3.3.4.1詳情頁中主體內容包括圖片的情況下，圖片應能點擊調起大圖、縮小放大功能使用自如，手勢支持順滑，圖集能自由切換。
https://www.mkiseo.com/https://www.mkiseo.com/
4.尾聲
百度搜索將持續(xù)在提升移動搜索體驗上發(fā)力，我們希望和內容生產者、服務提供者一起，共建一個良好正向的移動搜索生態(tài)環(huán)境。對于符合規(guī)范的內容生產者、服務提供者，百度搜索也會重視你們付出的努力，竭盡所能為優(yōu)質資源帶來更多用戶沉淀。
本文地址：http://www.gle-technology.com/wzyh_seo/30192.html
