文章插圖
二、頁面信息獲取
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）網站頁面中禁止出現虛假誘導用戶類廣告內容， 禁止使用廣告法禁止用語， 例如國家級、最高級、最佳等， 不能存在有夸大宣傳及虛假承諾的內容， 還有誘導用戶分享等違規內容 。
相關經驗推薦
- 黃精不能與哪種食物一起吃
- qq經典勵志簽名
- 榮耀|微信占用空間太多？教你一鍵「瘦身」
- 5G|華為5G專利數量第一，卻不能用5G
- 床頭在東床尾在西怎么辦 床尾在西邊，床頭朝東床尾朝西怎么化解
- 床靠窗戶窗簾怎么設計 床頭靠窗戶但是有窗簾，床頭方向的三大忌
- 兩個南臥室怎么分主臥 床頭靠著開門那面墻，床頭和門在同一面墻效果圖
- 主臥洗手間盡量不要洗澡 床頭靠廁所最簡單破解方法，床頭靠廁所墻怎么辦
- 出學霸的書桌風水 床頭靠一半墻一半窗算犯大忌，床頭和衛生間一墻之隔
- 脆麻花與軟麻花配料有啥不同？學會這一招，再也不用擔心吃不下了