進入移動互聯網時(shí)代，百度搜索緻力£♣∑₽于提升搜索用(yòng)戶的(de)浏覽體(tǐ)驗，營造健康的(de)‍λ×♥搜索生(shēng)态，旨在繼續與各內(nèi)容生(shēn>≠g)産者、服務提供者攜手同心，全方位提升移動搜索落地(dì)頁體(t ♣≥ǐ)驗，現(xiàn)在就(jiù)和(hé)智火(huǒ)一(yī)起¥★☆♥去(qù)了(le)解下(xià)百度移∏δ動搜索落地(dì)頁體(tǐ)驗白(bái)皮書(shū)4.0吧 ∞✔δ(ba)!

1.百度堅決捍衛移動搜索用(yòng)戶體(tβ•¥ ǐ)驗

2.名詞解釋

3.百度移動搜索落地(dì)頁體(tǐ)驗标準

3.1. 資源流暢性

3.1.1頁面加載速度

3.1.2頁面加載動效

3.2.頁面浏覽體(tǐ)驗

3.2.1 排版布局

3.2.2 移動端适配

3.2.3 落地(dì)頁廣告規範

3.3. 資源易用(yòng)性

3.3.1 通(tōng)用(yòng)頁面标準

3.3.2 禁止任何形式的(de)APP"↓自(zì)動調起

3.3.3 音(yīn)視(shì)頻(pín)資源标準

3.3.4 圖片頁資源标準

4.尾聲

1. 百度堅決捍衛移動搜索用(yòng)<¥ε¶戶體(tǐ)驗

進入移動互聯網時(shí)代，百度搜索緻力于提升搜索用(yò≤ ¥ng)戶的(de)浏覽體(tǐ)驗，營造健康的(de)搜索∑←∞生(shēng)态。過去(qù)一(yī)年(nián)中，在百度搜索和ש↑(hé)全網資源提供者的(de)共同努力φ‍φ下(xià)，移動搜索落地(dì)頁廣告問(wèn)題已經得(de)∞ 到(dào)了(le)明(míng)顯的(de)改善。現(xiàn)在，百度↑ 搜索發布《百度移動搜索落地(dì)頁體(&₹tǐ)驗白(bái)皮書(shū)4.0》，旨在繼♠ᶙ續與各內(nèi)容生(shēng)産者、∞÷÷©服務提供者攜手同心，全方位提升移動搜索落地(dì)頁體(tǐ)驗÷→，給億萬用(yòng)戶以最優質的(de)資源與服務，給÷≤≠€網站(zhàn)以最持久鮮活的(de)生(shēng)命力，形成搜索用(yòn✔‍$g)戶與網站(zhàn)的(de)良性互動‍∞$∞，共啓全新的(de)搜索之旅。

與2018年(nián)年(nián)初發布的(de§☆Ω)《百度移動搜索落地(dì)頁體(tǐ)驗白(bái)皮≠‌‍↓書(shū)——廣告篇3.0》相(γπ<xiàng)比，無論是(shì)頁面加載、廣告位置，還(hái)是(sπ≈hì)功能(néng)交互、資源有(yǒu)效性，白(bái)皮書(shū✔≤σ✔)4.0都(dōu)有(yǒu)了(le)更全面、更明(míng)确的(♣​★§de)規範。這(zhè)是(shì)百度擁抱移動搜索的(deΩ★)重要(yào)舉措，也(yě)彰顯了(le)百度重塑移動★<δ生(shēng)态的(de)決心與信心。

2.名詞解釋

2.1.主體(tǐ)內(nèi)容：可(kě)以認為(wèi)是(s₽↓∑‍hì)頁面最想表達的(de)內(nèi)容總和(hé)。對(duì)于內‍≈"(nèi)容詳情頁來(lái)說(shuō)，主體(tǐ)內(↕↑®nèi)容指從(cóng)标題開(kāi)始至正文(wén)內(nèi)容結束ε≤<，翻頁區(qū)域也(yě)被視(shì)為(wèi)☆÷✘主體(tǐ)內(nèi)容，文(wén)章(zhāng)後的(de)評論、€£λ分(fēn)享、推薦等不(bù)視(shì)為(wèi)主體(tǐ)★¶γ₩內(nèi)容。

