公家機關網頁設計的建議事項 - 內容管理系統Content management 、無障礙網頁的維護、Metadata（網頁詮釋資料）、內容互通共享、公家機關網頁設計、政府網站、政府網站版型、公家機關網站版型

網頁設計,網頁設計公司,網頁程式設計,網站程式設計,台北網頁設計,無障礙網頁設計,3d互動網頁設計, 720度環場,網站建置,主機代管,電子商務,政府機關網頁設計,公家機關網頁設計,網站製作公司,網站設計公司,網站架設

網頁設計∣程式設計∣網站規劃∣虛擬主機與主機代管∣關於網繹∣我們的服務∣我們的客戶∣無障礙網頁設計∣網站優化SEO∣聯絡我們

::: ∣回首頁∣網站地圖∣ENGLISH∣日本語∣簡體中文∣

∣

:::

透過網繹將您的網站輕鬆的通過無障礙網頁檢測標準，達到轉換網頁無障礙，擴充單元無障礙，新增內容無障礙的功能。

> 新莊市公所開新視窗

:::	回首頁 >> 資訊與知識庫

標題	公家機關網頁設計的建議事項
主題分類	公家機關網頁設計
原文章出處	行政院研究發展考核委員會

（一）內容管理系統

網站內容的製作更新機制與管理流程，建議各機關採用自動化內容管理（Content management）機制輔助運用，市面上已有軟體平台可供採購。

各機關可依需求選擇合適的內容管理系統，並可運用此類系統管理帳號權限、資料審查上線、資料的時效控制，以維護網站內容的品質。

1.開放標準：系統可支援大部分的開放式標準，特別是XML或Web Service。
2.追蹤與審查：可紀錄系統上的編輯動作，並可透過系統審視追蹤。
3.Web Based（瀏覽器為介面）：讓維護人員無需在個人電腦上安裝特別的軟體，打開瀏覽器即可進入，且在任何地點、任何時間，只要能夠經由電腦連上網際網路即可操作。
可編輯網頁詮釋資料系統可維護網頁詮釋資料（Metadata），如 Title、Description、Keyword等重要的詮釋資料。
4.人員權限管理：可讓網站管理者控制各單位、各單元維護人員的帳號、密碼與使用權限。
資料回溯能力管理介面應能依照日期、時間來尋找和追溯歷史資料、下線資料及歷史檔案。

（二）無障礙網頁的維護

在內容維護管理方面，參考第貳章中無障礙網頁規範的相關討論。本專案建議機關採委外方式由專業廠商製作符合無障礙標準的網頁樣版（Web Template），樣版中制定標題、文字內容與圖片區塊或欄位，運用內容管理系統結合網頁樣版與後台管理機制，機關內部維護人員可進入後台編輯內容的標題、文字內容與圖片。

上述方式的優點是維護者不需學習網頁編輯軟體與無障礙網頁規範，即可製作出符合無障礙標準的網頁內容，缺點為樣版區塊固定，不可做其他編輯與變化，呈現的內容無法依維護人員的個人喜好做變化。

若機關考量保留下屬單位各自編輯網頁之彈性，建議可採購內建HTML編輯器的內容管理系統。HTML編輯器可允許不會編輯網頁的人也能以「所見即所得」的方式（What you see is what you get）編輯文字大小、顏色、表格或插入圖片，大大增加網頁編輯的彈性。

機關選擇HTML編輯器之前，應考量內部維護人員資訊化的程度。若各機關的維護人員要求網頁編輯的彈性，則必須學習並熟悉無障礙規範。例如：表格須加入正確的summary屬性（無障礙規範5.5：H305004 表格須提供表格摘要說明）、標示th屬性（無障礙規範5.1：H105100 對於每一個存放資料的表格，標示出行和列的標題）等等共90條的規範。根據行政院研考會所公佈95年度無障礙網路空間推動報告（行政院研考會，民95年），掛有無障礙標章的機關網站，僅有3成符合機器檢測的標準，可見無障礙的技術對國內的專業資訊廠商而言，仍有極大的改進空間，更遑論對機關內部的網頁維護者而言，製作無障礙網頁更是一項困難的工作與技術，因此建議機關規劃網站時慎選網頁的編輯方式！

（三）Metadata（網頁詮釋資料）

Metatdata可協助搜尋引擎提供更精確的資料，對身心障礙人士初步了解網頁概要有相當大的幫助。
現階段國內政府網站的網頁詮釋資料大多只有使用網頁Title資訊，Metadata的運用仍顯不足。增加欄位雖可提升資訊被搜尋到的能力，卻也大量增加作業成本，而錯誤的Metadata資料也會導致搜尋結果不正確。
搜尋資料是使用者上網最常見的動作，提供Title、Description、Keywords等詮釋資料，可作為搜尋引擎判斷與顯示搜尋結果的依據。身心障礙者藉由輔助系統讀取網頁時，網頁的Title、Description等詮釋資料也可幫助他們瞭解摘要內容，減少找尋資料的時間，因此建議將此三欄位訂定為基本必要的欄位。
Author是W3C可及性的標準欄位之ㄧ；Date欄位可幫助使用者瞭解資訊的建立日期，因此建議將Author與Date納入提供Metadata的考量。

1.Title 網頁標題名稱：命名時需注意網頁標題名稱須與內容相關。
2.Description 網頁內容摘要：撰寫時應取其精華，讓人能清楚瞭解網頁內容概要。
3.Keywords 網頁內容關鍵字：撰寫時需注意關鍵字能否傳達出網頁內容大意。
4.Date 網頁內容建立日期或修改日期：建議採用YYYY-MM-DD來表示。
5.Author 創作此網頁內容的作者、機關或機構。

