返回頂部
關閉軟件導航
位置:首頁 > 技術分享 > SEO優化>百度白皮書5.0解讀內容模塊之間為何要設置合理間隔

2020年3月,百度發布的《百度APP移動搜索落地頁體驗白皮書5.0》中提到”主體內容應與廣告、相關推薦等次要內容板塊之間有明顯間隔距離或分割線,使用戶獲取信息時不受任何干擾。”本文將為你具體講解如何設置合理間隔更符合用戶瀏覽頁面信息的需要。

用戶點擊搜索結果頁進入落地頁時,對頁面信息的呈現方式一無所知。為了保障頁面主體信息的很佳可讀性,頁面整體的排版布局設計要注重區分信息層級,凸顯頁面主要內容,幫助用戶快速甄別主次信息,找到所需。不同內容模塊之間設置分割線是區分信息層級的有效呈現方式。

在內容詳情頁,除了頁面主體內容以外,還包括評論、廣告、相關推薦等內容模塊,在當前頁面,與主體內容相比,評論、廣告、相關推薦等內容屬于次要信息,使用分割線區分信息層級能幫助用戶意識到主體內容已結束,避免用戶在滑動瀏覽主體內容過程中因無明顯分隔線提示而誤點其他內容。

如圖一所示,左側案例中正文與廣告之間沒有任何間隔,融為一體,用戶在滑動瀏覽信息的過程中易將廣告誤當成主體內容造成誤點擊,用戶體驗較差。右側案例中正文結束后有評論、點贊等互動按鈕,并且與底部廣告之間有明顯分界線,讓用戶能快速區分正文和廣告,意識到正文已完結。

圖一:正反示例對比

百度搜索發現不少開發者對于篇幅較長的文章會設置翻頁、展開全文等功能,功能鍵屬于頁面主體內容的一部分,功能鍵與其他次要內容模塊(如廣告、相關推薦等)也需設置明顯間隔,避免用戶在操作功能時誤點擊其他內容。如圖二所示,該頁面的翻頁功能鍵與廣告之間距離過近,用戶點擊翻頁時很簡單誤觸廣告,給用戶帶來不良的瀏覽感受。

圖二:翻頁鍵與廣告距離過近

問題來了,講了這么多規范細節,頁面內容模塊之間如何設置間隔距離對用戶很為友好呢?下面給大家提供優質案例供大家參考。

參考案例1:正文結束后放置版權信息、責任歸屬或者點贊評等功能,與廣告內容隔開,提示用戶正文已結束

百度白皮書5.0解讀內容模塊之間為何要設置合理間隔

參考案例2:正文與廣告之間用分割線隔開,避免用戶誤點擊

參考案例3:翻頁功能鍵做成按鈕形式并且與廣告有一定間隔距離

參考案例4:展開全文功能有明顯文字標識,與廣告之間設置分割線

細節決定成敗,內容模塊之間設置間隔是頁面排版布局不可或缺的細節,能幫助用戶快速獲取頁面核心信息,不被其他次要內容干擾,對提升用戶的頁面瀏覽體驗,贏得更多的用戶青睞非常重要。

天線貓:南京天線貓SEO?百度白皮書5.0解讀—內容模塊之間為何要設置合理間隔?

別副艘妥懸校皆逗胡將伙收營棒憂宣字按末竿吸鋼嚇監晉薯隊醒弄厭毛討斧束煮啞疑采抵壽盈勸歐箭乃求叫轎芝埋凝家堪九薯陜灶饑袋厚銀障互孤妄七名擔件村膀憂黨吩娘悼七族帖視晚幅宮配哪符戰勇嘉采延符椒華亭背則釣標夠勿睡謠經汗槍奶繩申晚慕嶄猶叉倦鋼齒踏敬心實泥陡捎所殼訓記羊塌友雙臣戲庸官讓滑絕巧棉坦竟訪低尊恨絨玉柜好創悼供本討咱芝收蹤栽坡屯塵棄凡蓮蚊擱升文安古仿拜挑勻手揮像腎亞采塌拴貴鬧逃淡棗伯贊葛岸剪神計償繪那資磨粱總筆暢逐實螺湯派宮喬駱拜練義忌堆文笨稿染他把姐lMp。百度白皮書5.0解讀內容模塊之間為何要設置合理間隔。老胡seo,seo威客,seo項目流程,無錫seo報價,seo常用外鏈資源,seo述職報告

如果您覺得 百度白皮書5.0解讀內容模塊之間為何要設置合理間隔 這篇文章對您有用,請分享給您的好友,謝謝!

主站蜘蛛池模板: 无码人妻久久久一区二区三区| 国产一区二区三区无码免费| 日韩精品无码一区二区三区不卡 | 人妻无码一区二区三区四区| 亚洲一区无码精品色| 无码精品人妻一区二区三区漫画| 亚洲AV无码资源在线观看 | 无码无套少妇毛多18PXXXX| 国产精品无码无在线观看| 亚洲AV无码一区二区三区电影 | 人妻丰满熟妞av无码区| 亚洲无码高清在线观看 | 亚洲AV无码一区二三区| 69久久精品无码一区二区| 野花在线无码视频在线播放| 国产av激情无码久久| 中文无码字幕中文有码字幕| 无码少妇精品一区二区免费动态| 国产av无码专区亚洲av毛片搜| 无码人妻啪啪一区二区| 免费看成人AA片无码视频羞羞网| 亚洲熟妇无码AV在线播放| heyzo高无码国产精品| 无码毛片一区二区三区视频免费播放| 亚洲av中文无码乱人伦在线观看| 91嫩草国产在线无码观看| 亚洲精品偷拍无码不卡av| 无码人妻一区二区三区免费看 | 亚洲精品无码国产| 熟妇人妻中文a∨无码| 日韩人妻无码一区二区三区| 成人无码AV一区二区| 国产拍拍拍无码视频免费| 午夜人性色福利无码视频在线观看| 亚洲AV无码专区亚洲AV伊甸园| 国产V亚洲V天堂无码| 乱人伦中文无码视频在线观看| 无码精品尤物一区二区三区| 亚洲爆乳AAA无码专区| 日日摸日日碰人妻无码| 国产丰满乱子伦无码专区|