《百度移動搜索落地頁體驗白皮書4.0》的升級點解讀

時間：2022-05-28 13:57:01 | 來源：網(wǎng)絡營銷

時間：2022-05-28 13:57:01 來源：網(wǎng)絡營銷

昨天，百度搜索正式上線發(fā)布《百度移動搜索落地頁體驗白皮書4.0》，與《百度移動搜索落地頁體驗白皮書——廣告篇3.0》相比，《百度移動搜索落地頁體驗白皮書4.0》在頁面流暢性、頁面瀏覽體驗，資源易用性等方面都有了更全面、更明確的規(guī)范。

本次專題解讀學習是對照著百度官方的白皮書來進行的。大家可以去對照著 《百度移動搜索落地頁體驗白皮書4.0》的全文學習。這里大家跟著我一起對照，相信也能了解很多。接下來就帶大家一起看看這次升級的重要內(nèi)容：

一、頁面流暢性

首先，我們先從頁面流暢性來看一下有哪些升級點：

1、頁面加載速度

頁面加載速度的標準由原先的“頁面整體加載速度小于3秒”，升級為“頁面首屏加載速度小于等于1.5秒”

《百度移動搜索落地頁體驗白皮書4.0》文中提到：首屏加載應在1.5秒內(nèi)完成。

據(jù)研究，一個網(wǎng)頁如果超過了3秒還打不開，很多人就會選擇放棄這個頁面。特別是現(xiàn)在網(wǎng)速提速了，大家的網(wǎng)絡環(huán)境都越來越好，一個網(wǎng)頁打不開，多半已經(jīng)不是網(wǎng)速的原因了，是網(wǎng)站自身的原因。所以站長一定要檢查落地頁的速度，在排查了服務器原因后，注意一些細節(jié)問題，比如壓縮首頁的圖片，資源加載的優(yōu)先級等等，CSS放在前面，一些復雜的JS放在后面加載。

2、頁面加載動效

不論一跳或是多跳的頁面均應有加載動效及預加載。

示例：

負面case：無加載動效且加載緩慢

這個涉及到JS特效。目前mip的JS組件感覺并沒有這么炫酷。速度倒是挺快的，效果并沒有拉風的效果。

二、頁面瀏覽體驗

關于頁面瀏覽體驗方面，我們就從頁面廣告來說一說：

1、主體內(nèi)容結(jié)束前不能放置任何形式的廣告

文章內(nèi)容頁或信息詳情頁，從頁面頂端到正文內(nèi)容結(jié)束前，禁止插入任何形式的廣告。注：文章下方的評論、分享、推薦等不算作正文內(nèi)容，翻頁功能區(qū)算作正文。

負面case1：頁面頂部（標題上方）嵌入廣告

負面case2：標題后正文前嵌入廣告

負面case3：正文中穿插廣告

值得注意的是底下這個小要求：

（1）、首屏主體內(nèi)容必須占屏幕的50%以上。就是說首頁打開后，不能全是導航啊，輪播圖啊這種，頂多只能占一半。

（2）、主體內(nèi)容應與其他板塊有明顯區(qū)分，且位于屏幕中心，使用戶獲取信息時不受干擾。（意思是正文放中間）

（3）、導航的功能與位置明確，避免用戶在使用過程中被誤導。（這個不解讀了，看字面意思就很好）

（4）、網(wǎng)站還應避免其他影響頁面內(nèi)容辨識的情況，例如頁面出現(xiàn)大面積空白、文本無任何排版、段落/圖片排版錯亂不整齊、主體內(nèi)容展示不全等。（總體還是講頁面的排版布局要好，這就是考驗CSS 的時候了）

（5）、移動端適配。正如白皮書的標題所寫的一樣，移動搜索落地頁，所以必須移動頁，如果是PC站點，那么要做對應的移動站點自適應改造。

2、落地頁廣告規(guī)范

這段的意思就是把廣告放在正文后面，會給你的頁面加分。

而禁止的廣告類型有：懸浮廣告、彈窗廣告、遮屏廣告

這里有一些經(jīng)典的負面例子，包括底部懸浮，頂部懸浮，還有右側(cè)的小紅包懸浮，都不行。

還有彈窗，遮屏廣告也不行（這兩個有點像，彈出來一般都是大面積的，遮住了屏）。

（1）、廣告重疊