2.2.首屏：用(yòng)戶點擊搜索結果後進入§ε↑↓移動頁面，不(bù)滑動屏幕即看(kàn)到(dào)的(÷ σde)所有(yǒu)內(nèi)容，稱為(wèi)首屏₩♥÷&。

2.3.一(yī)屏：用(yòng)戶滑動屏幕至主 ↔₹體(tǐ)內(nèi)容展現(xiàn)結束之前，☆α在頁面任意位置停留時(shí)看(kàn)到(dào≈≥✘)的(de)所有(yǒu)內(nèi)容，稱為(wèi)一(yī)屏₹"₹​。

2.4.移動端适配：為(wèi)了(le)使PC頁面能(néng)夠在移動Ω±↕端正常展現(xiàn)的(de)手段，保證用(yòng)戶不(bù)×₩ε±需要(yào)縮小(xiǎo)、放(fàng)大(dà)、左右滑動即可(k÷✘<∑ě)看(kàn)清全部字體(tǐ)。

2.5.列表頁：指信息聚合展示的(de)頁面，包括圖片列表頁、問(wèn)β♠•答(dá)列表頁、文(wén)章(zhāng)列表頁、黃(huáng)頁信息列↕☆↓¶表頁等。

2.6.詳情頁：指信息全部展開(kāi)顯示的(de)頁面，包含文(wén)δ↑章(zhāng)內(nèi)容頁、問(wèn)答(dá)€ 詳情頁、商品詳情頁等。

2.7.廣告：指為(wèi)了(le)某種特定的(de)需要÷$(yào)，通(tōng)過一(yī)定形式的(de)媒體(∏γtǐ)，公開(kāi)且廣泛地(dì)向公衆傳遞信息的(γπβ≠de)宣傳手段;本白(bái)皮書(shū)中的(de)廣告泛指☆​所有(yǒu)在落地(dì)頁中出現(xiàn)的(de)面向用(yòng♦π‌)戶的(de)傳播行(xíng)為(wèi)。需要φ¥§(yào)注意的(de)是(shì)，對(dσ↕uì)網站(zhàn)自(zì)有(yǒu)産品的(£₽ de)推廣也(yě)視(shì)作(zuò)廣告。

