社會組織網站設計規范

（一）展現

1、社會組織網站應簡潔明了，清新大氣，保持統一風格，符合萬維網聯盟（W3C）的相關標準規范要求。

2、社會組織網站應確定1種主色調，合理搭配輔色調，總色調不宜超過3種。使用符合用戶習慣的標準字體和字號，同一類別的欄目和信息使用同一模板，統一字體、字號、行間距和布局等。

3、按照適配常用分辨率的規格設計頁面，首頁不宜過長。在主流計算機配置和當地平均網速條件下，頁面加載時長不宜超過3秒。

4、對主流類別及常用版本瀏覽器具有較好的兼容性，頁面保持整齊不變形,不出現文字錯行、表格錯位、功能和控件不可用等情況。

5、網站內容要清晰顯示發布時間，時間格式為YYYY-MM-ddHH:mm:ss。文章頁需標明信息來源，具備轉載分享功能。

6、頁面中的圖片和視頻應匹配信息內容，確保加載速度，避免出現圖片不顯示、視頻無法播放等情況。避免使用可能存在潛在版權糾紛或爭議的圖片和視頻。

（二）布局

1、社會組織網站頁面布局要科學合理、層次分明、重點突出，一般分為頭部標識區、中部內容區和底部功能區。

2、頭部標識區要醒目展示網站名稱，可根據實際情況展示中英文域名、徽標（Logo）以及多語言版、搜索等入口，有多個域名的顯示主域名。

3、中部內容區要遵循“從左到右、從上到下”的閱讀習慣，科學合理設置布局架構。

4、底部功能區至少要列明網站主辦單位及聯系方式、ICP備案編號、公安機關備案標識和站點地圖等內容。

5、社會組織網站各頁面的頭部標識區和底部功能區原則上要與首頁保持一致。

（三）欄目

1、欄目是相對獨立的內容單元，通常為一組信息或功能的組合，按照信息類別、特定主題等維度進行編排并集中展現。

2、欄目設置要科學合理，充分體現社會組織職能，避免開設與社會組織無關、公眾需求相關度不高的欄目。

3、欄目名稱應準確直觀、不宜過長，能夠清晰體現欄目內容或功能。

4、欄目內容較多時，可設置子欄目。欄目頁要優先展現最新更新的信息內容。

5、做好各欄目的內容更新、訪問統計和日常核查，對無法保障、訪問量低的欄目進行優化調整或關停并轉。杜絕出現空白欄目，暫不能正常保障的欄目不得在頁面顯示，不得以“正在建設中”、“正在改版中”、“正在升級中”等理由保留空白欄目。

（四）頻道

頻道是圍繞特定主題的重要欄目或內容的組合，一般設置在中部內容區頂部，在各頁面統一展示，為公眾便捷使用提供導航。重要的單個欄目也可以作為頻道。頻道設置要清晰合理，突出重點。頻道不宜過多，一般以5—8個為宜。

（五）專題

1、專題是圍繞專項工作開設的特定欄目，集中展現有關工作內容。一般具有主題性、階段性和時效性等特點。

2、專題一般以圖片標題等形式在首頁顯著位置設置鏈接入口。專題較多時，要設置專門的專題區。

3、專項工作結束時，相關專題要從首頁顯著位置撤下并標注歸檔標識，集中保留至專題區，便于公眾查看使用。

4、專題的頁面風格原則上應與網站整體風格一致，具體頁面展現可根據需要靈活設計。

二、地址鏈接

（一）內部鏈接

社會組織網站要建立統一資源定位符（URL）設定規則，為本網站的頁面、圖片、附件等生成**的內部地址。內部地址應清晰有效，體現內容分類和訪問路徑的邏輯性，便于用戶識別。除網站遷移外，網站各類資源的URL原則上要保持不變，避免信息內容不可用。

（二）外部鏈接

社會組織網站所使用的其他網站域名或資源地址，稱為該網站的外部鏈接。使用外部鏈接應經本網站主辦單位或承辦單位負責人審核。原則上不得鏈接商業網站。

（三）鏈接管理

社會組織網站應建立鏈接地址的監測巡檢機制，確保所有鏈接有效可用，及時清除不可訪問的鏈接地址，避免產生“錯鏈”、“斷鏈”。對于外部鏈接要嚴格審查發布流程，不得引用與所在頁面主題無關的內容。嚴格對非社會組織網站鏈接的管理，確需引用非社會組織網站資源鏈接的，要加強對相關頁面內容的實時監測和管理，杜絕因其內容不合法、不權威、不真實客觀、不準確實用等造成不良影響。打開非社會組織網站鏈接時，應有提示信息。網站所有的外部鏈接需在頁面上顯示，避免出現“暗鏈”，造成安全隱患。

三、網頁標簽

網頁標簽是指網頁模版中對有關展現內容進行標記而設置的標簽，通常包括網站標簽、欄目標簽、內容頁標簽等。社會組織網站要在頁面源代碼“〈head〉…〈/head〉”中以meta標簽的形式，對網站名稱、社會組織網站標識碼、欄目類別等關鍵要素進行標記，標簽值不能為空。

社會組織網站要在所有頁面中設置相關標簽。欄目頁要設置網站標簽和欄目標簽。內容頁要在設置內容頁標簽的同時，設置網站標簽以及欄目標簽中的“欄目名稱”和“欄目類別”標簽。

（一）網站標簽

示例如下：

（二）內容頁面標簽

示例如下：

（三）網站欄目參考

四、其他

社會組織網站要方便公眾瀏覽使用，頁面內容要便于復制、保存和打印。要**限度減少用戶額外安裝組件、控件或插件；確需使用的，要便于在相關頁面獲取和安裝。應用系統、附件、視頻等應有效可用，名稱要直觀準確。附件、視頻等格式應便于常用軟件打開，避免用戶額外安裝軟件。避免使用懸浮、閃爍等方式，確需使用懸浮框的必須具備關閉功能。