信息流作為智能小程序獲取流量、凸顯內(nèi)容差異化價值的核心渠道，其落地頁的用戶體驗直接影響用戶留存與轉(zhuǎn)化效果。百度智能小程序官方針對信息流落地頁的主流呈現(xiàn)形式，系統(tǒng)梳理并提供了詳盡的體驗指引，旨在通過標(biāo)準(zhǔn)化設(shè)計提升內(nèi)容觸達(dá)效率。

遵循體驗優(yōu)化規(guī)范，小程序可實現(xiàn)多重目標(biāo)：在用戶體驗層面，實驗數(shù)據(jù)顯示，用戶在信息流連續(xù)瀏覽中，面對未規(guī)范化的落地頁易產(chǎn)生強(qiáng)烈的跳出感與心理不適感。通過本文指引落地頁的樣式與結(jié)構(gòu)設(shè)計，可有效降低用戶的認(rèn)知負(fù)荷，打造流暢一致的瀏覽路徑，進(jìn)而延長用戶閱讀時長，提升內(nèi)容粘性。在流量獲取層面，符合信息流落地頁體驗規(guī)范的小程序，將獲得平臺優(yōu)先分發(fā)的機(jī)會，觸達(dá)更多潛在用戶，形成用戶體驗與流量的正向循環(huán)。

一、長圖文落地頁體驗規(guī)范

長圖文類型的信息流落地頁因內(nèi)容承載豐富，成為信息分發(fā)中最常見的資源形式。其體驗規(guī)范聚焦于結(jié)構(gòu)化布局與視覺一致性：

整體框架結(jié)構(gòu)規(guī)范需遵循固定布局邏輯，從上至下依次為框架區(qū)、標(biāo)題區(qū)、來源區(qū)、正文區(qū)及推薦區(qū)等核心模塊，不可隨意調(diào)整模塊位置。其中，框架、標(biāo)題、來源及正文為必備模塊，其他輔助模塊可根據(jù)內(nèi)容需求靈活插拔，確保用戶對信息結(jié)構(gòu)的認(rèn)知連貫性，減少因布局混亂引發(fā)的跳出行為。

頂部框架內(nèi)容規(guī)范強(qiáng)調(diào)視覺識別度?？蚣芙ㄗh采用默認(rèn)白色背景，提升標(biāo)題與內(nèi)容的層次感；框架標(biāo)題需完整展示小程序名稱，字?jǐn)?shù)嚴(yán)格控制在8字以內(nèi)，避免因字符截斷導(dǎo)致信息缺失，影響用戶對小程序主體的辨識。

正文內(nèi)容區(qū)規(guī)范對細(xì)節(jié)提出精細(xì)化要求：標(biāo)題字號統(tǒng)一為72px，行距36px，采用中粗體增強(qiáng)視覺權(quán)重；作者頭像尺寸為105x105px，名稱字號48px（黑色#000000），發(fā)布時間等輔助信息字號36px（灰色#999999），確保信息層級清晰；正文文字字號57px，行距33px，中粗體保障閱讀舒適度；圖片需通欄展示（寬度=屏幕寬度，高度自適應(yīng)），文字與圖片邊距分別為51px與0px，段落間距108px，正文與圖片間距90px，圖片間間距60px，通過標(biāo)準(zhǔn)化間距營造疏密有致的閱讀節(jié)奏。

相關(guān)推薦區(qū)規(guī)范采用左文右圖列表樣式，圖片比例3:2，列表標(biāo)題字號57px（黑色#000000），輔助信息字號36px（灰色#999999）。為降低開發(fā)成本，官方提供“page-feed信息流模板”，支持開發(fā)者快速調(diào)用標(biāo)準(zhǔn)化樣式，實現(xiàn)高效落地頁搭建。

