百度移動(dòng)網(wǎng)站頁(yè)面設計禁止事項與正確打開(kāi)方式

6月28日 消息:2018 年，百度發(fā)布了《百度移動(dòng)搜索落地頁(yè)體驗白皮書(shū)4.0》。在使用過(guò)程中用戶(hù)會(huì )對白皮書(shū)4. 0 的理解存在偏差?，F百度搜索資源平臺官方為幫助大家更好地理解落地頁(yè)規范， 整理一份規范標準示例說(shuō)明，為大家深度解讀。

1、禁止的廣告樣式不要碰

在《百度移動(dòng)搜索落地頁(yè)體驗白皮書(shū)4.0》(后簡(jiǎn)稱(chēng)白皮書(shū)4.0)中的廣告規范章節中規定：

【在頁(yè)面的任何位置都不允許放置懸浮廣告、彈窗廣告和遮屏廣告】

負面案例：頁(yè)面底部出現懸浮廣告

【廣告不可抖動(dòng)和輪播，面積和位置要固定】

負面案例：頁(yè)面頂部出現輪播廣告，且廣告面積過(guò)大

【廣告內容不可以出現APP引導】

負面案例：頁(yè)面頂部出現帶APP引導內容的的懸浮廣告

2、切記廣告面積大小有規定

白皮書(shū)4. 0 中對列表頁(yè)、檢索結果頁(yè)和詳情頁(yè)的廣告面積大小做出如下規定：

【落地頁(yè)首屏頂部允許出現廣告，但廣告面積不得超過(guò)首屏面積的20%，且多圖廣告內容所屬行業(yè)類(lèi)型需一致】

這里我們展示兩個(gè)正面的例子：

例1

例2

正面示例：多圖廣告的類(lèi)型、行業(yè)基本一致

【列表頁(yè)或檢索結果頁(yè)，一屏的廣告面積必須小于1/3】

負面案例：列表頁(yè)廣告面積超過(guò)一屏面積的1/3

如需了解更多百度移動(dòng)搜索落地頁(yè)體驗廣告規范的具體要求，請參考《百度移動(dòng)搜索落地頁(yè)體驗白皮書(shū)4.0》中廣告標準的補充說(shuō)明

3、咨詢(xún)按鈕位置和面積應符合規范

白皮書(shū)4. 0 中對功能按鈕的位置和面積的要求是：“功能按鈕的位置必須固定，符合用戶(hù)習慣，面積不宜過(guò)大，不可抖動(dòng)或閃爍”，檢測工具反饋中，資源方咨詢(xún)最多的問(wèn)題是按鈕的位置和面積，特此做出如下說(shuō)明：

【咨詢(xún)按鈕不允許出現在頁(yè)面頂部，可在左側/底部/右側懸浮，但面積不宜過(guò)大】

這里先展示一個(gè)正面案例：

正面案例：咨詢(xún)功能懸浮在右側，面積較小，符合規范

【咨詢(xún)類(lèi)按鈕當前頁(yè)只能出現一次】

負面案例：咨詢(xún)按鈕在當前頁(yè)出現 2 次

【用戶(hù)未主動(dòng)點(diǎn)擊情況下，咨詢(xún)窗口不可自動(dòng)彈出】

負面案例：咨詢(xún)窗口自動(dòng)彈出，在頁(yè)面中央懸浮，影響用戶(hù)體驗

4、做好詳情頁(yè)資源的移動(dòng)交互功能

移動(dòng)互聯(lián)網(wǎng)時(shí)代，為提高搜索用戶(hù)的移動(dòng)落地頁(yè)體驗，需做好圖片、視頻等資源的交互功能，其中最受資源方關(guān)注的是圖片資源的交互功能。白皮書(shū)4. 0 對圖片資源交互功能的規定是：

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

正面案例展示：

正面案例：自如切換操作

5、一跳&多跳頁(yè)面屬于落地頁(yè)

《百度移動(dòng)搜索落地頁(yè)體驗白皮書(shū)4.0》規定：

【一跳頁(yè)面：從百度搜索結果點(diǎn)擊進(jìn)入落地頁(yè)時(shí)到達的頁(yè)面】

一跳頁(yè)面示例

【多跳頁(yè)面：從百度搜索結果點(diǎn)擊進(jìn)入落地頁(yè)后，進(jìn)行再次點(diǎn)擊跳轉或多次跳轉所到達的頁(yè)面】

多跳頁(yè)面示例

一跳和多跳界面都屬于落地頁(yè)，所有一跳和多跳頁(yè)面體驗都應符合《百度移動(dòng)搜索落地頁(yè)體驗白皮書(shū)4.0》的規范要求。

發(fā)布者：水橋丶帕露西