2.8. APP引導：引導用(yòng)戶下(xià)載安裝或激₹♠≈Ω活調起APP的(de)行(xíng)為(wèi)，包括大 ←(dà)段文(wén)字、圖片、彈窗(chu≈σ×āng)浮窗(chuāng)等形式。百度移動搜索為(wèi)了(le)β★•♠降低(dī)用(yòng)戶獲取內(nèi)容的(de)成本，要(y×←₩♦ào)求凡可(kě)在H5端觀看(kàn'® )、操作(zuò)的(de)內(nèi)容及功能(néng)，均不(b→§ù)可(kě)引導甚至強制(zhì)用(y‌×òng)戶下(xià)載APP來(lái)解決。

2.9.一(yī)跳(tiào)頁面：從(cóγ>≤ng)百度搜索結果點擊進入落地(dì)頁時(shí)，進行( ∑xíng)第一(yī)次跳(tiào)轉後到(dào)達的(de)頁面。

2.10.多(duō)跳(tiào)頁面：從(cóng)百度搜索"↕☆結果點擊進入落地(dì)頁後，進行(xíng)二次或多(duō)次跳(ti¥©Ω₹ào)轉所到(dào)達的(de)頁面。

3. 百度移動搜索落地(dì)頁體(tǐ)驗✔Ω 标準

3.1. 資源流暢性

3.1.1頁面加載速度

頁面的(de)首屏內(nèi)容應在1.5秒(miǎo)內(nè×$δi)加載完成。

頁面加載速度是(shì)影(yǐng)響用(©Ω♥yòng)戶搜索體(tǐ)驗的(de)一(yī)個(gè)重要(yào™≠βα)因素。百度搜索對(duì)用(yòng)戶行(xíng)為(w​¶β èi)的(de)研究表明(míng)，頁面首屏的(de)加載時×≈ (shí)間(jiān)在1.5秒(miǎo)€σ♠以內(nèi)的(de)網站(zhàn)，會(huì)帶給用(yòng)戶 "流暢快(kuài)捷的(de)極速體(tǐ)驗。

3.1.2頁面加載動效

從(cóng)搜索結果頁進入站(zhàn)點落地(dì)頁的(de)一(y≥  ✘ī)跳(tiào)以及多(duō)跳(tiào)頁面都(dōu&&§¶)應有(yǒu)加載動效。

在頁面加載等待的(de)過程中，應有(yǒu)加載動效及時≤♠(shí)反饋(如(rú)頁面自(zì)右向左滑φ‌∏★動進入等)，帶給用(yòng)戶優質高(gāo)≥¶Ω級的(de)感受。

3.2.頁面浏覽體(tǐ)驗

3.2.1 排版布局

3.2.1.1 頁面字體(tǐ)、字符大(dà)小(xiǎo)、文↔φ≥↑(wén)本行(xíng)間(jiān)距等設計(jì)，α✔↑≠應适合手機(jī)用(yòng)戶閱讀(dú)，≠γ不(bù)可(kě)明(míng)顯過大(dà)過小££& (xiǎo)，正文(wén)文(wén)本字号不(bù)小(xiǎo)于10‍σ‌pt。

負面case：

上(shàng)圖：文(wén)本行(xíng)間(jiān)距過小λ¶δ≈(xiǎo)

3.2.1.2 首屏主體(tǐ)內(nèi)容必須占屏幕的(de)50%以上≈✔÷(shàng)。

 

負面Case：

上(shàng)圖：首屏主體(tǐ)內(nèi)容小(xiǎo)于↕ 50%

3.2.1.3 主體(tǐ)內(nèi)容應與其他(tā)闆塊有(yǒ♣↓≠​u)明(míng)顯區(qū)分(fēn)，且位于屏幕的(<∞de)中心位置，使用(yòng)戶獲取信息時(shí)不(bù)受任↓​♥何幹擾。

3.2.1.4 導航的(de)功能(néng)與位置明(míng)确，避免÷≥用(yòng)戶使用(yòng)過程中被誤導。

3.2.1.5 除以上(shàng)提到(dào)的(de)內(nèi)₩≈✘容外(wài)，網站(zhàn)還(hái)應避免其他(tā)影(yǐ♥♦ng)響頁面內(nèi)容辨識的(de)情況，©Ω例如(rú)頁面出現(xiàn)大(dà)面積空(kōng)白(bái)、文π™↔≈(wén)本無任何排版、段落/圖片排版錯✘®(cuò)亂不(bù)整齊、主體(tǐ)內(nèi)容展示不(bù)全σ♦•等。

3.2.2 移動端适配

3.2.2.1移動搜索結果落地(dì)頁必須是(shì)移動頁而不(b↕↕ù)是(shì)PC頁。因此，針對(duì)PC站(zhàn)點我們建議(yì∞¶)：

(1)設計(jì)搭建與PC站(zhàn)形成對(duì)應>>£适配關系的(de)移動站(zhàn)，并積極向百度提供移動頁面λ€及适配關系;

(2)若網站(zhàn)暫時(shí)沒有(yǒu)↓♥≠"搭建移動站(zhàn)的(de)計(jì)劃，請(qǐng)将PC站(zhà←♣"n)點進行(xíng)自(zì)适應改造，以便适應移動浏覽器(qì)的¶ ±☆(de)界面，給用(yòng)戶帶來(lái)良好(hǎ♣↕o)視(shì)覺體(tǐ)驗。

 