評論區(qū)與互動區(qū)是提升用戶參與度的關(guān)鍵。實驗表明，無評論區(qū)的小程序落地頁用戶接受度顯著降低。官方一站式互動組件涵蓋互動bar、評論列表及詳情頁、數(shù)據(jù)存儲等能力，助力開發(fā)者快速構(gòu)建用戶交流場景，增強(qiáng)內(nèi)容互動生態(tài)。

廣告區(qū)需遵循內(nèi)容分割原則，可在文章末尾及推薦區(qū)插入廣告，但必須與正文保持明顯視覺區(qū)分（如標(biāo)注分割線），推薦區(qū)廣告樣式需與列表樣式對齊，避免干擾用戶閱讀主線內(nèi)容。

二、視頻落地頁體驗規(guī)范

視頻類型落地頁憑借動態(tài)視覺優(yōu)勢，在信息流中具有更高的內(nèi)容吸引力，其規(guī)范側(cè)重于播放體驗與結(jié)構(gòu)清晰度：

整體框架結(jié)構(gòu)規(guī)范采用固定布局，自上而下依次為框架區(qū)、視頻播放區(qū)、標(biāo)題區(qū)、輔助信息區(qū)、作者信息區(qū)及推薦區(qū)，模塊位置不可變更，其中框架、視頻、標(biāo)題、輔助信息及作者信息為必備模塊，確保用戶對視頻內(nèi)容的瀏覽路徑符合認(rèn)知習(xí)慣。

頂部框架內(nèi)容規(guī)范與長圖文保持一致：建議使用白色框架（不可透明），標(biāo)題展示小程序名稱且不超過8字，避免框架與視頻內(nèi)容重疊影響觀看體驗。

當(dāng)前視頻區(qū)規(guī)范對播放器尺寸與互動功能提出明確要求：橫向視頻采用16:9比例（video組件），豎向視頻最低高度≥屏幕寬度，最高高度≤屏幕高度的78%，保障視頻在不同設(shè)備上的完整展示；標(biāo)題文字字號57px，行距24px（中粗體，黑色#000000），輔助信息字號36px（灰色#999999），互動按鈕采用全圓角描邊膠囊樣式，提升操作便捷性；作者頭像105x105px，名稱字號48px（黑色#000000），輔助信息字號36px（灰色#999999），與名稱間距21px，強(qiáng)化創(chuàng)作者身份認(rèn)同。

相關(guān)推薦區(qū)規(guī)范支持大圖或左文右圖兩種樣式，視頻封面尺寸統(tǒng)一為16:9，列表標(biāo)題字號51px（黑色#000000），輔助信息字號36px（灰色#999999），同樣可通過“page-feed信息流模板”快速實現(xiàn)。

評論區(qū)與廣告區(qū)規(guī)范與長圖文落地頁保持邏輯一致，需設(shè)置評論區(qū)提升用戶互動，廣告插入需明確分割且樣式對齊，保障內(nèi)容主次分明。

三、多維供給體系：高效落地方案

為降低開發(fā)者體驗優(yōu)化門檻，官方構(gòu)建了多維供給體系，涵蓋四種開發(fā)方式：

- 規(guī)范文檔：提供詳細(xì)設(shè)計標(biāo)準(zhǔn)，支持高度定制化開發(fā)，但成本較高；

- 圖文詳情頁模板：內(nèi)置符合體驗規(guī)范的樣式，通過開發(fā)者工具半自動調(diào)用，平衡開發(fā)效率與定制需求；

- 信息流統(tǒng)一模板：通過平臺授權(quán)配置生成標(biāo)準(zhǔn)化模板，實現(xiàn)全自動落地頁搭建，開發(fā)成本低；

- 發(fā)文工具：支持內(nèi)容管理平臺編輯后發(fā)布，內(nèi)容自動符合體驗規(guī)范，且獲得信息流高權(quán)重分發(fā)，需達(dá)到質(zhì)量準(zhǔn)入標(biāo)準(zhǔn)。

開發(fā)者可根據(jù)自身定制能力、開發(fā)成本及運(yùn)營需求，選擇最優(yōu)方案實現(xiàn)落地頁體驗升級。