誤點擊對用戶來說感受極差，請不要讓廣告與功能按鈕過于接近甚至重疊。（意思是廣告和頁面功能鍵挨得很近，很容易誤點，或者就是故意這樣，讓你點廣告的，這樣也是不行的，不符合百度落地頁4.0規(guī)范）

前方高能預警，全部都是關于規(guī)范廣告的：

（2）、抖動或輪播廣告

廣告不能抖動或輪播，面積和位置要固定。

（3）、自動播放廣告

廣告不能自動播放，干擾用戶的視線。

（4）、廣告位置以及面積

無論任何性質(zhì)的移動頁面，用戶都不希望看到太多廣告。

既不能抖動輪播，又不能自動播放。上面那句話經(jīng)典，“無論任何性質(zhì)的移動頁面，用戶都不希望看到太多廣告。”懂了么？意思就是對這個規(guī)范而言，廣告越少越好。

三、資源易用性

主要是功能按鈕，比如不能抖動，誘導，而且功能要和文字對應等等。

然后是評論功能了。

其中有一句最關鍵：“若評論編輯框在頁面中直接展現(xiàn)，則應保證評論的編輯、發(fā)送功能在當前頁可用。”意思就是如果看到了評論框，這個評論框在當前頁面就應該可用，而且評論完以后不用跳轉(zhuǎn)。

后來百度搜索資源平臺還專門出了一篇文章，講解了其中的規(guī)范，像很多站點都在用的暢言被當做了反面教材。

因為暢言評論點擊會跳轉(zhuǎn)出當前頁，這樣不符合規(guī)范?？紤]到很多站點的評論系統(tǒng)都用的是暢言，希望暢言能在這一點上改進。

通用功能：

1、評論功能可用

若評論編輯框在頁面中直接展現(xiàn)，則應保證評論的編輯、發(fā)送功能在當前頁可用。

負面case：評論編輯框在當前頁無法編輯

2、展開全文功能

展開全文的功能按鈕需具有文字標示，且功能可用；展開全文按鈕最多只能出現(xiàn)一次，但不可出現(xiàn)在落地頁的首屏內(nèi)容中（列表頁除外）；展開功能按鈕附近不能有干擾用戶操作的引導內(nèi)容。

注意：

（1）、以優(yōu)化用戶瀏覽體驗為目的的隱藏功能是合理的。

例：百科/劇情介紹等，分段較多，內(nèi)容隱藏可以認為合理。

（2）、問答類內(nèi)容若隱藏后不影響用戶閱讀理解，則認為隱藏合理。

（3）、文章類內(nèi)容需按規(guī)范考察主體內(nèi)容是否被惡意隱藏

負面case1：展開功能無文字標示，且與APP調(diào)起按鈕距離過近

負面case2：展開按鈕在首屏

3、操作路徑簡潔

用戶應可以直達目標頁面和功能，操作簡潔，沒有阻礙。

如：選擇感興趣的商品，先到達商品詳情頁，還需要再次點擊才可到達購買頁，這種造成用戶多余操作的情況是不允許出現(xiàn)的。

錯誤：選擇感興趣的商品——>商品詳情頁（多余操作）——>商品詳情頁，可下單購買

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

負面case：購買路徑繁瑣

4、圖片標準

這個主要指圖片縮放自如。

詳情頁中主體內(nèi)容包括圖片的情況下，圖片應能點擊調(diào)起大圖、縮小放大功能使用自如，手勢支持順滑，圖集能自由切換。

5、音視頻標準

（1）、音視頻進度條可拖拽

負面case：進度條無法拖動

（2）、資源應可以全屏播放；豎屏視頻在全屏播放時，應保持豎屏模式的全屏播放。

（3）、音樂資源播放頁，歌詞需要與歌曲有映射關系，并保持同步。

好了，以上是《百度移動搜索落地頁體驗白皮書4.0》的重點升級點，如果想了解更多內(nèi)容，歡迎訪問搜索學院查看《百度移動搜索落地頁體驗白皮書4.0》。

如有疑問，還請通過反饋中心向我們進行反饋。

億企邦點評：

平常看到這個百度移動搜索落地頁體驗白皮書，也就是粗略的看一眼，今天這么一細讀，發(fā)現(xiàn)還需要整改的地方很多，我感覺自己還是有很多收獲的。希望以后能變得更好，和百度這個搜索標準一起成長。