負面case1：

上(shàng)圖：PC站(zhàn)點移動端用(yòng)戶浏覽及交互體(t§Ωγǐ)驗差

3.2.3 落地(dì)頁廣告規範

3.2.3.1 禁止的(de)廣告樣式

3.2.3.1.1懸浮廣告、彈窗(chuāng)廣告、遮屏廣告

在頁面的(de)任何位置都(dōu)不(b'® ù)允許放(fàng)置懸浮廣告和(hé)彈窗"↑♣(chuāng)廣告，避免阻礙用(yòng)戶浏γ≥✘覽或引起用(yòng)戶誤操作(zuò)。

遮屏式廣告，列用(yòng)戶最抵觸的(de)廣告形式之首。落地(dì)頁不φ←₹(bù)允許有(yǒu)任何遮屏式廣告，無論任何大(dàδ∑)小(xiǎo)和(hé)目的(de)。

 

負面case1:

上(shàng)圖：底部懸浮廣告(APP引₩↓<®導)

 

負面case2：

上(shàng)圖：右側懸浮廣告

 

負面case3：

上(shàng)圖：頂部懸浮廣告

 

負面Case4：

上(shàng)圖：彈窗(chuāng)廣告

 

負面case5：

上(shàng)圖：遮屏廣告

3.2.3.1.2廣告重疊

誤點擊對(duì)用(yòng)戶來(lái)說(π∞shuō)感受極差，請(qǐng)不(bù)要(yào)讓‍↓₩廣告與功能(néng)按鈕過于接近(jìn)甚至重疊​¥α。

 

負面case：

上(shàng)圖：廣告低(dī)質且靠近(jìn)翻頁按鈕

3.2.3.1.3抖動或輪播廣告

廣告不(bù)能(néng)抖動或輪播，面積和(hé)位置要(y α←♥ào)固定。

 

負面case：

上(shàng)圖：頂部輪播廣告

3.2.3.1.4自(zì)動播放(fàng)廣告

廣告不(bù)能(néng)自(zì)動βδ播放(fàng)，幹擾用(yòng)戶的(de)視(shì)線。

3.2.3.2 廣告位置以及面積

無論任何性質的(de)移動頁面，用(yò ←σ™ng)戶都(dōu)不(bù)希望看(kàn)到(π₽ΩΩdào)太多(duō)廣告。

3.2.3.2.1 文(wén)章(zhāng) >→¥內(nèi)容頁或信息詳情頁，從(cón ∑g)頁面頂端到(dào)正文(wén)內(nèi)容結束前，禁止插入任何π‌←形式的(de)廣告。注：文(wén)章(zhāng)∞←>下(xià)方的(de)評論、分(fēn)享、推薦等不(bù)算(suàn)β¥★σ作(zuò)正文(wén)內(nèi)容，翻頁功能(néng)區✘π∑ε(qū)算(suàn)作(zuò)正文(wén)®'π。

 

負面case1：

上(shàng)圖：頁面頂部(标題上(shàng)方)嵌入廣告

 

負面case2：

上(shàng)圖：标題後正文(wén)前嵌入廣告 &φ

 

負面case3：

上(shàng)圖：正文(wén)中穿插廣告

3.2.3.2.2列表頁或檢索結果頁面，一(yī)屏的(de)廣告面積必須π♥小(xiǎo)于1/3，且廣告內(nèi)容視(shì)φ™πδ覺感知(zhī)上(shàng)不(bù)₩&>能(néng)與原生(shēng)內(nèi) ≤容反差很(hěn)大(dà)。圖片列表頁中的(de)廣告也(× ±yě)會(huì)被計(jì)算(suàn)為(÷♥↕πwèi)廣告面積。

 

負面case1：

上(shàng)圖：列表頁插入廣告面積超過1/3

3.2.3.3 廣告內(nèi)容

落地(dì)頁體(tǐ)驗除了(le)在廣告樣式、廣告位置以←↔'及面積大(dà)小(xiǎo)的(de)要(yào)求外(wài)，還(hái‍↓≥$)會(huì)考慮廣告內(nèi)容體(tǐ)驗。如(r€"ú)果廣告內(nèi)容給用(yòng)戶帶來(lái)幹擾，不(bù¶♦λ)管廣告面積和(hé)位置是(shì)否符合規範，都(d£δōu)會(huì)成為(wèi)被打擊的(de)對(duì✔±&)象。

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

在用(yòng)戶正常浏覽頁面時(shí‌≥δ↑)，低(dī)俗違禁廣告無論是(shì)圖片還(hái)是(∞↑¶shì)文(wén)字鏈，都(dōu)對(duì)用(yòn★∏ ↑g)戶産生(shēng)極大(dà)的(de)幹擾，百度對(du§®ì)此将嚴厲打擊。對(duì)低(dī)俗違禁廣告(包括‌×>Ω但(dàn)不(bù)限于色情、賭博、法律規定的'±‍(de)違禁品或服務)更是(shì)從(cóng)重從(cóng)‌≤♥λ嚴。

負面case 1：

 

 

上(shàng)圖：低(dī)俗違禁廣告

負面case 2：

 

 

上(shàng)圖：低(dī)俗違禁廣告

3.2.3.3.2嚴禁虛假廣告

對(duì)于帶有(yǒu)誘導、欺騙、虛假內(nèi)容的(de)廣告， π♦百度會(huì)堅決予以打擊。

負面case：

 

 

上(shàng)圖：虛假廣告

3.2.3.3.3提倡優質的(de)視(sλ$✘÷hì)頻(pín)貼片廣告

精美(měi)的(de)貼片廣告對(duì)用(yòng)戶來(lái)說•←' (shuō)是(shì)一(yī)種享受，但(dàn)低(dī)劣粗糙的(✔<de)貼片廣告對(duì)用(yòng)戶來(lái)∞"☆∑說(shuō)卻是(shì)一(yī)種折磨。未來(lái)百度移動搜索會(h Ω→uì)加大(dà)對(duì)視(shì)頻(pí♦↕€♥n)資源的(de)覆蓋，除了(le)對(duì)資源有(yǒu)效£λφ性及質量提出更高(gāo)要(yào)求外(wài)，也(yě)會(huì)考¥↓‍ 慮貼片廣告帶給用(yòng)戶的(de)視(shì)覺感受，除了(le₹≠)播放(fàng)時(shí)間(jiān)¥↓→♠不(bù)應過長(cháng)而提高(gāo)λ♥用(yòng)戶獲取視(shì)頻(pín)內(nèi)容的(de∏←&)成本外(wài)，還(hái)對(duì)廣γ ¶δ告的(de)質量提出了(le)更高(gāo)的(de)要(y≥♦ào)求。

負面case：

 

 

上(shàng)圖：不(bù)精美(měi)的(de)視(shì)頻('≠§pín)貼片廣告

3.3. 資源易用(yòng)性

3.3.1 通(tōng)用(yòng)頁面标準

3.3.1.1 功能(néng)按鈕的(<≥×∑de)位置必須固定，不(bù)可(kě)抖動或閃爍;按鈕功能(néng)££必須可(kě)用(yòng)，且實際功能(néng)需與文(wén)©$>字描述完全一(yī)緻，不(bù)可(kě)出現(xiàn)誘導信息;功能γ←(néng)按鈕不(bù)可(kě)與頁面其他(tā)內(nè↔< ✔i)容重疊，避免引起用(yòng)戶誤操作(zuò);功能(néng)按₩→鈕的(de)位置應符合用(yòng)戶習(x±♣≥í)慣。

負面case1：

 

 

上(shàng)圖：功能(néng)按鈕抖動

負面case2：

 

 

上(shàng)圖：廣告與功能(néng)按鈕重疊

負面case3：

 

 

上(shàng)圖：功能(néng)按鈕未放(f≤ ​àng)置在底部，不(bù)符合用(yòng)戶習(xí≈Ω£)慣

3.3.1.2 評論功能(néng)：若評論編輯框在頁面中直接展現(x←≥₽iàn)，則應保證評論的(de)編輯、發送功能(néng)在☆$當前頁可(kě)用(yòng)。

負面case：

 

 

上(shàng)圖：評論編輯框在當前頁無法編輯

3.3.1.3咨詢類按鈕當前頁隻能(néng)出現(xiàn)一↓™₩(yī)次，且位置不(bù)允許出現(x‍ ↑←iàn)在頂部，面積不(bù)應過大(dà)避免幹擾用(yòng)戶浏覽;✘<✔在用(yòng)戶未主動點擊的(de)情況下(xià)，咨≥¥×♥詢的(de)對(duì)話(huà)窗(chuāng)口不(bù)&✔₽可(kě)自(zì)動彈出。

負面case：

 

 

上(shàng)圖：咨詢功能(néng)∑↓♦自(zì)動彈出且面積超限

正面case1：

 

 

上(shàng)圖：咨詢功能(néng)懸浮在頁面底部，面積較小(xiǎo)±♣♠

正面case2：

 

 

上(shàng)圖：咨詢功能(néng)懸浮在頁面右側，面積較小(xiǎo ✘✘)

3.3.1.4 一(yī)切為(wèi)了(lβ ®e)導流和(hé)曝光(guāng)廣告等目的(de)，而提×↑ 高(gāo)用(yòng)戶閱讀(dú)成本的(de)行(xíng)為(wèi£σ )，都(dōu)會(huì)對(duì)©  ±搜索用(yòng)戶造成傷害，是(shì)百度搜索不(bù)允許的(de)。γ≠≠

3.3.1.4.1展開(kāi)全文(wén)功能(néng)：展開± (kāi)全文(wén)的(de)功能(néng)按鈕需具有(yǒu)™Ω₹<文(wén)字标示，且功能(néng)可(kě)用​☆β÷(yòng);展開(kāi)全文(wén)按鈕最多(duō)隻能(néng♥¥)出現(xiàn)一(yī)次，但(dàn)不®φ(bù)可(kě)出現(xiàn)在落地(dì)頁的(de↔↕)首屏內(nèi)容中(列表頁除外(wài));©♦展開(kāi)功能(néng)按鈕附近(jìn)不(bù)能(néngλ∞<)有(yǒu)幹擾用(yòng)戶操作(zuò)的(de ÷≤)引導內(nèi)容。

負面case1：

 

 

上(shàng)圖：展開(kāi)功能(néng)無文(wén)字标示，≠♣且與APP調起按鈕距離(lí)過近(jìnε™$)

負面case2：

 

 

上(shàng)圖：展開(kāi)按鈕在首屏

3.3.1.4.2 用(yòng)戶應可(→™♠kě)以直達目标頁面和(hé)功能(néng)，操→™¶×作(zuò)簡潔，沒有(yǒu)阻礙。

如(rú)：選擇感興趣的(de)商品，先到(dào)達商品詳情頁，還✘↓Ω★(hái)需要(yào)再次點擊才可(kě‌£)到(dào)達購(gòu)買頁，這(zhè)種¶β造成用(yòng)戶多(duō)餘操作(zuò)€£←的(de)情況是(shì)不(bù)允許出現(xiàn)σ§<★的(de)。

錯(cuò)誤：選擇感興趣的(de)商品&mdas¥ ¶h;—>商品詳情頁(多(duō)餘↓↓>操作(zuò)操作(zuò)繁雜(zá))&md∏>≥ash;—>商品詳情頁，可(kě)下(xβ €ià)單購(gòu)買

正确：選擇感興趣的(de)商品—&m‍‍dash;>商品詳情頁，可(kě)直接點擊購(gòu)買

負面case：