網(wǎng)站落地頁應該執(zhí)行什么樣的標準制作

進入移動互聯(lián)網(wǎng)時代，百度搜索致力于提升搜索用戶的瀏覽體驗，營造健康的搜索生態(tài)。過去一年中，在百度搜索和全網(wǎng)資源提供者的共同努力下，移動搜索落地頁廣告問題已經(jīng)得到了明顯的改善?，F(xiàn)在，百度搜索發(fā)布《百度移動搜索落地頁體驗白皮書4.0》，旨在繼續(xù)與各內(nèi)容生產(chǎn)者、服務提供者攜手同心，全方位提升移動搜索落地頁體驗，給億萬用戶以最優(yōu)質的資源與服務，給網(wǎng)站以最持久鮮活的生命力，形成搜索用戶與網(wǎng)站的良性互動，共啟全新的搜索之旅。

?

與2018年年初發(fā)布的《百度移動搜索落地頁體驗白皮書——廣告篇3.0》相比，無論是頁面加載、廣告位置，還是功能交互、資源有效性，白皮書4.0都有了更全面、更明確的規(guī)范。這是百度擁抱移動搜索的重要舉措，也彰顯了百度重塑移動生態(tài)的決心與信心。

2.名詞解釋

2.1.主體內(nèi)容：可以認為是頁面最想表達的內(nèi)容總和。對于內(nèi)容詳情頁來說，主體內(nèi)容指從標題開始至正文內(nèi)容結束，翻頁區(qū)域也被視為主體內(nèi)容，文章后的評論、分享、推薦等不視為主體內(nèi)容。

?

2.2.首屏：用戶點擊搜索結果后進入移動頁面，不滑動屏幕即看到的所有內(nèi)容，稱為首屏。

?

2.3.一屏：用戶滑動屏幕至主體內(nèi)容展現(xiàn)結束之前，在頁面任意位置停留時看到的所有內(nèi)容，稱為一屏。

?

2.4.移動端適配：為了使PC頁面能夠在移動端正常展現(xiàn)的手段，保證用戶不需要縮小、放大、左右滑動即可看清全部字體。

2.5.列表頁：指信息聚合展示的頁面，包括圖片列表頁、問答列表頁、文章列表頁、黃頁信息列表頁等。

?

2.6.詳情頁：指信息全部展開顯示的頁面，包含文章內(nèi)容頁、問答詳情頁、商品詳情頁等。

?

2.7.廣告：指為了某種特定的需要，通過一定形式的媒體，公開且廣泛地向公眾傳遞信息的宣傳手段；本白皮書中的廣告泛指所有在落地頁中出現(xiàn)的面向用戶的傳播行為。需要注意的是，對網(wǎng)站自有產(chǎn)品的推廣也視作廣告。

?

2.8.?APP引導：引導用戶下載安裝或激活調起APP的行為，包括大段文字、圖片、彈窗浮窗等形式。百度移動搜索為了降低用戶獲取內(nèi)容的成本，要求凡可在H5端觀看、操作的內(nèi)容及功能，均不可引導甚至強制用戶下載APP來解決。

?

2.9.一跳頁面：從百度搜索結果點擊進入落地頁時到達的頁面。

2.10.多跳頁面：從百度搜索結果點擊進入落地頁后，進行再次點擊跳轉或多次跳轉所到達的頁面。

3. ?百度移動搜索落地頁體驗標準

3.1.???資源流暢性

3.1.1頁面加載速度

頁面的首屏內(nèi)容應在1.5秒內(nèi)加載完成。

頁面加載速度是影響用戶搜索體驗的一個重要因素。百度搜索對用戶行為的研究表明，頁面首屏的加載時間在1.5秒以內(nèi)的網(wǎng)站，會帶給用戶流暢快捷的極速體驗。

3.1.2頁面加載動效

從搜索結果頁進入站點落地頁的一跳以及多跳頁面都應有加載動效。

在頁面加載等待的過程中，應有加載動效及時反饋（如頁面自右向左滑動進入等），帶給用戶優(yōu)質高級的感受。

3.2.頁面瀏覽體驗

3.2.1 排版布局

3.2.1.1?頁面字體、字符大小、文本行間距等設計，應適合手機用戶閱讀，不可明顯過大過小，正文文本字號不小于10pt。

上圖：文本行間距過小

3.2.1.2?首屏主體內(nèi)容必須占屏幕的50%以上

3.2.1.3?主體內(nèi)容應與其他板塊有明顯區(qū)分，且位于屏幕的中心位置，使用戶獲取信息時不受任何干擾。

?

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

?

3.2.1.5?除以上提到的內(nèi)容外，網(wǎng)站還應避免其他影響頁面內(nèi)容辨識的情況，例如頁面出現(xiàn)大面積空白、文本無任何排版、段落/圖片排版錯亂不整齊、主體內(nèi)容展示不全等。

3.2.2 移動端適配

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

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

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

?

負面case1：?

上圖：PC站點移動端用戶瀏覽及交互體驗差

3.2.3 落地頁廣告規(guī)范

關于百度移動搜索落地頁體驗廣告的具體要求，請參考《關于《百度移動搜索落地頁體驗白皮書4.0》中廣告標準的補充說明》。

.2.3.1?禁止的廣告樣式

3.2.3.1.1懸浮廣告、彈窗廣告、遮屏廣告

