一、百度移動搜索落地頁體驗白皮書
在21世紀互聯網時代,網站已是非常普遍,對于企業網絡營銷已是一種必不可少的工具,因此很多企業都設計建設了網站,那么網站如何設計才能幫助企業產品進行更好的推廣呢?
根據《百度APP移動搜索落地頁體驗白皮書5.0》中指出,網頁要進行更好的推廣,必須是在不斷滿足用戶體驗基礎上從信息獲取、頁面瀏覽、交互操作、服務規范等多個方面制訂更明確、更細致的搜索規范要求,為你的站點用戶提供全方位搜索移動落地頁瀏覽體驗。
接下來一起看看《百度APP移動搜索落地頁體驗白皮書5.0》移動落地頁指導相關內容。

二、頁面信息獲取
1、加載速度
站點首屏內容必須要在1秒鐘加載完成,這樣加載速度才能算是優秀。
2、移動H5頁面優化建議
(1) 站點資源加載:壓縮或者合并同類資源,不是首屏圖片懶加載;
(2)頁面渲染:CSS樣式文件寫在站點head頭部文件中,避免由于CSS文件加載請求造成的渲染阻塞,對于非文字素材,例如圖片、視頻進行指定大小。
3、小程序優化加載速度建議
(1)優化小程序包體積:降低小程序包體積大小,縮短小程序包的下載時間。
(2)請求數據優化:請求數據優化:站點中的關鍵數據異步請求可盡早發出,數據時間越早越好,越早就能向視圖層發送這些渲染用的數據。
(3)漸進式加載:提高加載好頁面框架內容,減少用戶等待白屏的時間。
三、頁面瀏覽規范
1、內容模塊有明顯區分
(1)站點頁面內容、廣告、相關推薦之間有明顯的區分界限。
反面示例:內容頁面與廣告之間分隔不明顯,用戶體驗差
(2)網站內容頁面的翻頁鍵、展開全文等功能鍵與廣告之間也必須要有明顯間隔線、分割線,減少用戶對頁面瀏覽的干擾。
正面示例:展開全文功能鍵帶有文字標識,且位置合適
2、“展開全文”功能按鈕放置合理
(1)“展開全文”功能鍵設置有明顯的文字標識。
反面示例:展開全文功能鍵無文字標識,且與APP調用按鈕太近,不符合百度用戶體驗設置要求
(2)“展開全文”功能鍵在全文中最多只能出現一次;
(3)落地頁不能出現在首屏頁面中;
反面示例:展開全文功能鍵放在首屏,不符合用戶體驗
(4)與廣告等其它頁面內容模塊需設置有明顯的間隔模塊。
3、字體間距適中
網站落地頁字體大小及文本間距設置不能過小也不能太大,需要適合移動端用戶閱讀,主體頁面內容字號大小要大于10pt,字體與行高比率要大于1.4。
正面示例左圖:頁面字體大小適中,段落布局合理,右圖內容字體過小為反面示例
4、手機機型適配
對于不同型號手機站點頁面要做好適配調整,不能影響不同品牌手機用戶的瀏覽體驗,IOS全面屏手機底部橫線不能遮擋頁面功能及內容。
左圖正面示例:黑色橫條未遮擋頁面主體內容;右圖反面示例:未適配ISO全面屏內容,底部黑色橫條遮擋了頁面功能鍵。
5、嚴禁的廣告內容
(1)網站頁面嚴禁出現有低俗廣告內容,包括色情、賭博、非法的違禁品及服務;
反面示例:頁面中禁止出現賭博類、非法廣告內容。
(2)網站頁面中禁止出現虛假誘導用戶類廣告內容,禁止使用廣告法禁止用語,例如國家級、最高級、最佳等,不能存在有夸大宣傳及虛假承諾的內容,還有誘導用戶分享等違規內容。
反面示例:頁面禁止出現虛假廣告內容
(3)站點頁面禁止出現有侵犯國家尊嚴利益、、泄露國家秘密、侵犯個人隱私等內容。
反面示例:圖片廣告內容中不能有侵犯個人肖像權及不符合規范的內容
6、嚴禁的廣告樣式
(1)懸浮廣告內容,不符合用戶體驗要求
反面示例:頁面禁止設置懸浮廣告,不符合要求
(2)彈窗廣告內容,嚴重影響用戶體驗
反面示例:頁面禁止設置彈窗廣告
(3)遮屏廣告,違返百度關于用戶體驗相關的規定
網站頁面禁止設置遮屏廣告
(4)抖動/閃動廣告,也是一種嚴重違反用戶體驗要求的廣告
反面示例:頁面頂部設置閃動廣告,不符合要求。
(5)輪播廣告,違反關于用戶體驗相關要求
反面示例:底部輪播APP下載廣告,不符合要求。
(6)自動播放廣告,違反用戶體驗相關要求
7、廣告面積及位置
(1)頂部嵌入廣告
頁面首屏內容禁止嵌入超過10%的廣告,廣告位上要明顯標識【廣告】字樣,內容圖片要清晰、美觀,用戶視覺體驗要好,頁面色彩與站點整體主題要協調。
頂部嵌入不超過該屏面積10%的圖文廣告樣式。
(2)正文穿插廣告
網站內容頁及詳情頁,從標題開始到內容結束前是禁止插入任何形式廣告的,包括標題與正文之間、正文中、正文及功能鍵之間。
反面示例:正文內容中穿插了廣告
(3)首頁、列表頁廣告
網站列表頁、首頁,廣告面積不能超過該頁面總面積的1/3,廣告視覺感知不能與站點視覺反差太大。
左圖反面示例:廣告面積過大;右圖正面示例:廣告面積合理。
推薦繼續閱讀《搜索干貨(二):如何通過交互功能設計提高用戶體驗?》,學習如何提升網站頁面的用戶體驗。
