一、網頁整體布局規范

網頁頁面結構劃分為A區與B區兩大核心模塊。A區涵蓋廣告一區與主體內容區，由站長負責開發實現，其主體內容區的標準樣式需參照后續章節的具體規范執行。B區則包含廣告二區、推薦區、廣告三區及服務區，統一采用第13頁所提供的技術組件進行構建。若主體內容區域因篇幅過長，超出1.5倍屏幕顯示范圍的內容，需通過折疊功能進行合理收納，確保頁面布局的緊湊性與用戶瀏覽的流暢性。需要特別說明的是，主體內容區可定義為頁面核心信息的集中呈現區域，其范圍從標題起始至正文內容結束，而文章末尾的分享、推薦等功能模塊不計入主體內容范疇。頁面布局標準示意圖詳見附圖。

主體內容區根據內容形態分為三種基礎類型：文章類基礎樣式、問答類基礎樣式、視頻類基礎樣式。在此基礎上，文章類擴展樣式涵蓋縮進、加粗、無段落等變體，以及展開狀態、TAG推薦、音頻樣式等多樣化展示形式；問答類擴展樣式包括患者追問、咨詢記錄、多種回答聚合、IM對話展示等交互模式；模塊樣式標注則涵蓋組件樣式、模塊標注、特殊樣式、圖文樣式等細節規范。

二、主體內容區內容觸達規范

針對視頻/音頻類內容，需支持直接播放功能，且播放效果需達到當前主流視頻類應用的標準水平。嚴禁設置過高的權限門檻，例如強制用戶登錄后方可瀏覽或使用、要求下載特定APP才能獲取完整內容等限制性措施，確保用戶能夠無障礙獲取信息。相關內容頁面的展示標準示意圖如下所示。

對于文字類內容，必須保證用戶可直接完整閱讀，禁止設置外部跳轉鏈接或要求下載APP才能繼續閱讀等障礙，保障信息獲取的便捷性與連續性。頁面展示標準示意圖如下。

三、主體內容區內容質量規范

頁面內容需嚴格杜絕作弊信息、低質內容及詐騙類信息，確保信息的真實性與可靠性。頁面主體內容需易于辨識，排版布局合理有序，段落劃分清晰分明，文本內容與背景顏色需形成鮮明對比，提升內容的可讀性。主體內容應在頁面中占據突出位置，通常位于首屏中心區域，且頁面廣告需通過標簽或布局設計明確區分，確保廣告數量極少且對主體信息無任何干擾影響。用戶獲取主體信息的過程應避免多余干擾與成本，能夠快速定位所需內容，并通過頁面布局清晰了解各模塊的主要內容。內容布局標準示意圖如下。

四、主體內容區瀏覽體驗規范

獲取成本方面：頁面打開速度需控制在3秒以內，確保用戶等待時間在合理范圍；廣告區域需采用定制化模塊，并嚴格遵守醫療廣告樣式規范（具體詳見下一章節）；頁面上下范圍邊框等設計元素需參照下圖標準執行。

瀏覽順暢性方面：排版需注重字號、字色及段落間距的科學設置。字號標準為：文章標題72PX、模塊標題54PX、文章內容48PX、輔助信息39PX；字色標準為：醫療用色#02b7ca、黑色文字#1f1f1f、灰色文字#757575、淺灰文字#a3a3a3；段落間距標準為：文章段落90PX、文章行距36PX、摘要行距24PX，確保視覺體驗的舒適性與閱讀的流暢性。

五、廣告一區廣告規范

廣告面積限制：廣告一區的廣告總面積占比不得超過10%，避免過度占用頁面空間。廣告內容合規性：廣告內容需同時符合國家廣告法相關規定及百度廣告審核準入標準，嚴禁出現低俗內容（醫療領域灰色廣告需從嚴審核）、賭博、法律法規明令禁止的違禁品或服務（包括純文字形式的各類廣告），以及誘導、欺騙、虛假宣傳等違規內容。廣告樣式要求：禁止使用懸浮彈窗廣告（包括遮屏、置底、兩側懸浮等形式）；禁止廣告出現閃動、抖動等不固定狀態；禁止廣告與功能按鈕重疊；禁止廣告自動播放或自動下載；禁止設置引導用戶打開APP或下載APP的遮屏交互；禁止將廣告放置于用戶容易誤觸的區域（如與播放、購買等功能按鈕重疊）；廣告需明確標注“廣告”標識，并配備關閉按鈕，確保用戶自主選擇權。具體廣告樣式標準如下圖所示。

六、技術實現規范

技術實現框架：全面采用開源MIP框架（https://www.mipengine.org）作為技術支撐，確保頁面的高效加載與適配性。組件應用規范：B區（包含推薦區、廣告二區、廣告三區及服務區）需基于開源MIP框架的組件機制進行開發，保障功能的模塊化與可維護性。技術解決方案文檔詳見：https://pan.baidu.com/s/1bpMyksn。技術咨詢聯系方式：QQ：3160059657。

來源：百度搜索資源平臺 百度搜索學堂