Metadata的內容必須仰賴網站內容管理者細心建置與維護，若建置錯誤或未及時更新，將導致搜尋引擎無法精確搜尋，並造成視障人士閱讀網頁時認知錯誤。因此建議網站可採用內容管理系統，以資料庫為基礎、各單元的ㄧ筆資料為單位，所需的Metadata欄位分別制定相對應的輸入介面，儲存至資料庫並於網頁顯示。

（四）內容互通共享
目前幾乎政府各級單位均設立網站，然屬同ㄧ上級單位的網站各自設置，可能提供相同的動態新聞、活動訊息、新聞稿等，而造成不必要的資源浪費，因此「一處上稿、多處分享」的需求逐漸增加，本規範也建議機關在設置網站時可參考規劃。

內容互通的方式很多，各政府機關可根據各自屬性與所要互通的單位談定互通方式，本規範提出兩種設計方式供機關參考，分別為互通的資訊欄位與RSS格式聯播：

一、建立可互通的資訊欄位
要建立互通的資訊欄位，各單位需要針對所需共享的內容單元，談定所需互通的欄位與串接技術標準，於本報告「附錄六網站架構建議」中「表附6-1 網站架構與單元名稱建議表」，各機關可參考選定共享互通的單元，再根據「表附6-2 基本欄位建議表」選定單元可互通的欄位。各單位需依照機關執行面決定各欄位與串接技術，此處僅為參考建議。

二、運用RSS格式提供具互通性的內容
RSS即Really Simple Syndication、RDF（Resource Description Framework） Site Summary或Rich Site Summary的縮寫。是一種用於共享新聞和其他Web內容的資料聯播規範。主要運用「推的技術」（push technology），將訂戶訂閱的內容傳送至新聞蒐集器裡。
RSS的優點有：

即時性（Timely）：RSS的訂閱者可最快得到最新訊息與頭條新聞，不用被動地到每個網站上搜索。
具有成本效益（Cost-effective）：RSS能大大減少資料傳輸和發送的成本。新聞郵件的發送者無需花費太多經費，即可將訊息散播給每個訂閱者。
統一的標準：RSS有標準定義的，提供RSS的網站都依循同樣的標準，方便解讀且易於管理。
RSS可整合在電子郵件中：RSS支援軟體可將收到的RSS訊息完整地轉換為電子郵件格式。訂閱者可依自己的偏好訂閱，亦可避免垃圾郵件與病毒。
兼顧隱私與安全：RSS的訂閱者不用提供私人電子信箱，發送者也不能重複寄發廣告信與垃圾郵件。RSS的發送者無法利用網路大量傳送相同訊息給未要求傳送訊息的使用者，故能兼顧訂閱者的隱私與安全。
由於RSS技術的發展，網站間的資料可相互串連引用，不用重複輸入，提升資料維護的一致性。例如，A機關網站要刊載B機關網站發布的訊息，僅需訂閱B機關RSS相關內容即可，不用再將訊息重複輸入自己的網站管理系統。

RSS資料串連運作模式如圖79所示。運作說明如下：

首先，「資料推播者」機關B、C，須就資料串連內容提供RSS訊息服務。
「資料訂閱者」機關A，透過RSS訂閱管理功能，訂閱「資料推播者」機關B、C的RSS訊息服務。
「資料訂閱者」機關A，透過RSS訊息顯示功能，將「資料推播者」機關B、C的訊息刊登在機關A的網站上。
若「資料推播者」事後再更新資料內容時，只需同步更新RSS訊息服務內容，「資料訂閱者」所刊載的內容也會一併更新，以此達成資料串連的目的，並維持資料的ㄧ致性。

文章整理：	網繹數位科技 Philippe Chiu
關鍵字：	內容管理系統Content management 、無障礙網頁的維護、Metadata（網頁詮釋資料）、內容互通共享、公家機關網頁設計、政府網站、政府網站版型、公家機關網站版型

網繹數位科技網頁設計公司　地址：台北市復興南路一段321號3樓　Tel： (02)2704-1758(代表號) 　Fax： (02)2704-0372　Email：e-service@eki.com.tw

(a) 跨國企業為Sony 新力、Du Pont 台灣杜邦、Syngenta 台灣先正達、Xerox 全錄、TUV 德國萊因、Imation 美商怡敏信、DHL 洋基通運、日商丸紅等跨國企業、國際大型公司網站設計、程式設計、網頁設計、資料庫規劃及系統整合之設計廠商。 (b) 知名企業為流行風尚精品之公司網站設計、程式設計、網頁設計、諸如居禮名店、長榮桂冠酒店、三井日本料理、天仁集團、菲夢絲、歌林公司、八王子集團、牡丹園餐廳、華固建設、等製作高質感之精緻網站。 (c) 金融機構為金融單位或公司網站設計、程式設計、網頁設計、如兆豐金控、新光產物保險、中央再保、第一期貨、慶豐銀行、KGI中信期貨、台灣銀行等諸銀行，南山人壽、金融聯合徵信中心等金融公司及單位之網站建置及資料庫設計協力廠商。 (d) 政府機關及民間機構為政府機構及民間團體網站設計、程式設計、網頁設計、如台北世界貿易中心、台北國際會議中心、中研院、十三行博物館、黃金博物園區、鶯歌陶瓷博物館、臺北縣政府文化局、石門水庫、北區水資源局等政府機關以及法鼓山、中華電信工會、國科會、靈鷲山佛教基金會、財團法人保險事業發展中心等民間團體建置氣勢磅礡、兼具人文、藝術、歷史的網站或電子報。