在頁面的任何位置都不允許放置懸浮廣告和彈窗廣告，避免阻礙用戶瀏覽或引起用戶誤操作。

遮屏式廣告，列用戶最抵觸的廣告形式之首。落地頁不允許有任何遮屏式廣告，無論任何大小和目的。

?

負面case1:?

上圖：底部懸浮廣告（APP引導）

負面case2：?

上圖：右側懸浮廣告

負面case3：

上圖：頂部懸浮廣告

負面Case4：

上圖：彈窗廣告

負面case5：

上圖：遮屏廣告

3.2.3.1.2廣告重疊

誤點擊對用戶來說感受極差，請不要讓廣告與功能按鈕過于接近甚至重疊。

?

負面case：?

上圖：廣告低質且靠近翻頁按鈕

3.2.3.1.3抖動或輪播廣告

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

負面case：

上圖：頂部輪播廣告

3.2.3.1.4自動播放廣告

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

?

3.2.3.2?廣告位置以及面積

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

?

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

?

負面case1：

上圖：標題后正文前嵌入廣告

負面case3：

上圖：正文中穿插廣告

3.2.3.2.2列表頁或檢索結果頁面，一屏的廣告面積必須小于1/3，且廣告內(nèi)容視覺感知上不能與原生內(nèi)容反差很大。圖片列表頁中的廣告也會被計算為廣告面積。

?

負面case1：

上圖：列表頁插入廣告面積超過1/3

3.2.3.3?????廣告內(nèi)容

落地頁體驗除了在廣告樣式、廣告位置以及面積大小的要求外，還會考慮廣告內(nèi)容體驗。如果廣告內(nèi)容給用戶帶來干擾，不管廣告面積和位置是否符合規(guī)范，都會成為被打擊的對象。

?

3.2.3.3.1?嚴禁低俗違禁內(nèi)容

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

負面case 1：

上圖：低俗違禁廣告

負面case 2：

上圖：低俗違禁廣告

3.2.3.3.2嚴禁虛假廣告

對于帶有誘導、欺騙、虛假內(nèi)容的廣告，百度會堅決予以打擊。

負面case：

上圖：虛假廣告

3.2.3.3.3提倡優(yōu)質的視頻貼片廣告

精美的貼片廣告對用戶來說是一種享受，但低劣粗糙的貼片廣告對用戶來說卻是一種折磨。未來百度移動搜索會加大對視頻資源的覆蓋，除了對資源有效性及質量提出更高要求外，也會考慮貼片廣告帶給用戶的視覺感受，除了播放時間不應過長而提高用戶獲取視頻內(nèi)容的成本外，還對廣告的質量提出了更高的要求。

?

負面case：

上圖：不精美的視頻貼片廣告

3.3. 資源易用性

3.3.1 通用頁面標準

3.3.1.1?功能按鈕的位置必須固定，不可抖動或閃爍；按鈕功能必須可用，且實際功能需與文字描述完全一致，不可出現(xiàn)誘導信息；功能按鈕不可與頁面其他內(nèi)容重疊，避免引起用戶誤操作；功能按鈕的位置應符合用戶習慣。

?

負面case1：

上圖：廣告與功能按鈕重疊

負面case3：

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

?

3.3.1.2咨詢類按鈕當前頁只能出現(xiàn)一次，且位置不允許出現(xiàn)在頂部，面積不應過大避免干擾用戶瀏覽；在用戶未主動點擊的情況下，咨詢的對話窗口不可自動彈出。

?

負面case：

上圖：咨詢功能自動彈出且面積超限

?

正面case1：

上圖：咨詢功能懸浮在頁面底部，面積較小

正面case2：?

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

?

3.3.1.3?一切為了導流和曝光廣告等目的，而提高用戶閱讀成本的行為，都會對搜索用戶造成傷害，是百度搜索不允許的。

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

?

負面case1：

上圖：展開按鈕在首屏

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

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

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

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

3.3.2 禁止任何形式的APP自動調起

3.3.2.1?禁止落地頁自動調起APP，或強制下載APP的情況。任何打亂用戶搜索路徑、誤導用戶調起app的行為都是不允許的。

?

負面case1：?

上圖：落地頁自動調起APP下載

?

3.3.2.2?禁止使用評論、咨詢、查看全文等功能時強制要求下載APP的情況。

上圖：點擊評論等功能強制打開APP

?

負面case2：

上圖：用戶需要查看電話，強制下載APP

?

3.3.3 音視頻資源標準

3.3.3.1?音頻、視頻資源播放時，進度條應可被拖拽。

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

?

3.3.3.2?視頻資源應可以全屏播放；豎屏視頻在全屏播放時，應保持豎屏模式的全屏播放。

?

3.3.3.3視頻不可出現(xiàn)抖動、顫抖、卡頓多次的情況，避免傷害用戶體驗。

?

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

?

3.3.4 圖片頁資源標準

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

?

4.尾聲

百度搜索將持續(xù)在提升移動搜索體驗上發(fā)力，我們希望和內(nèi)容生產(chǎn)者、服務提供者一起，共建一個良好正向的移動搜索生態(tài)環(huán)境。對于符合規(guī)范的內(nèi)容生產(chǎn)者、服務提供者，百度搜索也會重視你們付出的努力，竭盡所能為優(yōu)質資源帶來更多用戶沉淀。