百度智能小程序-如何提升信息流落地頁體驗
- 威海自媒體運營與推廣 威海百度智能小程序運營
- 1283
信息流是小程序獲取流量、凸顯內容差異化價值的重要渠道，智能小程序官方針對信息流落地頁的主流呈現形式，提供了豐富詳盡的體驗指引。
遵循體驗指引提升小程序信息流落地頁體驗，小程序可達成以下目標：
提升用戶體驗：實驗證明，用戶在信息流連續瀏覽時，閱讀到小程序落地頁內容時跳出感普遍強烈，心理上會產生不安全感。依據本文體驗指引規范小程序在信息流落地頁的樣式，有助于降低用戶瀏覽信息時的跳出感，獲得更加流暢一致的瀏覽體驗，從而促進閱讀時長增長。
獲得更多流量：符合智能小程序信息流落地頁體驗規范的開發者，有機會在信息流中獲得更好的分發和流量。
一、長圖文落地頁
長圖文類型小程序落地頁是在信息流分發中最常見的資源類型，長圖文類型小程序落地頁在信息流分發中具體體驗規范如下：
1. 整體框架結構規范
圖文落地頁建議按照如圖結構布局，符合用戶對信息流圖文落地頁文章的結構和認知，降低跳出感。
頁面從上至下是一個固定的結構，模塊位置是不可以變更的，除了固定的框架、標題、來源和正文是必不可少的，其他部分模塊可根據實際情況進行進行插拔。
2. 頂部框架內容規范
框架選擇：建議使用默認白色框架。
框架標題：展示小程序名稱。
字數限制：標題文字不超過 8 個字， 否則會截斷顯示，影響用戶閱讀。
正確
標題字數合理，小程序名稱一目了然。
注意
標題字數過長，截斷導致信息丟失，容易困惑。
3. 正文內容區規范
3.1.正文標題：正文內容區規范 字號 72px ，行距 36px ，中粗體。
3.2.信息來源：作者頭像大小 105x105px ；名稱字號 48px ，字色 #000000 ；發布時間等輔助信息字號 36px ，字色 #999999 。
3.3.正文文字：字號 57px ，行距 33px ，中粗體。
3.4.圖片樣式：圖片通欄展示，寬度=屏幕寬度，高度根據寬度自適應。
3.5.頁邊距：文字距離兩邊 51px ，圖片距離兩邊 0px 。
3.6.模塊間距：正文段落之間 108p ，正文與圖片間距 90px ，圖片與圖片間距 60px 。
4. 相關推薦區規范
排版樣式：左文右圖列表樣式，圖片比例為 3：2 。
列表文字：列表標題字號 57px ，字色 #000000 ；輔助信息字號 36px ，字色 #999999 。
為了降低開發成本，小程序官方提供 “page-feed 信息流模板” ，包含左文右圖樣式，開發者可以快速調用該通用模板。（查看開發文檔）
5. 評論區和互動區
圖文類小程序落地頁建議開發者設置評論區，便于用戶獲取更多信息；在用戶實驗中，缺少評論區用戶接受度低。
小程序官方提供一站式互動組件，包含互動 bar 能力、評論列表 & 評論詳情落地頁能力以及數據存儲能力，開發者可以快速接入。（查看開發文檔）
6. 廣告區規范
可以在小程序長圖文類資源落地頁的文章末尾和相關推薦區插入廣告，廣告需要與正文內容有如圖標注的明顯分割；推薦區廣告樣式建議與推薦列表樣式對齊。
前往查看小程序信息流詳細廣告規范（信息流落地頁體驗-廣告）
7.小程序長圖文類落地頁多維供給體系
為了降低開發成本，除了規范文檔外，我們也為開發者提供以下工具，助力小程序落地頁體驗的提升。各種工具能力對比可參考以下圖表：
能力一、規范文檔二、圖文詳情頁模板三、信息流統一模板四、發文工具
開發方式手動
閱讀文檔進行開發半自動
使用開發者工具快速調用全自動
授權配置，內容轉化全自動
內容管理平臺編輯后發布
開發成本高
需要使用代碼編輯中
可以直接調用代碼低
不需要通過代碼低
不需要通過代碼
定制能力高
符合基礎體驗規范后,
可進行自定義中
各模塊參數已基本配置好，
自定義需要修改代碼低
統一模板內部，
已封裝好各項參數和配置低
編輯器中，
已封裝好各項參數和配置
使用門檻無門檻無門檻無門檻，全流量開放質量達到要求后開放該能力
二、圖文詳情頁模板
開發者可以在開發者工具中的歡迎頁，選擇圖文詳情頁模板，模板中內置了符合信息流落地頁體驗的各種樣式內容，可以快速生產符合體驗的落地頁文章。查看模板
三、信息流統一模板
開發者可以通過在開發者平臺進行授權配置，配置生成百度規范化模板，呈現出符合體驗的落地頁文章。查看模板
四、發文工具
內容管理模塊提供一種全新的運營方式，支持開發者在百度域內運營自己的粉絲用戶和潛在用戶。開發者可以通過開發者平臺，在運用中心-內容管理新建群發消息，生成的圖文內容符合信息流體驗一致性，并且信息流會給予高權重分發。該能力有一定的準入要求，具體可查看模板。
以上介紹的生產優質體驗的信息流落地頁方式，開發者可以根據實際需求選擇最合適的開發方式。
五、視頻落地頁
視頻類型小程序落地頁在信息流中的分發體驗規范具體如下：
1. 整體框架結構規范
視頻建議按照如右圖結構布局，符合用戶對信息流常規視頻落地頁的結構的認知，降低用戶跳出感。
頁面從上至下是一個固定的結構，模塊位置是不可以變更的，除了固定的框架、視頻、標題、輔助信息區和作者信息區是必不可少的，其他部分模塊可根據實際情況進行進行插拔。
2. 頂部框架內容規范
框架選擇： 建議使用默認白色框架，不可使用透明框架。
框架標題： 展示小程序名稱。
字數限制： 不超過 8 個字，否則會截斷顯示，影響用戶閱讀。
正確
標題字數合理，小程序名稱一目了然。
錯誤
標題字數過長且使用透明框架，框架與視頻播放器重合影響視頻內容瀏覽。
3. 當前視頻區規范
3.1.視頻區：放置視頻播放器，展示當前視頻資源。
橫向視頻 資源展示可以使用小程序 video 視頻組件，寬 ：高 = 16：9 。
豎向視頻 資源展示最低高度 ≥ 屏幕寬度 ；最高高度 ≤ 屏幕高度 * 78% 。
3.2.標題文字：字號 57px ，行距 24px ，中粗體，字色 #000000 。
3.3.輔助信息區：字號 36px ，行距 18px ，字色 #999999 。
3.4.互動功能區：功能按鈕以全圓角描邊膠囊形式展現。
3.5.作者信息區： 作者頭像大小 105x105px ；名稱字號 48px ，字色 #000000 ；輔助信息字號 36px ，字色 #999999 ；輔助信息與名稱間距 21px 。
3.6.頁邊距及間距：內容距離左右頁邊距為 51px ，其他各模塊間距可參考圖中標示。
4. 相關推薦區規范
排版樣式：可采用大圖樣式或者左文右圖列表樣式，視頻封面尺寸為 16：9 。
列表文字：列表標題字號 51px ，字色 #000000 ；輔助信息字號 36px ，字色 #999999 。
為了降低開發成本，小程序官方提供 “page-feed 信息流模板”，包含大圖和左文右圖樣式，開發者可以快速調用該通用模板。（查看開發文檔）
5. 評論區和互動區
視頻類小程序落地頁建議開發者設置評論區，便于用戶獲取更多信息；在用戶實驗中，缺少評論區用戶接受度低。
小程序官方提供一站式互動組件，包含互動 bar 能力、評論列表 & 評論詳情落地頁能力以及數據存儲能力，開發者可以快速接入。（查看開發文檔）
6. 廣告區規范
可以在小程序視頻類資源落地頁的相關推薦區插入廣告，并且廣告與視頻區有明顯分割；廣告樣式建議與推薦列表樣式對齊。
前往查看小程序信息流詳細廣告規范（信息流落地頁體驗-廣告）
六、體驗直播課
我們同時為開發者提供體驗直播課進行視頻詳解讀：在線觀看地址
更多信息流流量說明可查看：信息流流量接入
來源：百度智能小程序
