行政院研究發展考核委員會

政府網站版型與內容管理規範

研究報告書

精誠資訊股份有限公司

版本 2.0 中華民國 96年 11月 16日

I

壹、前言 .........................................................................................................1

一、研究背景與目的 ...................................................................................... 1

二、研究問題 .................................................................................................. 3

貳、國內外政府網站規範探討 ......................................................................6

ㄧ、《全面提升政府網站服務品質專案》──對政府網站評鑑的研究........ 6

三、國內現行規範對本專案之意涵 ............................................................. 26

四、國外政府網站規範之探討 ..................................................................... 30

參、國內外政府網站調查研究 ....................................................................58

一、國內政府網站調查................................................................................. 61

二、國外政府網站研究................................................................................. 71

三、本章總結 ................................................................................................ 81

肆、研究發現................................................................................................84

一、版型規範方面 ........................................................................................ 84

二、內容管理方面 ........................................................................................ 85

三、本章總結 ................................................................................................ 89

伍、政府網站版型與內容管理規範.............................................................91

一、前言........................................................................................................ 91

二、十一條規範 ............................................................................................ 93

1. 使用者的呈現裝置(Compatibility) ......................................................... 93

1.1. 網站設計支援不同的瀏覽程式 ............................................... 94

1.2. 網頁設計宜考量螢幕解析度...................................................94

1.3. 提供友善列印版本 .................................................................. 95

1.4. Tab鍵在網頁上的移動應有順序性 ........................................ 95

2. 網頁組成要素（Site Required Elements）............................................. 96

2.1. 網站名稱與識別標誌（Logo）置於版面左上方.................... 99

2.2. 網站地圖（Sitemap）置於版面右上方 .................................100

2.3. 回首頁（Home）置於版面右上方 ........................................100

2.4. 意見信箱（Feedback）置於版面右上方 ...............................101

2.5. 常見問答（FAQs）置於版面右上方 .....................................101

2.6. 語言版本切換按鈕 （Languages） 置於版面右上方 ..........102

2.7. PDA版切換按鈕置於版面右上方 .........................................102

2.8. 全站搜尋（Search）置於版面適當處 ...................................103

2.9. 雙語詞彙（Bilingual Glossary）置於版面適當處 .................103

2.10. RSS訂閱按鈕置於版面適當處..............................................104

2.11. 資料日期（Date）置於版面適當處.......................................104

II

2.12. 留言版/討論區/論壇 (Message Board /Discussion Forum/

Forum) 置於版面適當處 .......................................................................105

2.13. 會員專區 （Member Login）置於版面適當處 .....................105

2.14. 便民服務 （Online Service）置於版面適當處 .....................106

2.15. 無障礙或其他政府標章置於版面下方 ..................................106

2.16. 聯絡電話（Phone Number）置於版面下方...........................107

2.17. 聯絡地址（Address）置於版面下方 .....................................107

2.18. 隱私權政策（Privacy Policy）置於版面下方 .......................108

2.19. 網站安全政策（Security Policy）置於版面下方 ..................108

2.20. 「我的 E政府」標誌（The E-government Entry Point）置於版

面下方……………………………………………………………………109

3. 導覽 （Navigation） ............................................................................110

3.1. 導覽列以一致的風格與位置貫穿全站 ..................................110

3.2. 導覽按鈕名稱應清楚易懂、符合慣例，名目不相近或重複110

3.3. 按鈕圖示旁加上文字 .............................................................111

3.4. 考量使用者的目標、角色和興趣來做導覽分類 ...................111

3.5. 為網頁提供有意義的視窗標題 ..............................................112

3.6. 提供路徑連結列，告知使用者目前所在的位置 ...................112

3.7. 在長頁面加上可點選的目錄..................................................113

4. 首頁設計（Homepage） .......................................................................113

4.1. 首頁呈現網站最主要的內容與服務 ......................................114

4.2. 首頁不超過 2到 3個螢幕長（以 1024*768解析度檢視）..114

4.3. 連至外站的按鈕置於首頁版面右中區塊，並與中間內容區靠下

對齊………………………………………………………………………114

5. 文字樣式與連結（Text Styles and Links）...........................................115

5.1. 全站的文字格式使用一致的字型、顏色與尺寸 ...................115

5.2. 中文字使用系統預設的字型..................................................116

5.3. 英文字避免使用中文字型......................................................116

5.4. 文字大小使用相對尺寸而非固定尺寸 ..................................117

5.5. 可點選的文字標示底線、不同顏色或滑鼠效果 ...................117

5.6. 提供下載文件至少包含開放性檔案格式，並註明檔案格式118

5.7. 所提供的下載文件檔案，讓使用者選擇開啟或儲存 ...........118

6. 圖片與多媒體（Images and Multimedia） ...........................................119

6.1. 網頁圖片兼顧清晰品質與下載時間 ......................................119

6.2. 若起始頁為動畫，確保可略過動畫 ......................................120

6.3. 確保多媒體網頁可關閉音效..................................................120

6.4. 確保 Flash多媒體介面可以鍵盤操作....................................120

III

6.5. 為影像、聲音、與多媒體介面提供文字說明.......................121

7. 表單（Forms） .....................................................................................121

7.1. 在輸入框旁邊加註填寫限制、格式或提供填寫範例 ...........122

7.2. 確保表單的可及性 .................................................................122

7.3. 確保輸入框有足夠的空間......................................................123

7.4. 格式錯誤或未填寫的資料，應告知使用者正確的處理方式123

7.5. 在表單旁提供聯絡資訊，如 Email、電話等 ........................124

8. 搜尋（Search）.....................................................................................124

8.1. 搜尋結果頁應方便檢閱 .........................................................124

8.2. 提供進階搜尋.........................................................................125

9. 內容提供(Content Requirements) ..........................................................126

9.1. 提供單位及主管業務介紹......................................................126

9.2. 提供民眾申辦機關服務的介紹及相關程序說明 ...................126

9.3. 提供單位最新消息、公告事項或活動時程等動態資訊 .......127

9.4. 提供機關主管業務所產生的核心資訊 ..................................127

9.5. 提供相關單位網站連結資訊..................................................128

9.6. 提供語音資訊服務（Audio Clips）.......................................128

9.7. 提供影音資訊服務（Video Clips） .......................................128

10. 內容撰寫(Writing for the Web) ..............................................................129

10.1. 網頁文章標題與重點應明確標示，以利快速瀏覽 ...............129

10.2. 連結文字與目標內容相符......................................................129

10.3. 英文版內容要適切 .................................................................130

11. 內容管理(Content Management) ...........................................................131

11.1. 定期更新網站內容，並標示更新日期 ..................................131

11.2. 定期檢視全網站資料 .............................................................131

陸、結論與建議..........................................................................................142

一、結論.......................................................................................................142

二、建議.......................................................................................................143

參考資料 .....................................................................................................145

一、中文部份 ...............................................................................................145

二、英文部分 ...............................................................................................146

附錄一、名詞解釋 ......................................................................................149

附錄二、規範檢核表 ..................................................................................151

附錄三 範例網頁........................................................................................164

範例 1 機關入口網站首頁...........................................................................164

範例 2 主題式網站(如文化網站) ................................................................165

IV

範例 3 主題式網站(如會員功能網站).........................................................166

範例 4 主題式網站(如經貿網站) ................................................................167

範例 5 機關入口網站(全網站範例).............................................................168

附錄四、隱私權政策範例 ..........................................................................169 附錄五、網站安全政策範例 ......................................................................171 附錄六 網站架構建議 ................................................................................174

附錄七 Web 2.0與政府網站的應用 ..........................................................181

一、認識Web 2.0.........................................................................................181

二、Web 2.0概念運用與實例......................................................................191

三、政府網站的因應方針............................................................................196

附錄八、網站評鑑指標與本規範對照表 ...................................................208 附錄九、布朗大學評獎指標與本規範對照表 ...........................................209

V

表目錄

表 2-1 新修正之政府網站評鑑指標—對本案之意涵 ............................. 9

表 2-2 英文版網站評鑑指標之修改對於本案之意涵 ........................... 17

表 2-3 布朗大學評鑑指標之修改對於本案之意涵 ............................... 19

表 2-4 電子化政府共通平台規範對本案之意涵 ................................... 21

表 2-5 英文網站版型與使用介面參考手冊規範內容 ........................... 24

表 2-6 澳洲政府網站Metadata規範(AGLS)......................................... 44

表 2-7 香港政府網站建議提供內容與架構........................................... 55

表 3-1 94年度行政機關網站評獎推薦入口網站名單 ........................... 59

表 3-2 國內政府網站調查表.................................................................. 60

表 3-3 網站版型調查表.......................................................................... 61

表 3-4 內容單元與欄位調查.................................................................. 66

表 5-1 網頁組成要素配置表.................................................................. 97

表 5-2 內容管理系統功能條件建議 .....................................................133

表 5-3 詮釋資料欄位定義與語法 .........................................................137

表附 6-1 網站架構與單元名稱建議表 (機關入口網站適用) ..............174

表附 6-2 基本欄位建議表.....................................................................178

表附 7-1 新修正之政府網站評鑑指標—Web 2.0概念運用方式 .........198

VI

圖目錄 圖 1-1 本專案研究流程............................................................................ 5

圖 2-1 加拿大共通元素列規範 .............................................................. 32

圖 2-2 加拿大共通元素列尺寸規範 ...................................................... 32

圖 2-3 加拿大導覽列及其尺寸規範 ...................................................... 33

圖 2-4 加拿大所訂定之資訊生命週期管理........................................... 36

圖 2-5 香港政府網站歡迎頁規範 .......................................................... 53

圖 2-6 香港政府網站一般頁面規範 ...................................................... 54

圖 3-1 經濟部智慧財產局的單元名稱分類方式 ................................... 68

圖 3-2 國家圖書館「組織職掌」網頁 .................................................. 69

圖 3-3 加拿大元素樣貌的一致性設計 .................................................. 72

圖 3-4澳洲網站的一致性設計 ............................................................... 73

圖 3-5新加坡的共同元素—政府入口網站 SinGov............................... 74

圖 3-6 韓國教育部網站首頁.................................................................. 76

圖 3-7 英國政府入口網站 DirectGov的內頁 ........................................ 78

圖 5-1 網頁組成要素位置示意圖 .......................................................... 97

圖 5-2 欄位式編輯 ................................................................................134

圖 5-3 HTML 編輯器 .............................................................................135

圖 5-4 RSS資料串連架構圖..................................................................141

圖附 6-1 網站架構圖 ............................................................................177

圖附 7-1 Google Maps............................................................................182

圖附 7-2 Wikipedia.................................................................................183

圖附 7-3 digg..........................................................................................183

圖附 7-4 flickr ........................................................................................184

圖附 7-5 del.icio.us.................................................................................185

圖附 7-6 Meebo ...................................................................................186

圖附 7-7 iTunes ......................................................................................187

圖附 7-8 housingmaps.com.....................................................................191

圖附 7-9 thinkfree...................................................................................192

圖附 7-10 flickr ......................................................................................193

圖附 7-11 Cyworld .................................................................................194

圖附 7-12 YouTube.................................................................................195

圖附 7-13YAHOO!奇摩 .........................................................................200

圖附 7-14 Windows Live Mail ................................................................201

圖附 7-15 CNN.com...............................................................................202

圖附 7-16 flickr ......................................................................................203

圖附 7-17 digg........................................................................................204

VII

圖附 7-18 HipCal....................................................................................205

圖附 7-19 雅虎知識+ ............................................................................206

圖附 7-20 文建會台灣大百科 ...............................................................207

VIII

修訂紀錄

本規範修訂紀錄 版本 2.0版

修訂日期 修訂條文 修訂內容 現行內容 說明

96-11-16 規範第 9條「內容提供」

提供內容是網站的重

要服務，政府網站的內

容應切合目標使用者

的需求，並遵循網站架

設的宗旨。根據「政府

資訊公開法」，建議政

府網站主動提供政府

機關之組織、職掌介

紹，可參考規範 9.1「提供單位及主管業務介

紹」；政府地址、電話、

傳真、網址及電子郵件

信箱帳號於本規範之

「網頁組成要素」有具

體之建議；其他政府資

訊公開內容則請參考

規範 9.4「提供機關主管業務所產生的核心

資訊」。

提供內容是網站的

重要服務，建議政府

機關遵循政府資訊

公開法，主動提供機

關資訊。政府網站的

內容應切合目標使

用者的需求，並遵循

網站架設的宗旨。

根據「政府資

訊公開法」，

政府網站應

主動提供相

關資訊，相關

實作細節請

參考規範９

說明。

96-11-16 規範 9.4「提供機關主管業務所產

生的核心資訊」

﹝規範理由﹞根據「政

府資訊公開法」，機關

應於網站上提供主管

業務的核心資訊，如：

年報、出版品、統計資

料、業務報告、會議記

錄、法規資訊等。

﹝實作說明﹞請各機

關參考「政府資訊公開

法」第 7條所訂定之政府資訊，並且將按鈕命

名為「政府資訊公

開」，放置於版面左中

(參考圖 5-1)。

﹝規範理由﹞民眾

瀏覽機關網站的主

要目的是尋找文獻

資料，因此機關應於

網站上提供主管業

務的核心資訊，如：

年報、出版品、統計

資料、業務報告、會

議記錄、法規資訊

等。

﹝實作說明﹞提供

業務核心資訊應注

意：

‧若提供大量文件報

告，可提供文件檢索

功能。

‧提供可下載的文

件，方便民眾離線閱

覽。

為避免民眾

在瀏覽各政

府機關網站

時，因名稱不

同而產生困

惑，故本規範

建議使用「政

府資訊公開

法」之名稱；

並放置於版

面左中 (參考圖 5-1)。

1

壹、前言

一、研究背景與目的

網際網路時代，網站已成為組織對內、對外溝通及提供服務的重要媒

介，對於各國政府而言亦是如此，然而電子化政府不應僅止於網站的使用

而已，更須有良好的設計與管理才能發揮預期效用。我國各政府單位雖大

部分均建有網站，但政府網站的普及，卻不代表政府網站的瀏覽人數及網

站品質有所提升。公務機關常把政府網站視為「次級媒體」，忽略了網站

的實際效用(黃朝盟、趙美慧，民 89年)，更由於各機關獨立設置網站，各

網站的服務品質不齊，數千個行政機關網站各自提供各式各樣的內容功能

與介面呈現方式。雖然行政院研考會設立了電子化政府入口網站，以單一

平台統整各機關的服務與資訊，使民眾有所適從，方便尋找資訊；然而各

機關設立網站乃為了便民服務、資訊公開、地區行銷等目的，這些都需以

完整獨立的行政體系完成，因此當前各機關仍傾向設置獨立的網站，惟各

網站操作介面不同，內容也缺乏整齊一致。

有鑑於此，精誠公司於民國 95 年受行政院研考會委託執行本計畫，

以便利民眾更容易、有效地使用政府機關資訊，讓政府機關網路資訊呈現

一致性的版型風格，期望能有一個可提供各政府機關規劃建置網站參考之

規範與範本，藉此使各政府網站的版型與內容，有一致性之標準。

行政院研考會已完成《英文網站版型參考手冊》，並於《電子化政府

共通平台規範》中，完成平台領域內相關網站的呈現規範。為進一步提升

政府網站服務品質，達成政府網站版型的一致性，擬進一步規劃涵蓋中文

與英文網站版型與內容規範文件，並達成以下目標：

� 提供適用於機關中、英文之版型規範，以達成政府網站呈現風格

之ㄧ致性。

2

� 提供政府網站內容管理規範，包含必要之內容及內容提供方式，

以提升網站內容之可及性。

� 結合網站評鑑指標，做為各政府機關提升網站服務品質之參考。

3

二、研究問題

依上述目的，本研究欲探究的問題有下列幾項：

(一)「版型」與「內容管理」意指為何？

網路使用的普及化讓各學科、各產業的專家投入人力與時間，探討網

站建置的各種問題，因大部分專有名詞翻譯自英文，又因不同領域對於「版

型」與「內容管理」的定義各不相同，因此本研究首先探討此二個專有名

詞的意義，以釐清本專案的範圍與界線。

(二)當前國內政府機關在版型與內容管理方面的關鍵問題為何？

要訂定規範，必須先了解問題所在，本專案以國內網站為研究對象，

調查國內政府網站的版型與內容管理，以使用者角度分析、歸納當前政府

網站的問題，並提出解決方案。

(三)政府網站版型一致性的可能性有多高？具體作法為何？

如上所述，機關有各自建置網站的需求，品質卻因此參差不齊，介面

不一，資訊不易尋找；然而ㄧ致性的規範，則可能抹煞設置網站的創意，

無法發揮機關形象與特色，並可能造成民眾無法識別的困擾。因此本專案

的另ㄧ課題，即在探究一致性的版型與內容的可能性，期望在制式與創意

的兩端尋求平衡點，制定可供機關參考的規範，並建議具體做法以幫助各

機關落實此規範。

(四)各網站版型與內容管理的標準與規範為何？

若ㄧ模ㄧ樣的版型無法實現，則如何讓各網站在發揮特色之餘，又能

同時提供版型與內容的品質？本專案希冀提供給各機關ㄧ標準規範，以提

高各網站品質。

4

三、研究流程與章節安排

本專案先透過國內外網站評鑑指標、相關文獻的探討與本專案學者專

家所提建議，釐清網站版型與內容管理規範的意涵。其次，將進行國內外

網站的調查與研究，國內網站研究方面，挑選國內 23 個網站進行版型與

內容調查，找出現行國內政府網站版型與內容的關鍵問題。國外網站研究

方面，則挑選電子化政府發展較先進的國家進行觀察，就各機關網站進行

比較分析，歸納其版型的風格特色，找出各國機關網站實現一致性的可能

性，並試圖歸納網站設計的版型樣式。

完成了國內與國外網站的研究之後，根據研究結果，確認以「使用者

為中心」的核心概念，規劃便利民眾網站的兩大建議方案：版型規範與內

容管理規範。

在版型規範方面，首先制定各機關應遵從的元素設計建議，以達到版

型的ㄧ致性，接著綜合國內外學者所提出的可用性原則，提出適用於我國

政府的版型規範，針對網站格局、元素配置、引導方式、識別方式、文字、

表單及搜尋等項目提出指導方針，並制定各項目之必要等級。

在內容管理規範方面，將建立一致性的內容單元與欄位，制定必要與

建議提供的內容。而為了幫助各機關內容的溝通與共享，提出網頁詮釋資

料(Metadata)1的規範，為資料的可及性和搜尋引擎的最佳化做準備；並提

出以 RSS(Really Simple Syndication)為格式的內容溝通建議方案。

最後，本專案就電子化民主機制的概念與近年竄起之 Web 2.0的潮

流，以長遠眼光建議政府網站應採納和應用的方式，並且為了推動以「使

用者至上」的概念，提出建議與未來推動的方式。

本專案研究流程如圖 1-1所示：

1 關於網頁詮釋資料(Metadata)請參考「附錄一、名詞解釋」。

5

資料來源：本專案整理

圖 1-1 本專案研究流程

【研究問題】 【研究方法】

(一)「版型」與「內容管理」意

指為何?

(二)當前國內政府機關在版型與內

容管理方面的關鍵問題為何?

文獻分析法

(三) 國內各機關網站實現ㄧ致性

版型的可能性有多高? 具體作法為

何?

(四)各網站版型與內容管理的標準

與規範為何?

(五)電子化政府未來的發展與應

用為何?

【研究流程】

研究國內外相關規範

研究國內網站 文獻分析法

研究國外網站

歸納國內外網站可用

性原則，與內容管理相

關文獻。

文獻分析法

文獻分析法

文獻分析法

歸納電子化政府發

展、電子化民主機制、

Web 2.0探討文獻與應

用範例，建議未來政府

網站的發展。

6

貳、國內外政府網站規範探討

為有效制訂我國政府網站的版型與內容管理規範，本專案先參考行政

院研考會既有的相關規範，探討既有規範對於本專案的意涵，確認「版型」

與「內容管理」兩者的研究方向。其次，針對政府網站之版型與內容管理

已訂有規範的國家列舉代表性者進行探討，以利本專案制訂適合本國國情

的版型與內容管理規範。

ㄧ、《全面提升政府網站服務品質專案》──對政府網站評

鑑的研究

自民國 88 年起，行政院研考會即著手進行政府網站之輔導及評鑑措

施之規劃，委託 NII 產業發展協進會研擬政府網站評鑑要點，並舉辦示範

性網站評鑑工作，以激勵政府機關對網站品質之重視，帶動優良政府網站

之示範效果。

民國 94 年，整體大環境與政府資訊網路大幅發展，為了讓評鑑指標

及評鑑作業趕上網路的發展，行政院研考會委託台灣資訊智慧財產會執行

《全面提升政府網站服務品質專案—對政府網站評鑑的研究》，對於現行

的網站評鑑制度做一全面的檢討，包括評鑑指標、政府網站分類、政府網

站評鑑作業的領域，以改善現有政府網站評鑑工作。

(一)指標內容

《全面提升政府網站服務品質專案》的網站評鑑方式分為「網站評鑑

向度」、「網站評鑑主要元件」、「評鑑指標元素」3層，分別為評鑑指標大、

中、細項。網站評鑑向度由以下 6個觀察網站的基石與向度組成：

7

� 網站內容(即內容(Content)之向度)：分為「基本資料」、「動態資

訊」、「機關業務核心資訊」、「資料庫存取與資料互通性」、「內容

更新與維護」，共 5項。

� 網站檢索、導覽、版面設計及分眾存取(包含可用性(Usability)及可

及性(Accessibility)兩個向度)2：分為「分類架構」、「檢索搜尋」、「導

覽動線」、「版面設計」、及「無障礙存取」，共 5項。

� 安全與隱私權保護(即資訊安全與隱私(Security/Privacy)之向度)：

分為「隱私權保護」、「網站安全」，共 2項。

� 申辦服務與互動(即線上服務/互動(Online Service / Interactivity)向

度)：分為「申辦服務」、「互動服務」、「加密、認證與線上交易」，

共 3項。

� 網站推廣與管理(包含網站管理及推廣等方面之向度(Management

and Promotion)向度)：包括「網站推廣」、「網站管理」，共 2項。

� 創新服務(即創新性(Innovation)之向度)：「創新內容/服務」，共 1

項。

(二)指標等級

各個網站評鑑指標細項又分 I、II 兩級，其中：

� 等級I：基本的、必要的網站條件，偏重對內容、功能或服務項目

有無作判斷，可作為第 1輪初評項目。

� 等級II：進階的、加值的網站條件，有些部分偏重網站內容、功能

或服務的實用性或適切性做判斷，有些部份則為較進階的內容或

功能項目，可作為第 2輪複評項目。

� 有 4個指標被定為等級 I/II：意即可同時作為第 1輪及第 2輪的評

鑑項目，只不過第 1輪僅就內容/功能的有無作判斷，第 2輪時則

就實用性或適切性做評判。

2 關於可用性(Usability)與可及性(Accessibility)可參考「附錄一、名詞解釋」

8

(三)評鑑指標對本專案之意涵

由評鑑指標觀察，可知道與版型相關的規範約落在第 2向度「網站檢

索、導覽、版面設計及分眾存取」；內容管理規範約落在第 1 向度「網站

內容」之中，其他網站必備內容則散落在其他向度中。初評評鑑指標與本

專案相關的項目整理如表 2-1。

9

表 2-1 新修正之政府網站評鑑指標—對本案之意涵

指標大項 指標中項 指標細項 等級 對本案之意涵

是否提供單位及主管業務介紹資訊? 其豐富性與完備性 I

是否提供機關聯絡資訊、地址及機關服務時間

*聯絡資訊含承辦單位、承辦人及其 Email、電話、傳真 I

是否提供民眾如何申辦機關服務的介紹及相關程序說明 I

1-1.

基本資料

是否提供相關單位網站鏈結? 其豐富性、完備性與相關性? I

單位最新消息、公告事項或活動時程的提供

*評鑑重點包括：

� 基本要求：

� 是否提供單位最新消息、公告事項或活動時程

� 加分要求：

� 前項動態資訊是否可從首頁直接點選

� 前項動態資訊與其他同級網站比較其每週筆數多

寡

� 前項動態資訊的實用性與即時性如何

I/II

1-2.

動態資訊 是否提供常見問答集(FAQ)

*評鑑重點包括：

� 基本要求：

� 是否提供常見問答集(FAQ)

� 加分要求：

� FAQ是否與業務相關，為網站使用者所需要的?

� FAQ 能否回答大部份使用者的常見的問題(即完備性)?

� FAQ是否有更新(即動態性)

I/II

是否提供機關主管業務所產生的核心資訊? 其豐富性如何

*資訊種類包括：機關行政業務所產生的文件、報告、記錄、統計資料、法規、書籍等核心資訊

II

是否於網站利用機關業務衍生資訊，提供知識性、教育性

資訊 II

是否提供語音資訊服務? II

1-3.

機關業務

核心資訊

是否提供影音資訊服務? II

1.「基本資料」與「動態資料」兩項都為政

府網站應提供的內

容。於內容管理規範

應探討如何提供這

些資料的正確性、完

備性、與實用性。

2.「機關業務核心資訊」為機關網站加值

的內容項目。於內容

管理規範應探討如

何提供這些資料的

豐富性、正確性與實

用性。

3. 「是否於網站利用機關業務衍生資

訊，提供知識性、教

育性資訊」由於乃屬

於創意部份難以規

範做約束，因此不適

用於本案內容管理

規範

4.是否提供語音與影音資訊服務

1.

網站內容

1-4.

資料庫存

取及資料

互通性

是否提供線上存取機關資料庫之服務 II

對於網站資料的互通

性而言，於內容管理規

範應探討網站提供互

通性的資料交換格式

有哪些內容，資料互通

具體措施建議

10

網站資料的互通性

*評鑑重點包括：

� 網站資料是否採用互通性資料交換格式如 XML、RSS等

*報名資料應附下列說明，以備書面及實測查核：

� 機關在網站資料互通性的具體措施與成效

II

機關置於網站的資料及表格是否保持最新版本，非過期資

料 I

定期更新網站內容之頻率與幅度 (不同時點抽查)

*評鑑重點包括：

� 是否定期更新網站內容?

� 可否作到每週更新一次以上?

I

更新項目與內容之標示品質

*評鑑重點包括：

� 更新項目是否明顯標示?

� 是否標示更新日期?

� 文件有無標示版本資訊?

II

網站內容的維護品質及正確性

*評鑑重點包括：

� 所有網站內部超鏈結皆有效正確(網站監測軟體抽樣檢測)

� 網頁<title>之標題是否與網頁內容一致(人工檢視)

II

1-5.

內容更新

與維護

內容製作/更新機制的自動化與適切性

*報名資料應附下列說明，以備書面及實測查核：

� 網站內容的製作更新機制與管理流程，是否採用自動化內容管理(Content management)機制的輔助，其成效如何?

II

於內容管理規範中可

訂定每篇內容應標明

更新日期，以方便評鑑

時的查核。另可訂定資

料的上線與下線時

間，以利機關內容維護

者、避免有過期資料。

2-1.

分類架構

網站內容分類之適切性與易用性：

*評鑑重點包括：

� 每層分類項目介於 4~15個

� 深度少於 6層

� 分類名目不至於相近或重複

� 分類名稱通俗易懂

I

此項應於內容管理規

範可訂定內容的分類

架構建議，以建立機關

入口網站的ㄧ致性。並

建立分類架構的設計

原則。

2.

網站檢

索、導

覽、版

面設計

及分眾

存取

2-2.

檢索搜尋

檢索搜尋的適切性與功能性

*評鑑重點包括：

是否提供檢索搜尋功能? 列舉提供的檢索方式

是否有進階功能：布林代數、限定搜尋範圍、多條件組合

檢索?

I

於版型規範可制定搜

尋功能的可用性。

可用性應包含搜尋本

身的功能、搜尋結果列

表頁的易讀性、搜尋的

輔助說明、以及進階檢

索的實用性等。

11

檢索功能輔助說明的適切與週延性

*評鑑重點包括：

� 是否提供檢索功能說明? 使用範例? 找不到時之建議?

II

搜尋結果表列之檢閱方便性

*評鑑重點包括：

檢索結果能否依相似程度、時間、主題等排序? 其多樣性?

排序條件可否由使用者設定?

搜尋結果是否分頁? 可否改變設定?

II

網頁快速連結設計的完備性與方便性

*評鑑重點包括：

� 各網頁是否提供回首頁、上一頁或上一層鏈結

I 2-3.

導覽動線

是否提供網站地圖(SiteMap)或其他使用輔助說明 I

應於版型規範制定導

覽機制的設計方式，以

幫助使用者快速尋找

到資料。

網頁設計元素及版面配置的一致性

*評鑑重點包括：

� 顏色、字型、圖形是否一致?

� 按鈕與標題的位置與設計是否一致?

I

網頁易讀性

*評鑑重點包括：

� 網頁顏色設計是否清晰易讀

� 字體大小與行距是否適當易讀

I

網頁長度適切性

*評鑑重點包括：

� 首頁長度不超過 2個螢幕

� 網頁內容太長時提供分頁或內容標記(anchoring)

� 單一網頁橫向捲軸不會出現

I

是否提供開放性檔案格式之下載或選項

*例如 html、xhtml、sxw、pdf、純文字檔…等 I

是否提供友善列印版本選項 I

對使用者瀏覽工具的支援

*評鑑重點包括：

� 是否支援通用瀏覽器?

� 提供螢幕解析度與瀏覽器建議?

� 提供瀏覽程式下載連結(如 Adobe Reader、Flash等)?

I

2-4.

網頁版面

設計

多媒體應用適切性

*評鑑重點包括：

� 首頁能在 10秒內完全下載

� 若起始頁為動畫，是否提供 Skip按鈕

� 多媒體設計是否未造成視聽覺困擾

I

應於版型規範制定以

下：

網頁元素的設計原則；

內容以使用者的角度

來撰寫，以增加網頁的

易讀性；

網頁長度與寬度

下載檔案；

瀏覽工具的支援度；

多媒體的適切性與可

及性。

對螢幕解析度與瀏覽

器的建議，本專案認為

網站應適用於各種主

要瀏覽器與解析度，以

滿足不同裝置使用

者，將提出不同規範。

12

分眾導覽設計適切性

*評鑑重點包括：

� 是否採用分眾導覽設計?如一般民眾、特定團體、專業人士等

� 分眾頻道的多樣性與實用性? 評道資訊內容是否適切、豐富?

II

是否提供兩種以上語言版本? II

無障礙網路服務空間檢測及標章

*評鑑重點包括：

� 是否通過無障礙網路服務空間檢測? 何等級?

� 首頁是否有無障礙標章?

� 是否於首頁有對無障礙網頁的使用導引或連結?

II

分眾導覽以觀眾的屬

性將資料分類，幫助使

用者更快速找到資

料，可視為輔助導覽設

計的ㄧ環。

無障礙則於無障礙網

頁規範有詳細說明，不

於此案討論。

2-5

無障礙及

分眾存取

提供 PDA或手機瀏覽網頁設計

*評鑑重點包括：

� 首頁是否有 PDA或手機瀏覽的分眾導覽按鈕

� 是否針對 PDA或手機瀏覽設計相應解析度的頁面?

� 提供的資料內容是否針對行動應用選取?

II

PDA與手機網頁瀏覽的設計原則也應符合

可用性。

3-1.

隱私權保

護

隱私權保護政策宣告的適切性及週延性

*評鑑重點包括：

� 是否提供隱私權保護政策宣告?

� 是否標示在首頁及每一搜集使用者資料的網頁? 出現位置是否明顯而一致?

� 是否與機關特性及所蒐集資料一致

� 宣告內容是否涵蓋個人資料保護的要點

� 是否提供使用者洽詢關於其隱私權權益之 Email信箱或電話

� 是否有關於 Cookies的使用限制措施及宣告

I

可於內容管理規範制

定隱私權宣告為機關

應提供的內容；並制定

內容的完整性。

於版型規範制定各元

素的位置。

網站安全政策宣告的適切性

*評鑑重點包括：

� 是否提供安全政策宣告?

� 是否標示在首頁?

I

於內容管理規範制定

網站安全宣告為機關

應提供的內容；於版型

規範制定該元素的位

置。

3.

安全與隱

私權

3-2.

網站安全

是否有網站安全防護與回復機制或備援

*評鑑重點包括：

� 從使用者觀點網站之安全防護措施，如使用者身份稽核、輸入資料區的加密設計、安全付款功能…等

� 報名資料應附下列說明，以備書面及實測查核：

� 網站安全防護與回覆機制

� 資料備份措施

� 主機的安全保全措施

� 相關記錄之實際樣本

II

網站的資安政策不列

於本專案。

13

申辦文件/表格下載或列印服務

*評鑑重點包括：

� 是否提供申辦文件/表格下載或列印功能

� 可下載之申辦文件/表格種類是否涵蓋機關所有主要申辦項目

I

與版型規範制定下載

與列印。

提供線上申請、登錄等申辦服務的項目與適切性

*評鑑重點包括：

� 是否提供完全可在線上執行之申請、登錄等申辦服務?

� 列舉線上申辦服務的項目種類及數量

� 提供的線上申辦服務是否實用?

*報名資料應附下列說明，以備書面及實測查核：

� 線上申請、登錄服務作業管理流程

I/II

於版型規範中制定線

上申請表單的可用性。

提供申辦或申訴案件的線上進度查詢(Tracking)

*評鑑重點包括：

� 是否提供申辦或申訴案件的線上進度查詢(Tracking)功能

� 列舉可線上進度查詢的申辦項目種類及數量

*報名資料應附下列說明，以備書面及實測查核：

� 申辦或申訴案件之線上進度追蹤作業管理流程

II

提供線上進度查詢可

增加網站友善度，列於

版型規範。

4-1.

申辦服務

線上申辦表單(Forms)設計之適切性與操作流暢性

*評鑑重點包括：

� 表單欄位排列是否整齊、條理且易讀

� 表單欄位填寫順序是否合邏輯

� 是否提供必填欄位標示及填寫錯誤欄位的引導及說明?

� 是否提供申辦程序完成的確認?

� 是否提供回首頁或服務主頁的連結?

II

與版型規範制定表單

的可用性。

提供 Email民意信箱或首長信箱及其服務周延性

*評鑑重點包括：

� 是否提供 Email民意信箱或首長信箱?

� 是否註明處理時間、流程或承辦人/單位?

� 機關對民眾 Email的實際回應處理時效? (以測試 Email實測)

*報名資料應附下列說明，以備書面及實測查核：

� Email民意信箱或首長信箱之處理流程

I/II

民意信箱機制可視為

Web 2.0的發展。

4.

線上申辦

服務與

互動

4-2.

互動服務

提供 Forum或其他型式的集體互動討論功能

*評鑑重點包括：

� 是否提供一種以上集體互動討論功能?

� 於集體互動討論區，是否提供明確的管理與使用

規則說明?

� 集體互動討論區參與度如何?每天幾則?

� 內容是否與機關業務相關?

� 討論區管理者對民眾意見的回應處理時效?

II

互動機制可視為Web 2.0的發展。

14

線上問卷調查、滿意度調查或其他集體民意蒐集機制

*評鑑重點包括：

� 是否提供上述線上民意蒐集機制?

� 線上調查參與度如何?每天幾人次?

� 調查內容是否與機關業務相關?

� 是否於線上提供調查結果報告與分析?

II

互動機制可視為Web 2.0的發展。

電子報訂閱服務

*評鑑重點包括：

� 是否提供電子報訂閱服務?

� 電子報內容豐富性及與機關業務相關性?

� 電子報出刊頻率?

� 是否直接在電子報上提供「取消訂閱

(Unsubscription)」按鈕連結? 取消訂閱後是否還再寄來? (實測)

II

電子報訂閱可視為網

站的加值服務以及離

線瀏覽的方式。

提供個人化設定的適切性

*個人化網站服務範圍包括：

� 提供具身份稽核的會員專區，其可能設定選項：

� 使用者個人帳戶資料維護

� 個人設定的瀏覽內容或線上服務功能選項

� 個人設定的網頁配置、版型選項

� 個人瀏覽記錄的儲存

� 提供個人化的電子報服務

� 記錄使用者 Session，提供自動化的一對一服務

*評鑑重點包括：

� 是否提供個人化設定?

� 個人化服務項目的多樣性及適切性?

� 個人化設定功能的實用性與創意性?

II

可視為Web 2.0的發展。

提供線上繳款、付款機制 (僅針對有線上申辦繳費的網站

評鑑)

*評鑑重點包括：

� 是否提供線上信用卡/IC 金融卡繳款、付款服務?

II

付款的安全機制不列

在本案討論。

4-3.

加密、認

證與線上

交易 提供網路認證或資料加密服務

*評鑑重點包括：

� 是否於線上申辦或填寫資料區域，提供資料加密服務?

� 是否提供自然人憑證或金融憑證 IC 卡的網路認證服務?

II

付款的安全機制不列

在本案討論。

15

在政府入口網站與知名搜尋引擎有具體推廣網站的計劃

*評鑑重點包括：

*實測驗證：

� 是否可從政府入口網站連結到該機關網站

� 於政府入口網站與國內知名入口網站以機關全名作關鍵

字搜尋，是否可在搜尋結果的前 5筆找到

*報名資料應附下列說明，以備書面及實測查核：

� 在政府與民間主要入口網站的登錄情形

� 首頁的Metadata、title、description、keywords

� 是否與政府入口網站互連結

II

行銷方式不於本案討

論。

網站內容管理機制應

提供網頁的

Metadata，於內容管理規範制定Metadata的欄位建議。

於機關出版品(如刊物)或印刷品(如申辦表格)上印製機關網址

*報名資料應加以說明，並附相關樣本之影本

II

出版品的檢核不列於

本案討論。 5-1

網站推廣

提供民眾參與的網站企劃主題活動

*評鑑重點包括：

� 是否提供民眾參與的網站企劃主題活動?

� 企劃主題活動是否與機關業務相關?

� 企劃主題活動的創意性

*網站企劃主題活動範例如：

� 提供專題論壇、贈書

� 網頁設計比賽

� 與 3rd. Party合作的網站活動企劃

� 其他…

II

行銷活動不列於本案

討論。

網站流量的監測與具體提昇績效

*評鑑重點包括：

� 報名資料應詳列：

� 使用網站計數器或網站紀錄分析軟體情形

� 提昇網站流量的具體激勵措施與績效

� 報名時應附實際 Log File之樣本

� 實測驗證：

� 實際檢測相關線上激勵措施辦理情形

� 若標明有計數器，實際檢驗網站前端是否存在? 功能是否正常?

II

網站流量的監測不列

於本案討論。

5.

網站推廣

與管理

5-2

網站管理

是否設有網站管理規範或定期執行查核辦法

� 報名資料應附：

� 網站管理規範或定期執行查核辦法

� 網站管理記錄之實際樣本

II

網站的管理不列於本

案討論。

6.

創新服務

6-1.

創新內容

/服務 只列入複評項目(請參閱複評指標及意涵) II

創新服務不列於本案

討論。

資料來源：本專案整理

16

(四)英文版網站評鑑指標對本專案的意涵

新修正的建議案也對英文版的評鑑指標提出建議，重新檢討政府英文

網站的定位：

� 做為國際人士認識台灣的入口網站，代表台灣的整體國際印象。

� 政府對外文宣的網路媒體與工具。

� 對外經貿、外交、文化交流、觀光旅遊的窗口。

� 境內外國人存取政府資訊與服務的數位平台。

該建議案依定位鎖定台灣英文網站的二大使用者：境外外語人士及境

內外語人士。並對於二大使用者的資訊需求分析比較，歸納現階段政府外

語網站應提供的網站內容與功能如下：

� 以資訊的提供為主；

� 最新的、時效性的(Current)資訊；

� 資訊檢索、搜尋及導覽協助；

� 聯絡、洽詢、申辦資訊的提供；

� 外事相關資訊；

� 逐步增加線上登錄、註冊、申請及表單下載等線上服務。

整合前述總結後，本專案以該案之「政府網站初評指標」做為藍本，

英文網站評鑑指標調整如表 2-2，表中同時藉這些調整觀察英文版網站評

鑑指標對於本專案的意涵(新修正的英文網站評鑑指標，可參考該建議案之

表 4-4)。

17

表 2-2 英文版網站評鑑指標之修改對於本案之意涵

刪除/增加 指標 對本案之意涵

是否於網站利用機關業務衍生資訊，提供知識

性、教育性資訊 不規劃納入本案(參考表 2-1)

採用分眾導覽設計 分眾導覽乃以觀眾的屬性將資料

分類，以幫助使用者更快速找到

資料，可視為輔助導覽設計的ㄧ

環。

將於版型規範統一探討

提供兩種以上語言版本 於中文版型應提供英文版選擇，

而於英文版則應提供中文版選擇

(為國外人士特別設置之網站除

外)

「提供適切的 Forum等集體互動討論功能」、「提供線上問卷調查、滿意度調查或其他集體

民 意 蒐 集 機 制 」 、 「 提 供 Newsletter Subscription」、「網站企劃主題活動的創意性

及推廣效益」

對於本案，互動機制於 Web 2.0探討，沒有語言版本的差別

「提供線上繳款、付款機制」、「提供網路認

證或資料加密服務」 不規劃納入本案(參考表 2-1.)

「提供 PDA或手機瀏覽網頁設計」 不論任何版本的網頁設計，都應

考量到使用者的螢幕裝置。

將於版型規範統一探討

刪除之指標

「提供個人化設定」 對於本案，個人化設定於Web 2.0探討，沒有語言版本的差別

內容是否與外籍人士需求相關

專有名詞英譯是否一致、適切

下載檔案、表格是否為英文版本

填寫表單欄位標示是否全部為英文表述

網頁圖示是否以英文表述

增加之指標

連結網站、網頁是否為英文版

對於本案而言，網站的內容必須

符合使用者的需求，將統一於版

型規範探討語言適切性。

資料來源：本專案整理

18

(五)布朗大學評鑑指標對本規範之意涵

自2000年開始，年度例行的布朗大學「電子化政府調查」(e-Government

Survey)由美國布朗大學公共政策中心(Taubman Center for Public Service)

Prof. Darrell M. West所領導的研究小組執行，是國際間評估各國電子化政

府發展程度的一個重要指標。

West的「全球電子化政府調查」是以各國中央政府的 Web網站作為

評鑑標的，針對各政府網站在資訊提供(Information Delivery)、線上服務提

供(Service Delivery)及民眾可存取性(Public Access)等三個面向的網站特

性，作量化的調查，並依照此評鑑結果的分數作為各國在電子化政府發展

程度及實行能力的評估指標。當研考會制定《全面提升政府網站品質專案》

時，布朗大學的評鑑指標為一重要參考依據，國內對於布朗大學的評鑑結

果也十分重視，因此本報告將布朗大學評鑑量尺考量納入，對本規範之意

涵列於表 2-3。

19

表 2-3 布朗大學評鑑指標之修改對於本案之意涵

評鑑類別

(Category)

指標

(Measurement) 對本案之意涵

A. 網站內容

(Online Information)

A1. 是否提供政府資訊及出版品

A2. 是否提供資料庫存取

A3. 是否提供聲音檔(Audio Clips)

A4. 是否提供影像檔(Video Clips)

A1列入內容管理規範

A2列入內容管理規範

A3列入內容管理規範

A4列入內容管理規範

B. 安全與隱私

(Security & Privacy)

B1. 是否提供網站安全政策(Security Policy)

B2. 是否提供隱私權保護政策(Privacy Policy)

B1列入網頁組成要素

B2列入網頁組成要素

C. 電子交易/付款

(e-Transaction)

C1. 電子交易時，是否接受數位簽章

C2. 是否提供線上信用卡付款選項

付款的安全機制不列在本案討

論

D. 無障礙存取

(Disability Access)

D1. 是否通過 Bobby 5.0無障礙網頁檢測，並符合W3C規範 3

研考會已制定無障礙網頁規範

E. 外語網頁

(Foreign Language)

E1. 是否提供外語網頁，讓非本國人存取政府網站 研考會已制定雙語網站規範，本

規範將英文版列入網頁要素

F. 廣告及收費

(Ad and Fees)

F1. 是否沒有商業廣告及連結

F2. 是否不就任何線上服務向使用者收費

F3. 是否沒有設立收費專區(Premium Fees)

是否收費不列於本案討論

G. 擴大民眾參與

(Public Outreach)

G1. 是否提供民眾申訴或洽詢的 Email信箱

G2. 是否提供民眾刊登意見的區域(Post Comments)

G3. 是否提供 Email Update服務

G4. 是否提供個人化服務

G5. 是否提供 PDA存取功能

G1列入網頁組成要素

G2列入網頁組成要素

G3列入網頁組成要素

G4列入網頁組成要素

G5列入網頁組成要素

H. 線上服務

(Electronic Service)

H1. 是否提供任何可在線上完成的線上服務功能 H1列入網頁組成要素

20

二、其他規範

(一)電子化政府共通平台規範

自民國 92 年起，為有效整合政府機關間的申辦業務服務，以滿足民

眾ㄧ站式服務(one-stop service)的需求，建構一安全的電子化政府互通環

境，以做為電子政府重要的基礎建設，行政院研考會委託財團法人資訊工

業策進會修正訂定《電子化政府共通平台規範》，其對象為需建置特定服

務目的之政府入口網站的機關或縣市政府、需建置特定服務目的之作業平

台的機關或縣市政府、需進行跨機關資料交換或提供電子化一站式服務的

既有系統之權責機關、需處理跨平台作業課題的權責機關、提供電子化政

府系統整合服務及中介服務(middle ware)之資訊服務廠商。該規範之架構

依據入口網站、作業平台，及既有系統訂定了 11 項規範內容，另外再加

上 2項資料與資訊基礎建設，共構成了 13個部份的規範。

其中與本專案有關者為以下章節，規範內容與對本專案意涵的關係則

列於表 2-4。

� 第 9章「入口網站規範」之 9.8「入口網站呈現規範」；

� 第 10章「詮釋資料規範」之 10.7「詮釋資料標準」；

� 第 14章「內容管理規範」。

21

表 2-4 電子化政府共通平台規範對本案之意涵

規範

等級

規範

名稱

規範

項目 規範內容 對本案之意涵

內容呈

現 依據「政府資訊公開法」，政府應主動公開

之資訊共有十項，政府機關應將這些內容主

動放置於網站上。

於內容管理規範之中制

定機關入口必要提供之

內容。

通道類 支援多通道的(Multi-Channel)內容，要讓機

關網站在 PC、PDA、行動電話版通道上均

能呈現完整且正確的網頁內容。並規定各版

本的版面大小。

於版型規範之中訂定版

面的長度與寬度

應該

等級

9.8

入口網

站呈現

規範

呈現與

引導

(1)網頁格局：又分為內容安排、網頁元素配

置、及頁面之設計格局。

(2)表單設計規範

(3)超連結的呈現

(4)文字的呈現

(5)多媒體檔案：其中又包含 Logo、圖片大

小等等規定。

(6)搜尋：其中需要有效的查詢、查詢結果有效呈現兩者。

(7)明確的引導規範

(8)直覺的導覽設計

於版型規範中制定呈現

與引導

必須 10.7

詮釋資

料標準

主要制

訂原則 採用Dublin Core的 15個欄位作為詮釋資料

之核心欄位為基礎再依發展需求擴充。 於內容管理規範中訂定

詮釋資料 (Metadata)之欄位與方式。

建議 14.

內容管

理規範

涵蓋共通平台本身之內容管理、應用系統與

作業平台。

涵蓋所有內容建構層次、基本資料型態、內

容資料項、內容物件、內容文件等。

涵蓋內容之整個生命週期：編輯、版控、登

錄、索引、儲存、檢索….。

著重於獨立性(Independence)、完整性(Integrity)、ㄧ致性(consistence)、相容性(Compatibility)、互通性(Interoperability)、可用性(Usability)、效能(Performance)等。

本案僅考量機關對外開

放之網站、非機關內部使

用者系統。

本案不考量規格、物件等

等技術層面，而以使用者

角度訂定內容單元的架

構。

本案除了考量單一網站

外，也考量機關之間資料

互通共享的方式。

資料來源：本專案整理

22

(二)無障礙網頁開發規範

《無障礙網頁開發規範》為民國 93年行政院研考會參考 W3C(World

Wide Web Consortium)3協會的WAI(Web Accessibility Initiative)組織訂定無

障礙網頁內容標準相關規範，並參照各國制定無障礙網頁的相關政策和推

廣策略的做法，及國內近年來在身心障礙者保護政策、無障礙空間推動、

視覺障礙者無障礙網路相關措施的努力等經驗下所訂定。該規範內容包括

無障礙網頁可及性設計 4項原則、3個優先等級、3個檢測等級、14條規

範、和 90個標準檢測碼等。其中，14條規範分別為：

� 規範 1：對於聽覺及視覺的內容要提供相等的替代文字內容。

� 規範 2：不要單獨靠色彩來提供特殊資訊。

� 規範 3：適當地使用標記語言和樣式表單。

� 規範 4：闡明自然語言的使用。

� 規範 5：建立編排良好的表格。

� 規範 6：確保網頁能在新科技下良好地呈現。

� 規範 7：確保使用者能處理時間敏感內容的改變。

� 規範 8：確保嵌入式使用者介面具有直接可及性。

� 規範 9：設計裝置獨立網頁。

� 規範 10：使用過渡的解決方案。

� 規範 11：使用國際與國內官方訂定的技術和規範。

� 規範 12：提供內容導引資訊。

� 規範 13：提供清楚的瀏覽網站機制。

� 規範 14：確保簡單清楚的網頁內容。

3 有關W3C請參考「附錄一、名詞解釋」。

23

政府網站應提供網站的無障礙空間，讓所有人均能有效地瀏覽所有網

頁。而網站的設計更應讓身心障礙人士順利瀏覽網頁，因此本專案之版型

規範亦以全面符合無障礙網頁規範為基本原則。

(三)英文網站版型及使用介面參考手冊

民國 94年 5 月行政院研考會委託台灣英文新聞股份有限公司執行，

該參考手冊彙整全球各主要國家相關英文網站的版型呈現和使用介面，歸

納、整理一個可資參考的規則，建立一致性的政府機關網站版型與介面元

素，以提昇英文網站使用介面的親和性和資料可及性，節省使用者尋找資

料的時間。該手冊內容主要建議網頁元素的擺設，整理如表 2-5。

24

表 2-5 英文網站版型與使用介面參考手冊規範內容

項目 說明 建議事項

使用介面規

劃原則

1.使用者為中心

2.一致性

3.合乎習慣

4.簡單

5.正確性

主要項目 政府機關需提供的元素。 (以下建議元素位置)

1.機關名稱或 Logo。2.回首頁(Home)。3.網站地圖

(Sitemap)。4.FAQ。5.語言版本。6. 全文檢索及網站搜尋。

7.其他網站連結位置。8.服務聯繫資訊。9.建議瀏覽器及解

析度。10.隱私權宣告。11.資訊安全。12.機關雙語詞彙對

照表。

次要項目 非必要限制項目，各機關

可對網站定位、業務屬性

和需要性考量。

1.網站首頁版型：2欄或 3欄。

(以下建議元素位置)

2.分眾導覽。3.瀏覽量/網站流量。4.政府網站標章。5.會員

登錄。6.網站最近檢視更新時間。7.得獎標章。8.廣告橫幅。

9.線上申辦服務。10.電子賀卡或桌布下載。11.線上投票。

其他項目 為使網站的使用介面或

資訊的呈現更能充分的

以使用者為導向，各機關

可自行參採。

1.首頁內容分類：應有新聞訊息、施政計畫、重要業務、

統計數據、法規等項目。

2.資料搜尋介面：明確的內容選單、網站導覽、機關別排

列、A〜Z排列、全文檢索等功能。

3.時間標示：建議標示於首頁上方適當位置，並請標記格

林威治時間。

4.檔案下載標示：建議標示，可包含：下載剩餘空間百分

比或所需下載時間。

5.下載速度標示：建議標示，可包含：下載剩餘空間百分

比或所需下載時間。

6.地理位置：如有民眾洽公需求機關，建議標示 icon於首

頁中下方服務聯繫資訊(如：地址)後，地圖應包含：座標、

主要車站、路標和交通幹線等資訊。

7.捲軸：建議避免左右捲軸及在同一個網頁有超過兩個以

上的捲軸

8.列印位置：議標示於網頁適當位置，並可和「轉寄」擺

在一起。

9.轉寄位置：建議標示於網頁適當位置，並可和「列印」

擺在一起。

10.內文超鏈結：建議加底線，以符合國際使用慣例。

25

11.文字字型：建議訂定網頁文字格式，如：選單欄位的文

字、網頁內容的標題、網頁內容的文字、系統使用畫面等；

除首頁 Banner或活動網頁，否則應盡量避免使用特殊字

型。

12.圖片處理：網頁圖片的處理需符合一致性的原則，如：

解析度、陰影效果、明亮度對比、配置方式等都必須一樣。

13.圖形解析度：當圖檔解析度定在一定像素下(如 72dpi)，

可降低檔案大小，增進瀏覽速度。

14.網頁編碼：建議採用 UTF-8，避免在英文網頁中出現

Big-5 編碼。

15.標準色彩：網站色彩的決定係根據網站服務的特性和使

用對象，且應結合各機關的 CIS(企業識別體系)，以呈現整

體感並達到同一個調性和宣傳效果。

資料來源：行政院研考會《英文網站版型及使用介面參考手冊》，民 94。

本專案規範將涵蓋英文網站之版型，並使其能與《英文網站版型及使

用介面參考手冊》相輔相成。另外，由於該手冊的規範內容僅以元素配置

的建議為主，版型的其他部分，如導覽機制、內容呈現等則有所不足，因

此，本專案的方向將以建立涵蓋中、英文版型規範，並以不牴觸舊有英文

版型規範為原則。

26

三、國內現行規範對本專案之意涵

(一)現行規範之分析

綜合上文對現行相關規範的分析，在此歸納出幾個現行國內網站的現

象，並加以評析。

1.版型可被定義為「使用介面」

就各規範對「版型」的指導原則而言，包含了「視覺呈現」、「版面設

計」、「元素配置」、「導覽動線」等主題。現行各規範對這些議題的探討範

圍整理如下：

(1)《全面提升政府網站服務品質專案》

該專案以可用性(Usability)為向度，制定為評獎指標大項「網站檢索」、

「導覽」、「版面設計」及「分眾存取」等，其下包涵了分類架構、檢索搜

尋、導覽動線、網頁版面設計、無障礙及分眾存取。該專案將可用性視為

衡量網頁設計應具備的要件與原則。

(2)《電子化政府共通平台規範》

該規範以「入口網站呈現」的角度，向下分為「內容類」、「通道類」

及「呈現類」。「內容類」依據「政府資訊公開法」訂定政府網站之必要內

容；「通道類」以及「呈現類」則著重在網站的版面設計，並要求應能便

利不同裝置的使用者瀏覽，這兩者基本上可以合併至「使用介面」的設計。

(3)《無障礙網頁開發規範》

該規範以可及性(Accessibility)為向度設計網頁。而「網站評獎指標」

則已將可及性合併至版型設計的規範之下。

(4)《英文網站版型與介面參考手冊》

27

該手冊主要以「使用者為中心」的設計原則制定版型設計的規範，並

以「元素位置」為主要的規範內容。

雖然各規範均未提及「版型」二字，然而由各規範對網頁設計要素所

制訂的原則觀之，各規範均不約而同地以「使用者考量」為中心來設計網

站的「使用介面」。

從學理的觀點來看，版型可定義為人機介面 (Human-Computer

Interface；簡稱 HCI)，或稱為使用者介面(User Interface，簡稱 UI)。此二

名詞是指電腦與人之間溝通與互動的通道與橋樑，唯有透過此介面產生人

機之間的溝通，使用者才能真正有效地與電腦互動，進而使用電腦完成工

作，而人機間互動的設計則應重視使用者的需求，亦即強調使用者導向。

網站介面亦屬於人機介面，網站設計者在建構網站時必須考量使用者的生

理與心理因素，務必讓使用者在網站操作或瀏覽上能符合效率、效能和滿

意的要求，如此才能使網站的功能真正地發揮(洪偉釗，民 90年)。

2.內容管理範圍偏向技術與管理層面

對於內容管理的規範，僅《全面提升政府網站服務品質專案》與《電

子化政府共通平台規範》二者提及，然而規範的內容與範圍卻大不相同，

分述如下：

(1)《全面提升政府網站服務品質專案》

該專案以網站內容(Content)為評量網站的向度，並以此作為評獎指標

大項，下含「基本資料」、「動態資訊」、「機關業務核心資訊」、「資料庫存

取及資料互通性」、「內容更新與維護」。其中「基本資料」、「動態資訊」、

與「機關業務核心資訊」著重在內容的完備性、正確性與實用性；「資料

庫存取及資料互通性」乃在提升機關間格式的互通性；「內容更新與維護」

則著重內容製作與更新機制的自動化與適切性。

28

(2)《電子化政府共通平台規範》

該規範第 9章提及內容的獨立性(Independence)、完整性(Integrity)、ㄧ

致性(consistence)、相容性(Compatibility)、互通性(Interoperability)、可用性

(Usability)及效能(Performance)等。就內容製作的流程而言，上述特性涵蓋

了內容的整個生命週期：編輯、版控、登錄、索引、儲存、檢索等。然而

由於該規範的制定乃考量共通平台的制定，因此雖所規範的內容詳實而嚴

格，卻主要以技術角度論述，強調資料的格式與標準。

延續《全面提升政府網站服務品質專案》所訂之「政府網站評鑑指

標」，本專案「內容管理規範」的制定亦考量內容的完備性、正確性與實

用性。

由《電子化政府共通平台管理規範》的建立，可知資訊共通的趨勢與

重要性。內容的互通與共享，有助於各機關節省人力與成本，避免浪費資

源。然而讓各機關在同一平台上建立資料，需要制定嚴謹的資料庫欄位規

格，各機關也必須長時間地進行技術的溝通磨合；另ㄧ方面，各機關仍有

各自建立對外網站以服務民眾與推行政策的需要，因此現階段要求各機關

捨棄獨立的網站仍不可行。如何就現有的情況，建議ㄧ套簡約而可行的互

通方式，亦為本專案制定規範的另ㄧ重點。

(二)制定規範原則

綜合上述對現行相關規範的分析，本專案歸納下列議題，並做為制定

規範的原則：

1.考慮版型的ㄧ致性與可用性

如上所述，本專案將版型定義為「使用介面」，站在使用者角度，探

討一致性與可用性，以協助介面的統一與親善。

29

� 一致性：研究國外政府網站與規範，並以使用者角度探討國內政

府網站的問題，進而分析ㄧ致性網站介面的優缺點與ㄧ致性版型

的具體作法。

� 可用性：研究國內網站，探討對於使用者而言、國內網站的關鍵

問題，進而探究使用者介面的設計原則，以提高國內網站的可用

性。

2.考慮內容的完整性、互通性及可及性

在機關各自建立網站的現行狀況下，為提高政府網站服務品質，協助

民眾快速尋找資訊，避免各機關重複浪費資源，本專案希望能夠達到：

� 完整性：研究並制定政府網站之必要內容單元，以及各單元的欄

位，以提高內容的完整性。

� 互通性：研究並建議內容資料的互通方式，以幫助資料的散布，

並節省公部門的溝通、技術成本。

� 可及性：研究並制定政府網站的Metadata(詮釋資料標籤)欄位與格

式，以提高搜尋引擎排名較前的機率，也可幫助搜尋的結果頁面

的易讀性。

3.規範內容應與現行相關規範互相配合

由於上述既有規範已有相關且類似的制定與建議，本案因以不同角度

著手進行研究，結果可能有所衝突或重複，為了使一般機關有依循方向，

本規範的內容應該注意與舊規範互相配合。

30

四、國外政府網站規範之探討

國外政府對於其政府網站的規範已行之有年，本節將舉已落實或正推

動版型與內容管理規範，且文件較充分的國家或地區為代表（包括加拿

大、澳洲、美國與香港等），分別探討如下。

(一)加拿大

1.版型規範

加拿大政府對政府網站的外觀與感覺有一致性的要求，即所謂的

「Common Look and Feel」，簡稱 CLF，加拿大政府已建立「Common Look

and Feel for the Internet」網站(http://www.tbs-sct.gc.ca/clf-nsi/index_e.asp)，

供所有的政府網站依循，此規範涵蓋了可及性、共通性編排、網域登記、

電子郵件、重要公告、導覽列與格式，與官方語言各項。

(1)可及性(Accessibility)

CLF規範規定所有的政府網站均須符合W3C優先等級的第1級與第2

級的查核點 (Checkpoints)，以確保其可及性；文件技術 (Document

Technologies)必須使用W3C建議的 HTML 或相容語法(如 XHTML 等)，若

是需使用其他語言開啟頁面(如音訊檔等)，則必須告知；必須提供替代格

式(Alternate Formats)，即若須使用其他軟體開啟文件或檔案時，必須於頁

面提供取得軟體的連結；必須使用替代文字(Text Equivalents)，即非文字的

元素，如照片、圖片、音訊檔等應加上說明文字，以符合全球可及性原則。

有關可及性，加拿大政府要求政府網站皆必須進行可及性測試

(Accessibility Testing)，以確保可及性之落實。

(2)共通性編排(Collaborative Arrangements)

31

該規範要求政府網站的設計必須表現出該國 FIP(Federal Identity

Program)的認可內容，並在政府與合作夥伴間取得平衡；元素與超連結

(Symbols And Hyperlinks)不得連結到任何的私人企業，以避免圖利他人。

(3)網域登記(Cybersquatting)

該規範要求各機關必須以該機關的名稱或其縮寫註冊網域名稱

(Domain Names)4，凡註冊為.gc.ca者應負起加拿大政府網站整合行銷的責

任；而為了避免網路蟑螂的影響，此規範甚至要求政府單位應把同名稱，

不同領域的網址也登記並維護，例如網域屬.com、.org、.net者。

(4)Email格式

本項規範包含其機構位址(Institutional Addresses)、名片檔(Signature

Blocks)、"Canada"字樣與電子郵件的 FIP簽名("Canada" Wordmark And FIP

Signatures For Email)及收執回條(Acknowledgements)。

(5)重要公告(Important Notices)

本項規範涵蓋重要公告連結 (Important Notices Link)、版權公告

(Copyright Notice)、隱私權公告 (Privacy Notice)及私人資訊 (Personal

Information)等。以上各項的連結為首頁的必要元素。

(6)版型的導覽列與格式(Navigation and Format)

� 共通元素列(Common Menu Bar)：共通元素列是用以方便跨政府網

站的使用者，這些按鈕元素由左至右分別為：Language (English /

French)、Contact Us、Help、Search與Canada Site。上述的順序不

得更改，本規範並提供相同樣貌的元素供所有政府網站使用，圖

2-1是共通元素列的版型規範(解析度一律為 600*480)，圖 2-2是這

4 關於網域名稱(Domain Names)請參考「附錄一、名詞解釋」。

32

些元素的尺寸規範(皆以像素為單位明訂之)。由圖可知，此項規定

非常嚴格。

資料來源：http://www.tbs-sct.gc.ca/clf-nsi/6/exmpl2_e.asp

圖 2-1 加拿大共通元素列規範

資料來源：http://www.tbs-sct.gc.ca/clf-nsi/fip-pcim/40_e7.jpg

圖 2-2 加拿大共通元素列尺寸規範

� 機構目錄列(Institutional Menu Bar)：屬於該政府機關範圍的目錄列

(即導覽列)應一律放置於左方，且其設計樣貌應與上方的共通元素

33

列相似，目錄(導覽)的用語應該使用簡單的用語，建議應依部門、

職掌或內容主題分類。圖 2-3是該規範對目錄列頁面配置、元素、

間距等的尺寸規定(以像素為單位明訂之)，極其嚴格。

資料來源：http://www.tbs-sct.gc.ca/clf-nsi/fip-pcim/40_e5.jpg

圖 2-3 加拿大導覽列及其尺寸規範

� 詮釋標籤(Metatags)：加拿大所有政府網站「必須」編寫的Metadata

欄位共有 5 個：標題(Title)、作者(Originator)、語言(Language of

Resource)、日期 (Date)與主題 (Controlled Subject)。加拿大的

Metadata標準制定乃沿用Dublin Core(都柏林核心集)5。

� 日期(Date Indicator)：網頁所使用的日期一律使用ISO標準格式，

即YYYY-MM-DD 格式，至少必須加註下列其中一種日期：發布日

期、修改日期或最新更新日期。而日期必須放置在文章的最末端，

當使用者看到日期時，也知道文章已經結束。

� 顏色(Colours)：此項規定政府網站顏色只能使用 216種網頁安全色

(216 Web-safe colour options)，因為這種色彩系統能確保所有的瀏

覽器與作業平台皆可相容讀取。此規範並提供 216 種網頁安全色

的色碼(http://www.tbs-sct.gc.ca/clf-nsi/216-web_e.asp)，與對比色的

建議。對於網頁顏色，加拿大只規範用色系統，用以達到可及性，

5 關於 Dublin Core(都柏林核心集)請參考「附錄一、名詞解釋」。

34

而不強制要求某一色系作為「政府色」，主要也是讓各單位能以顏

色表現其個別風格。

� 頁框(Frames)：頁框只能使用在替代格式中，一般的政府網站不該

使用頁框。這是因為頁框是一種非連續性文件，對於使用輔助技

術的使用者而言，會造成轉譯的不便；以搜尋引擎搜尋時，頁框

可能導致只搜尋到其中一個網頁文件，而非整個文件組，妨礙了

網頁的完整性；而使用者也無法將頁框的整個頁面存成書籤

(bookmark；在IE瀏覽器中為存成我的最愛)。

� 網站分析者工具(Web Analyzer Tools)：政府網站應使用網站分析者

工具蒐集使用者行為的資料，並進行成本／效益分析，政府網站

不應該只使用簡單的計數器，因為計數器的資料太過表面，無法

提供真正的參考價值。

� HTML正確性確認(Validators)：政府網站應使用W3C提供的工具確

認HTML或其相容語言沒有錯誤。

(7)官方語言(Official Languages)相關事宜

由於加拿大現已立法為雙語國家，規定英語與法語同為官方語言，依

據「Official Languages Act」，對於雙語服務的網頁與網址必須同時具有英

語版與法語版，使用者在歡迎頁(歡迎頁為每個政府網站的必要頁面)即可

選擇所使用的語言，對於單一語言網站(只有英語或只有法語的政府網站)

則有其他規定。另外對於機關名稱、Metadata、共通性編排語言及電子郵

件地址等皆有關於雙語政策的相關規範。此項規範著重官方語言雙語政策

的落實，規範內容與我國提供外語（英語）版本的情形並不相同，在此不

深入探討。

35

2.內容管理規範

加拿大政府對於政府網站的內容管理訂有「Policy on the Management

of Government Information」，政策明列下列要求(Policy requirements)：

(1)提升大眾信任(Enhancing public trust)

為了傳遞專案、服務與資訊的有效性，並符合加拿大公民的需要，機

關必須做到以下要求：

� 確保跨通路資訊的品質、一致性與可取得性，以尊重加拿大的官

方語言選擇、加拿大公民偏好的政府資訊取得方式，及與政府的

溝通方式。

� 良好地組織資訊，提供明確、完整及方便的存取方式，讓使用者

可以取得相關的、綜合性的、及時性的資訊。

� 依據法令與政策，在保護私人資訊與隱私權的前提下，重覆使用

資訊、分享資訊至最大的可能性。

� 控管文件決策的流程。

� 做好資訊的整合，尤其是與其他政府機關、或非政府組織合作時。

� 確保資訊的安全、保障及處理。

(2)透過資訊生命週期，良好管理政府資訊

加拿大政府提出資訊生命週期的觀念，機關須依此觀念管理其政府網

站內容，步驟如下列各點，並如圖 2-4所示：

� 將資訊管理的思考放進計畫的生命週期中；

� 蒐集、創造、接收及擷取資訊；

� 組織、使用並散播資訊；

� 維護、保護並保存資訊；

� 確保資訊的良好處理；

36

� 透過資訊生命週期的管理評估效益與效率。

資料來源：http://www.tbs-sct.gc.ca/fmi-cgi/standard-norme/standard-norme_e.asp

圖 2-4 加拿大所訂定之資訊生命週期管理

對於網頁內容的基本提供項目，主要是依據法律規定，有下列各項：

� 資訊可及性；

� 隱私權保護；

� 智慧財產權保護；

� 網路安全性；

� 免責權聲明；

� 官方語言政策規範下的雙語版本。

37

3.小結

加拿大的版型一致性(CLF)規範非常嚴格，尤其對導覽列的規範更是

連尺寸都必須一樣，並且由中央政府提供 CSS6樣式表及元素供套用，但對

於內容管理則只提出機關需思考的方向，要求必須依資訊生命週期注意資

訊內容的處理，此外並要求幾項必要提供的資訊，這些資訊乃依法律規

定，沒有法律基礎者，則沒有另外要求。

為使政府機關了解版型與內容管理規範，加拿大秘書基金會建有一系

列套件，並連結所有的法律依據，以供各機關了解、依循。

(二)澳洲

澳洲政府網站的管理屬各省的管理範圍，各省對所轄機關訂有版型與

內容管理的規範，以南澳洲政府為例，該省對於版型一致性與內容管理規

範制定了「SA Government Website Standards」指導手冊，要求政府網站遵

循，探討如下：

1.版型規範：Website Presentation

(1)導覽標準(Navigation Standards)

對於連結的要求如下：

� 首頁連結、重要網站分類與站內搜尋功能必須在每個頁面均顯示。

� 同一網站內重要元素的設計與位置必須一致。

� 外部網站的連結應該清楚標示。

� 鼓勵使用「麵包屑」(Breadcrumbs)7以提高導覽的容易度。

� 除非是網站共通平台(Web directory)，否則均應在首頁提供網站地

圖。

6 關於 CSS(串接樣式表)請參考「附錄一、名詞解釋」。 7 關於麵包屑(Breadcrumbs)請參考「附錄一、名詞解釋」。

38

� 圖片或文字連結應與一般文字有清楚的差異。

� 頁面上連續的連結必須明確區隔。

對於導覽列的標籤用詞，規範如下 2點：

� 某些網站用詞已被廣泛接受，即應直接採用，勿自創新詞：如

Home、About Us、What’s New、Media Releases、Publications、

Search、Contacts、Useful Links、Site Map、Feedback與Help等。

� 標籤用詞應讓使用者知其意義。例如若要表示回首頁，就不應該

用click here，應明確地使用Home Page。

對於連至其他網站的導覽，規範如下：

� 若提供連至他站的連結時，必須明確告知使用者將離開目前的網

站。

� 連結至其他政府網站時，應避免連結至在頁框內開啟的網頁，因

為這會讓人以為這不是政府網站了。

� 若要連結至商業網站，則須依Cabinet Circular 0023條款辦理。

� 若有支持或贊助某商品，則須依Cabinet Circular 0023條款辦理。

(2)版面元素(Presentation Elements)

本規範限制政府網站使用頁框，因為頁框被視為不夠使用者友善。對

於字體的規定則參考知名網站學者 Jakob Nielsen的建議，規定如下：

� 不要使用絕對大小的字型，字體應使用一般字型大小，通常大者

為一般的 120%，小者為一般的 90%。

� 預設字體使用 10點字級，這是合理的大小，一般的使用者不需要

再手動調整。

39

� 若網站目標使用者是長者，就應該用較大的預設字級(至少 12點字

級)。

� 若可行，不要用圖片來表現文字，樣式表與文字按鈕不可使用任

何特效；若要使用圖片表現文字，則字級至少需為 12點，並應與

背景高對比。

對於圖片與色彩，本規範要求所有的政府網站必須遵循下列原則：

� 文字應與背景高對比，以確保在螢幕與列印在紙上均能良好呈現。

� 使用色彩時，應考慮到色盲使用者的情形。有關色彩的使用應參

照 Lighthouse International該 中 心 所 提 供 的 指 導 原 則

(http://www.lighthouse.org/color_contrast.htm)。

� 不可使用過多或過大的圖片，以確保連線速度較慢的使用者不會

花費太多時間下載網頁。

� 製作圖片時應使用標準格式，如GIF、JPEG或PNG格式。大幅GIF

圖片應以交錯式行列儲存以加快使用者開啟速度。

� 同樣的圖片應重覆使用，以加快下載速度。

� 圖片須提供有意義的Alt替代文字。

� 使用高度與寬度向度屬性，使圖片與文字能自動編排。

� 對於較複雜的圖片，應使用LONGDESC屬性，這屬性可連結到具

有圖片詳細敘述的頁面，視覺障礙者亦可閱讀。

� 在下載圖片時應先顯示文字。

對於動態圖片(Animation)的使用，本規範認為動態圖片是有用的，但

是要注意不可過度使用，否則會使讀者分心，無法好好閱讀內容，反而注

意了不重要的東西。除此之外，動態圖片具有下列好處：

� 隨時間變換插圖。

� 在同個位置顯示多重資訊。

40

� 豐富圖像的呈現。

� 表現三度空間的結構。

� 吸引注意力。

然而，本規範禁止政府網站使用鏍旋的、跳動的、閃光的動畫，因為

這些可能會觸發癲癇症。對一般使用者而言，這也會使得閱讀困難。同樣

地，對於動態文字的使用也必須遵循W3C規範的可及性原則。

(3)多媒體(Multimedia)

對於多媒體，本規範認為許多時候政府有需要提供音訊檔或影片檔，

然而澳洲大部份使用者仍沒有足夠的頻寬下載這些串流影片，或是沒有安

裝網頁外掛程式，造成無法讀取多媒體檔案的情形。政府網站若要提供多

媒體檔案，就一定要附有替代的方案，例如提供音訊的文字稿，有需要安

裝外掛程式時也一定要連結到安裝網頁。

對於在首頁前播放 Flash動畫者，該規範要求一定要明顯標出「略過」

(Skip)功能，以節省不想觀看的使用者的時間；網站設計者也應該知道使

用者進入政府網站是為了取得正需要的資訊或服務，而非前來觀看 Flash

動畫。

(4)設計編排(Design Layout)

關於設計編排，該規範規定如下：

� 應使用樣版或CSS(串接樣式表)8。

� 連 結 應 該 遵 循 政 府 品 牌 指 導 原 則 (Government Branding

guidelines)。

� 網站上的內容應該要簡明扼要，讓使用者容易閱讀。

8 關於 CSS(串接樣式表)請參考「附錄一、名詞解釋」。

41

� 格式應能隨螢幕解析度調整，以方便各種螢幕的使用者，以及PDA

或手機的使用者。

� 應使用標準或預設的字型，使大多數的使用者能夠存取，例如使

用Verdana、Times New Roman或Arial等字型。

(5)線上表單

本項認為政府於線上提供表單進行資料交換是未來必然的趨勢，表單

的使用應該注意：

� 表單必須容易填寫，且應有清楚的解說。

� 所有空格都應該清楚地標示，垂直的排列可增加可及性。

� 所有空格都應有足夠的空間，讓使用者易於回答。

� 錯誤或不完整的填答格式應該要能及早告知使用者。

� 在填答表單與傳送時應告知隱私權政策。

� 表單每次都應該包含具邏輯性的標籤順序(logical tab order)，以方

便使用者。

� 所有表單均必須先經過可及性測試。

雖然網站上已提供線上表單，但政府網站仍應該提供替代的方案，例

如提供文件檔讓使用者印出填寫，以郵寄方式完成服務，或是提供電話、

電子郵件地址等。

2.內容管理規範

南澳洲政府在「SA Government Website Standards」指導手冊中對網站

必須提供的內容有一些最基本的要求(Minimum Requirements)，分述如下：

(1)聯絡資訊(Contact Details)

42

政府網站中必須提供機關的實體服務地址、傳真號碼、電話號碼與電

子郵箱位址。而電子郵件地址必須以職責為基礎，而非以個人為基礎，以

避免人事異動造成信件無法正確送達。

(2)機關職責

機關網站應提供機關功能、服務及職責的簡要說明，並應提供組織結

構，並列明該機關的成立與執行所依據的法律。若是以事業或服務為導向

的網站則必須提供事業及服務的簡要說明，並能連結到所負責的機關網

站。

(3)站內搜尋功能

政府網站必須提供站內搜尋的功能以提升站內資訊的可用性與可及

性。搜尋結果應能包含網站內容與文件，如 PDF(可攜式文件)9檔等。

(4)免責聲明(Disclaimer Statement)

機關網站必須提供「Disclaimer」字樣，說明免責聲明，可以連結到

Central Government’s Disclaimer Notice頁面，或在站內自設說明頁，但須

經 Crown Solicitor’s Office認可。若是網站有處理電子商務事宜，則須提供

更多聲明，如「conditions of use」等。

(5)版權聲明(Copyright Statement)

機關網站必須提供「Copyright」字樣以說明版權，內容以©或(c)字樣

顯示，並含機關名稱與年份，例如：© Copyright, Department of Premier and

Cabinet 2004。

(6)隱私權聲明(Privacy Statement)

機關網站必須提供隱私權聲明的連結，聲明網站所蒐集到的使用者資

料均受到保護。

9 有關 PDF(可攜式文件)請參考「附錄一、名詞解釋」。

43

(7)網頁修改日期(Modification Date)

網頁修改日期應以完整格式表示，同時應包含於 Metadata內。

(8)詮釋資料(Metadata)

關於 Metadata，澳洲訂有 AGLS(Australian Government Locator

Service)，此規範為全澳洲必須共同遵循，AGLS 制定的 Metadata欄位共

19個，除參照 Dublin Core標準的 15個欄位之外，並另增 4個建議欄位。

這些欄位依必要性分為「必要」(Mandatory)、「有條件必要」(Conditional)

及「可選擇」(Optional)3種類型，列表如表 2-6：

44

表 2-6 澳洲政府網站Metadata規範(AGLS)

AGLS欄位 必要等級

作者(Creator) 必要

日期(Date) 必要

描述(Description) 必要

標題(Title) 必要

類型(Type) 必要

功能(Function) 必要(資源乃蒐集而來者、服務描述者、無議題欄位時使用)

議題(Subject) 必要(若無功能欄位時使用)

可取得性(Availability) 必要(供描述離線資源使用)

認可者(Identifier) 必要(供描述線上資源使用)

發布者(Publisher) 有條件必要(除服務描述外，其他皆必要)

使用族群(Audience) 有條件必要(若使用族群不是任何人時，即為必要)

涵蓋地區(Coverage) 有條件必要(若涵蓋地區不是整個澳洲時，即為必要)

語言(Language) 有條件必要(若資源所用語言不是英語時，即為必要)

提供者(Contributor) 可選擇

格式(Format) 可選擇

授權(Mandate) 可選擇

關係(Relation) 可選擇

權利(Rights) 可選擇

來源(Source) 可選擇

資料來源：Australian Government Implementation Manual: AGLS Metadata Version 2.0, National

Archives of Australia, May 2006

(9)法人資訊(Corporate Information)

所有機關均必須提供下列法人資訊：

� 文件資訊的取得方式，及進一步資訊的洽詢人員。

� 機關年報。

� 國會所提相關報告，與持續發布的出版品。

� 機關施政計畫。

� 機關決策的策略與準則，視公開的適當程度列出。

45

� 機關所發布的媒體資訊、演講稿及其他公開資訊。

� 主管單位的發布訊息應提供主管單位相關網頁的連結。

� 政府新開辦事務的詳細說明。

� 機關所提供的線上服務，均應提供連結。

� 公告事項。

� 對大眾的警告與建議。

(10)禁止內容

網站中不得刊登牴觸法律的內容，政治敏感議題亦不得刊登。

(11)關於私部門支持

網站中原則上不得連結任何非政府的內容，除非是有正式核可的贊助

支持者。

3.小結

澳洲政府對於版型規範乃提供原則性建議，並沒有要求每個政府網站

間的元素樣貌、元素尺寸、元素位置、字型、色彩等的一致性，所有的設

計只要思考可及性、可用性，並能展現該機關的屬性即可。對於內容管理，

澳洲政府有較明確的規範，不只詳細規範應提供的必要資訊外，也列有禁

止的內容。對於 Metadata，澳洲政府訂有比 Dublin Core更多的欄位，以利

於國內資訊互通，及檔案的保存。

(三)美國

美國政府入口網站 FirstGov中建有 Webcontent.gov，該網站對於全美

國的政府網站提供指導，本指導著重原則，就版型與內容管理而言，較不

嚴格規範；然而網站管理屬各州管理範圍，因此各州仍會對州內政府機關

另訂規範，但各州規範多參考Webcontent.gov，不會有所牴觸。

46

1.版型規範

美國的網站版型除由Webcontent.gov提供指導原則外，實際上需遵守

各州政府自訂的規範，以突顯各州版型的獨特風格。維吉尼亞州對其境內

政府網站即有非常明確的要求，以該州為例，該州 Virginia Information

Technologies Agency (VITA)對於版型規範訂有Website Standard，其中明確

規範版型與概略性的內容要求，分述如下：

(1)一般性版型(Common Template)

該州所有政府網站，除了特別許可外，均應使用維吉尼亞自治州版型

(the Commonwealth of Virginia Template)，所有網站皆可在大部分的瀏覽器

顯示，內容則須由各政府網站自行管理，且必須遵循 Standard and the

Virginia Information Technology Accessibility Standard (GOV103-00)。樣版的

編碼與規格均列於WATG網站：http://www.vadsa.org/watg/

(2)字型(Font Families)

字型只能選擇以下兩種：

� San-Serif: Arial, Helvetica, Tahoma, Verdana, and San-Serif

� Serif Group: Times New Roman, Georgia, and Serif.

(3)樣式表(Style Sheets)

所有網站均應套用樣式表，而不要使用表格，除非表格能完整地表現

內容條理；若表格不能有效地表現出條理，即應提供替代方法，務必使資

訊能夠線性地呈現。

(4)純文字網站(Text Only Site)

若機構備有純文字網站，則連結必須放置在版型的最上端，純文字版

本也必須與標準版本同時更新。

47

(5)頁框(Frames)

禁止使用頁框。

(6)略過導覽列(Skip Navigation Link)

由於網站導覽列會在每一頁重覆，本規範建議應提供略過導覽列的功

能，讓使用者不須每次都看到一樣的導覽列。

(7)網頁政策(Web Policy)

所有網站均必須至少連結下列的網頁政策宣告：

� 免責聲明(Disclaimer)；

� 使用伺服器寫入(Use of cookies)；

� 連結政策(Link policy)；

� 隱私權政策(Privacy policy)；

� FOIA(符合該州的Agency’s Freedom of Information Act)；

� 外掛程式(Plug-ins)：須有頁面提供外掛程式的頁面連結。

(8)錯誤訊息(Custom 404/Error Message)

當連結更新時，應使用「Custom 404/Error Message」通知使用者，並

讓伺服器能直新地重新連結至新網頁。

(9)搜尋引擎(Search Engine)

任一機關網站擁有只要超過 30 個以上的頁面就應提供搜尋功能，站

內搜尋的功能一律置於頁面右上角。

(10)頂端導覽列(Top Navigation Bar)

頂端導覽列必須是黑色的，且只能以文字方式包含下列的選項：

48

� 「CommonweAlth of Virginia」字樣，連結至www.virginia.gov，須

置於左側。

� 「Governor」字樣，須置於左側。

� 「Skip to Content」字樣(跳到內容)，須置於右側。

� 「Text Only Site」字樣(純文字版本)：此字樣僅供有純文字版本的

網站使用，須置於右側。

� 「Web Policy」字樣(網路政策)，須置於右側。

� 「Contact Us」字樣，須置於右側。

頂端導覽列的高度在預設值模式下不應超過 25 像素，但文字應使用

相對大小，允許使用者手動調整文字的尺寸。

(11)橫幅圖片(Banner Image)

若機關使用橫幅圖片，則高度不可大於 50像素，且應能在 1024寬的

解析度下自動調整其寬度。橫幅圖片中應包含完整機關名稱，並使用規定

的字型。

(12)連結路徑(Navigation Trail)

連結路徑(俗稱為麵包屑，Breadcrumbs)須一律置於橫幅圖片下，預設

模式下文字尺寸不得超過 25像素，且應允許使用者手動調整文字大小。

(13)網頁尺寸(Site Scalability)

網頁尺寸應能自動調整，以適合各種解析度，頂端導覽列、橫幅圖片、

連結路徑、內容與頁腳部分均不可使用絕對尺寸，應確保使用者在 800x600

解析度下不須捲動水平捲動軸即能完整觀看。

(14)內容區(Content Sections)

內容區的欄位由各機關自行決定，但必須能使用 800x600解析度觀看。

49

(15)導覽列連結數(Number of Navigation Links)

導覽列的連結數不該超過 12個，而且應該保持一致的導覽列。

(16)聯絡資訊(Contact Instructions)

首頁應能直接連結到「Contact Us」聯絡頁面，聯絡資訊至少應有：

郵寄地址、傳真號碼、電話號碼、長途免費號碼、電傳打字機號碼及電子

郵箱的連結。

(17)頁腳(Page Footer)

每頁均必須有頁腳，至少須列出下列資訊：

� 機關名稱

� 版權資訊

� 聲明遵守WAI的圖樣或文字

(18)電子表單統一存放(Central Repository of Forms)

機關的電子表單應統一存放於某頁面，並可由首面直接連結。

(19)例外(Exceptions)

維吉尼亞州的各政府單位均必須遵循以上所列各項規定，但下列情形

例外：

� 可下載的文件(Downloadable documents)

� 內部網路與外部網站(Internal intranet and extranet sites)

� 例外機關，包括：旅遊機關、圖書館、博物館、高等教育機構等。

2.內容管理規範

美國聯邦政府Webcontent網站對內容管理規範有原則性的規範，內容

分述如下：

50

(1)建立網站內容前應先分析網站的使用族群(Audience)，，，，方法包括方法包括方法包括方法包括：：：：

� 可用性測試與研究；

� 顧客滿意度調查；

� 焦點團體；

� 市場研究；

� 網站伺服器登錄研究(Web server logs)；

� 以電子郵件、電話、信件及其他聯絡方式與大眾保持接觸；

� 向其他網站的內容管理者請益；

� 分析搜尋資料；

� 善用商業產品提供網站拜訪者的統計圖表。

(2)對內容進行組織與分類(Organizing and Categorizing Content)

� 依據使用者需要組織網站內容；

� 建構一個好首頁；

� 使用一般性的內容、用語與配置；

� 使用一致的導覽；

� 不要重覆既有的內容；

� 管理連結；

� 應用Metadata；

� 避免在公眾網站上放置員工資訊。

以上各項Webcontent均提供詳細解說，其中，在「建構一個好首頁」

的解說內，對於必要提供內容有強制性的規定，且這些內容必須能直接由

首頁連結，必要提供內容有下列各項：

� 機關施政計畫與年度績效計畫。

� 機關組織架構、使用與依法執行的職權。

51

� 依據「資訊自由法案」所提供的資訊。

� 站內隱私權政策。

� FirstGov.gov的連結。

� 必須簡單統計該機關使用者報怨的數據，並且依「No Fear Act of

2002」宣告告發者的權利與保障。

� 依「Small Business Paperwork Relief Act of 2002」提供小型企業的

機構聯絡點。

� 依據法律或政策必須提供的跨政府部門入口網站或連結。

而在應用 Metadata的解說內，參考 Dublin Core標準，美國政府網站

至少「必須」編寫下列 6個 Metadata欄位：

� 標題(dc.title)

� 描述(dc.description)

� 作者(dc.creator)，可為人名或組織名

� 建立日期(dc.date.created)

� 修改日期(dc.date.reviewed)

� 語言(dc.language)

(3)撰寫網頁(Writing for the web)

依據「OMB Policies for Federal Public Websites」的要求，機關必須：

� 以及時、公正、有效且適當的態度向公眾宣傳資訊。

� 將網站所提供的資訊與服務的品質、目標、效用及整合性最大化。

(4)確保內容為最新狀態(Keeping content current)

(5)網站內容與資料歸檔(Archiving content and web records)

52

(6)管理特定類型的網站

此項規範機關管理如右類型網站的建議做法：跨機關網站、內部網

站、合作夥伴與受讓人的網站、線上交易網站、西班牙文與其他語言網站。

(7)內容管理系統

3.小結

美國各州政府多要求境內機關必須遵照聯邦政府所訂之內容管理規

範，尤其是依據法案制定的必要內容更是必須遵循，但對版型則另有各州

的規範，例如上文的維吉尼亞州便制定相關規範以維持該州的一致性風

格，其他各州亦是如此。

(四)香港

1.版型規範

香港研究指出，香港的政府網站使用者與政府服務提供者有共識，一

致性的外觀與感覺(Common Look and Feel，以下簡稱 CLF)是建立政府品

牌印象的第一步。但政府部門的網站內容提供者也指出他們希望網站能保

有某些部門化的識別(Departmental Identity)，並能決定要提供那些資訊及

如何呈現，他們的機關網站大概每 2至 3年就會改版一次；與政府相關的

組織也指出，不應該給政府網站給太多的強制。

為了建立一致性的政府網站的一致性品牌印象，香港政府從使用者觀

點改善了導覽列與資訊呈現方式，使市民更容易找到他們想要的資訊，CLF

的設計如圖 2-5、圖 2-6所示。這些設計同時考量了導覽的易用程度，迎合

現存的網頁設計方式、執行難度及政府的形象，及個別政府單位所期盼保

有的個別特色。

香港工商及科技局所制定的版型有以下重點：

53

� 使用一致的香港標誌、HKSARG標誌、部門標誌，以推廣HKSARG

這個線上品牌。

� 每個政府網站皆有繁體中文、簡體中文及英文版本，並有純文字

版的選擇，特別希望便利海外的使用者。

� 每個政府網站可保留其部門標誌，並可自由選擇背景及圖片的設

計，以展現部門化的識別。

資料來源：Legislative Council Panel on Information Technology and Broadcasting/ Common Look

and Feel for Government Websites, Information Technology and Broadcasting Branch Commerce,

Industry and Technology Bureau November 2002

圖 2-5 香港政府網站歡迎頁規範

54

資料來源：Legislative Council Panel on Information Technology and Broadcasting/ Common Look

and Feel for Government Websites, Information Technology and Broadcasting Branch Commerce,

Industry and Technology Bureau November 2002

圖 2-6 香港政府網站一般頁面規範

根據「香港電子政府」網站 (http://www.info.gov.hk/digital21/e-gov/

ch/init/clf.htm)宣稱，香港政府從 2003年初向各政府決策局和部門正式公

布 CLF措施，並就引入統一的「外觀與風格」標準制訂指引，又備有網頁

設計範本，供各決策局和部門在其公眾網站內使用。上述指引和範本已顧

及多方面，包括令瀏覽更便捷，能靈活地配合各決策局和部門現時採用的

各款設計、實施工作、政府形象，符合現實的標準，以及讓個別決策局和

部門保留本身的特色。所有政府部門網頁必須引入統一的「外觀與風格」

標準，而各主題式或專題網站則可彈性處理。

香港政府曾於 2003年 11月至 12月間進行意見調查。調查結果顯示，

在 2,400名受訪者中，超過 9成同意統一的「外觀與風格」網站設計有助

推廣政府網站的品牌形象，加強使用者的信心，令瀏覽政府網站更為簡單

便捷，以及使資料的編排更加一致和更易於搜尋。

55

2.內容管理規範

對於各政府網站建議提供的內容與其內容架構，香港政府訂如表 2-7

的規範，但僅為建議，並非完全強制。

表 2-7 香港政府網站建議提供內容與架構

第 1層 第 2層 建議內容

首頁 連結至首頁

最新消息

歡迎詞

組織結構 主管單位、組織圖及詳細內容

抱負和使命 機關的願景、使命及價值聲明

政策大綱

關於我們

服務承諾 服務承諾與已達到的程度

刊物 年報、研究報告

諮詢文件

新聞公報

刊物及新聞公報

重要演辭及資料

公開資料守則

可提供的資料一覽表 出版品或可提供的資料清單

按類別劃分的資料一覽表 大眾可能需要的資料，依類別列出清單

公開資料

查閱非按慣例公布的資料的

程序及收費

提供欲取得未公布的資料的申請表

公共服務 機關提供的服務 服務列表

公用表格 電子表單及表單下載 所有會用到的公用表單

電子服務

招標公報

相關政府機構 相關網址

相關網站

資料來源：Legislative Council Panel on Information Technology and Broadcasting/ Common Look

and Feel for Government Websites, Information Technology and Broadcasting Branch Commerce,

Industry and Technology Bureau November 2002

56

雖然表 2-6的規範僅為建議，然而大多數的政府網站將表中單元視為

基本提供項目，其他資源則以增加導覽項目的方式歸類內容。

關於 Metadata，香港政府並無要求各政府網站必須編寫的必要欄位，

僅有部分政府網站因業務需要自行編寫。

3.小結

香港對版型一致性的規範訂有基本的規定，在 2003年開始實施後，

全香港政府機關已完全遵照辦理，使香港成為全球政府版型最一致的地

區；對於內容管理，香港政府提供最明確的建議架構與內容，雖然只是建

議，但各機關已將其視為「必要提供項目」，惟仍保有可另行提供內容的

空間，香港的推行亦值得本專案思量。

(五)國外政府網站研究總結

建立一致性的版型與內容管理規範已是先進國家達成確保服務品

質、行銷政府服務品牌的最佳途徑。然而由以上各國的探討可發現，各國

政府規範的範圍與明確程度並不一致。

就版型而言，加拿大有著全球最統一的網頁元素，這些元素有著一致

的色彩與尺寸；香港的嚴謹程度居次，在色彩上允許各機關有各自的呈

現；美國的版型並沒有聯邦政府的明確規範，然而各州政府則希望透過全

州一致性的規範來呈現以州為中心的精神，如上述維吉尼亞州、華盛頓州

等，均提供了樣版供機關套用。這些版型的要求，有的只是原則性，有的

則是明確規範了各元素的詳細要求。關於版型的要求，本專案無法指出那

一個國家為最佳實務，因為各國國情不同，因此，要制定適合我國政府網

站的規範，仍須考量本國國情。然而各國依據可及性、可用性、法律要求、

國家政策等的網站規範精神則是本專案應該納入考量的。

57

就內容管理而言，各國的規範範圍也並不一致。加拿大只提出資訊管

理須注意的事項，要求政府網站以資訊生命週期的思考，落實各政府網站

的策略目標；澳洲與美國則有完整的必要提供內容之要求，惟這些要求有

些是受制於該國法案的影響，有些項目為該國獨有的，例如美國對於網站

即要求要提供中小企業的連結點，而澳洲則較秉持行政中立原則，限制了

網站連結至私部門的內容。香港的內容管理更為硬性，已經將內容的架構

方式，必要提供的資訊分門別類了，對於各機關而言，不須再另行思考如

何歸類，不只版型具一致性，連內容也具一致性。

各國對於 Metadata的要求也不一致，加拿大基本要求 5個欄位，美國

基本要求 6個欄位，澳洲則多達 19個欄位。

關於必要提供內容、Metadata的制定，也一樣要考量本國國情，以及

可執行性，才有利於本專案提出最佳規範。

58

參、國內外政府網站調查研究

國內外網站評鑑的方向大多包含以下幾個類別，即 1.內容(Content

Availability)、2.可用性(Usability)、3.無障礙(Accessibility)、4.線上服務

(Online Services)、5.互動性(Interactivity)，與 6.安全性(Security & Privacy)。

10本專案為了提升政府機關整體網站品質，在制定研究方法時，也以這幾

個角度為出發點，並特別著重「可用性」與「內容」這二個向度來研究版

型與內容管理。

在國內政府網站研究方面，本專案針對國內中央政府、縣市政府各機

關的各類型網站做普遍性的網站調查。並挑選 23個政府網站做深入研究，

以了解當前國內政府網站的版型、與內容現況。政府網站挑選原則如下：

� 94年行政機關網站評獎推薦網站優先考慮(該年得獎名單如下頁表

3-1)11：由於得奬網站符合國內評獎指標，因此具有指標意義，分

析這些網站有助了解國內網站的版型與內容管理趨勢。

� 中央各屬性之機關網站：鑑於行政機關網站評獎推薦網站未涵蓋

各屬性，為擴大本專案規範的適用性，另挑選中央各屬性機關網

站做為研究標的，如戶政、統計、外交、地方公共行政、醫療、

法律、觀光、教育研究、廣播、藝術等。

依上述原則，23個政府網站如下頁表 3-2所示。

10 行政院研考會《全面提升政府網站服務品質專案—對政府網站評鑑的研究》，民 94。 11 詳細得獎名單請參考「行政機關網站評獎」http://www.a-site.nat.gov.tw

59

表 3-1 94年度行政機關網站評獎推薦入口網站名單

組別 機關/單位名稱 網址

行政院內政部 http://www.moi.gov.tw/

行政院公共工程委員會 http://www.pcc.gov.tw/

行政院國家科學委員會 http://www.nsc.gov.tw/

行政院農業委員會 http://www.coa.gov.tw/

法務部 http://www.moj.gov.tw/

國立故宮博物院 http://www.npm.gov.tw/

國防部 http://www.mnd.gov.tw/

第一組

機關入口網站

經濟部 http://www.moea.gov.tw/

宜蘭縣政府 http://www.e-land.gov.tw

雲林縣政府 http://www.yunlin.gov.tw/

台北縣資訊服務站 http://www.tpc.gov.tw/

第二組

縣市入口網站

台南縣政府 http://www.tncg.gov.tw

三軍總醫院 http://www.tsgh.ndmctsgh.edu.tw/

國防部軍醫局國軍臺中總醫院 http://www.803.org.tw

第三組

醫療網站

行政院衛生署臺南醫院 http://www.tnhosp.gov.tw

資料來源：http://www.a-site.nat.gov.tw

60

表 3-2 國內政府網站調查表

標號 機關層級 機關名稱 網站網址

1 *行政院內政部 http://www.moi.gov.tw/

2 *行政院公共工程委員會 http://www.pcc.gov.tw/

3 *行政院國家科學委員會 http://www.nsc.gov.tw/

4 *行政院農業委員會 http://www.coa.gov.tw/

5 *法務部 http://www.moj.gov.tw/

6 *國立故宮博物院 http://www.npm.gov.tw/

7 *國防部 http://www.mnd.gov.tw/

8 *經濟部 http://www.moea.gov.tw/

9 外交部領事事務局 http://www.boca.gov.tw/

10 內政部戶政司 http://www.boca.gov.tw/

11

中央政府入口

中華民國統計資訊網 http://www.stat.gov.tw/

12 *台北縣資訊服務站 http://www.tpc.gov.tw/

13 *雲林縣政府 http://www.yunlin.gov.tw/

14

地方、公共行政

花蓮縣玉里鎮公所 http://www.hlyl.gov.tw/

15 *三軍總醫院 http://www.tsgh.ndmctsgh.edu.tw/

16

醫療

*國防部軍醫局國軍臺中總醫院 http://www.803.org.tw

17 經濟部智慧財產局 http://www.tipo.gov.tw/

18

法律司法

立法院全球法律資訊網 http://glin.ly.gov.tw/web/

19 交通部觀光局雲嘉南國家風景區 http://www.swcoast-nsa.gov.tw

20

觀光旅遊

陽明山國家公園 http://www.ymsnp.gov.tw/

21 教育研究 國家圖書館 http://www.ncl.edu.tw/

22 廣播 RTI中央廣播電台 http://www.rti.org.tw/

23 藝術人文 高雄市立美術館 http://www.kmfa.gov.tw/

註：以*標示者，為 94年度行政機關網站評獎推薦網站

資料來源：本專案整理

61

一、國內政府網站調查

(一)網站版型研究分析

根據 94 年度行政院研考會委外案《全面提升政府網站服務品質專

案》，所網站可用性包含：分類架構、導覽動線、首頁格局、檢索搜尋、

網頁版面設計、無障礙存取等等。除了無障礙存取之外，我們以可用性為

基礎，檢視版型的共有頁面配置、網頁設計元素、導覽、重要工具等等，

指標如表 3-3，進行各網站的調查分析。

表 3-3 網站版型調查表

大項 中項 細項

1.1下載速度 1.1.1下載時間調查

1.2.1頁面寬度多少

1.2.2流動式或固定式頁面

1.2.3頁面長度多少 1.2頁面基本配置

1.2.4是否使用框架

1.3.1網站標誌 1.3網頁設計元素

1.3.2搜尋呈現方式

1.4.1主導覽區位於什麼位置

1.4.2底端導覽區含有什麼元素

1.4.3內容的分類方式與導覽列的依據

1.4.4網站地圖位置與呈現方式

1.4導覽

1.4.5是否有路徑連結列

1.5.1是否有轉介網頁

1.5.2是否有片頭網頁(Splash Pages)

1.5.3是否有會員登入

1.5.4是否有關於我們

1.5.5是否有聯絡資訊

1.5.6是否有隱私權原則

1.版型設計

1.5常用工具

1.5.7是否有說明(HELP)

62

1.6.1圖片呈現是否清楚

1.6.2是否加上 ALT 替代文字 1.6圖片與多媒體

1.6.3多媒體呈現是否清楚、下載速度如何

1.7.1字型大小，相對或是絕對大小

1.7.2內文與背景顏色是否有高度對比 1.7字型

1.7.3連結樣式：是否將可連結、已拜訪過的連結以顏色

區隔

2.1中文版 2.1.1列出中文版網站第一層的內容架構 2.網站架構

2.2英文版 2.2.1列出英文版網站第一層的內容架構

3.1搜尋 3.1.1搜尋的整體介面

3.2常見問答集 3.2.1常見問答的整體介面

3.3部長信箱 3.3.1部長信箱的整體介面

3.4網站地圖 3.4.1網站地圖的整體介面

3.5路徑連結列 3.5.1路徑連結列的呈現

3.其他工具

以下列出其他的工

具

資料來源：行政院研考會《全面提升政府網站服務品質專案》，民 94。

1.調查結果

本專案以表3-3的指標對國內23個政府網站進行調查，結果如下所述：

(1)版型設計

� 下載速度：均能在 10秒鐘之內下載完畢。

� 頁面基本配置：大部分為 800*600解析度，少數使用 1024*768解

析度，頁面高度大部分在 2-3個螢幕高，少數超過。

� 網頁設計元素：各網站大部分均有識別標誌與搜尋。

� 導覽：大部分網站均有可用的導覽系統。然而某些網站未使用路

徑連結列，無法明確標明網站所在的階層，未能告知使用者目前

的位置。大部分的主選單位在版面左方，次選單為點選展開式。

63

� 常用工具：各網站大部分均有識別標誌、網站地圖、常見問答集、

搜尋、頁尾聯絡資訊、路徑連結列、資安宣告與隱私權聲明。少

數網站有說明(Help)、會員登入等。

� 圖片與多媒體：

� 大部分網站都使用清晰的圖片，偶爾會有不清楚或檔案過大

的圖片。

� 大部分網站都有加上Alt文字說明。

� 大部分首頁都使用許多廣告。

� 字型：

� 大部分網站的字型都清晰可見。

� 大部分網站的字型為固定大小。

� 大部分網站的並未將文字標示已拜訪過、未拜訪過。

(2)網站架構：此部份是調查網站的第一層內容架構。

� 中文版：網站架構有些雜亂，並未有一定的分類方式。

� 英文版：偏向靜態內容，內容較中文版少。

(3)其他工具

� 搜尋：大多數具有簡單搜尋，但進階搜尋說明頁面複雜難懂。

� 常見問答集：大多數具有分類瀏覽的介面，少部份可以搜尋。

� 部長信箱：機關入口網站大多有設置此功能。

� 網站地圖：大部分網站都能夠呈現網站階層。

� 路徑連結列：僅有部分網站有，但呈現方式不一。

2.綜合評析

(1)網站整體介面活潑而花俏

64

國內網站大體上來說，呈現出多元、活潑、介面設計完整的特色。反

觀國外政府網站，大多以工整、簡單為特色，沒有太多的圖形以及多媒體

設計。

(2)網站使用介面不一致

大體來說，國內網站的介面已經十分完整，然而由於各機關各自建立

網站，因此使用者介面互異，元素缺乏整齊度。

(3)介面可用性不足

各網站多具備搜尋、互動、申辦的功能，然而由於大多數網站不重視

使用者經驗，因此如常見問答、全文檢索、民意信箱、線上申辦、加入會

員等功能，可用性不強，可應加強改善。關於介面可用性不足的問題分述

如下：

� 搜尋不易：某些使用者進入網站第一件事就是直接使用搜尋功能

來尋找資訊，某些使用者則是在找不到資訊時才會使用搜尋功

能。不論哪一種，搜尋功能都是網站的重要一環。然而有時候搜

尋不到結果、搜尋結果太多、搜尋結果不符合等情形都會降低使

用者的意願。

� 表單使用不易：要求使用者輸入資料，如會員註冊、民意信箱等

時，若要求填寫的資料太多，容易造成使用者的不耐。若表單介

面設計不良，未做好檢查機制，則會增加使用的困難度。

� 閱讀不易：字體使用不適當、文字太小或顏色不清楚、行距過小

等排版上的問題都會降低易讀性。文字專業術語過多、說明不夠

清楚等等，也會降低使用者的閱讀意願，增加使用者的困擾。例

如國內許多政府網站雖然掛有無障礙標章，但實際上內頁文字使

用絕對大小，使用者無法自己調整大小，網頁設計也不適合在

800*600解析度的環境下閱讀，對於視力低落者而言仍障礙重重。

65

(二)網站內容研究分析

為了解國內政府機關網站整體的內容提供現況與內容品質，本專案參

考了 94年度《全面提升政府服務品質專案──對政府網站評鑑的研究》，12該

研究案所提出的「新修正之政府網站評鑑指標」中，共有 6個指標大項，

本研究案取其中「網站內容」、與「安全與隱私權保護」二大指標，訂定

本專案的內容單元與欄位調查，如表 3-4所示。

12 該研究案由台灣資訊智慧財產權協會所執行，宗旨在改善目前國內的政府網站評鑑指標。因此該研究案

廣泛研究了國外相關評鑑指標，並且研究國內現況，而制定出「新修正之政府網站評鑑指標」。所參考的國

外指標如下列：(1)布朗大學的評鑑指標及量尺、(2)全球百大市政府網站調查、(3)美國國會網站評鑑指標、

(4)聯合國「全球電子化政府能力調查」共 4個。

66

表 3-4 內容單元與欄位調查

單元名稱 第二層 單元名稱、欄位與路徑

最新消息 調查該單元的名稱、單元欄位、與

原網站所在路徑

新聞稿 同上

活動訊息 同上

組織架構 同上

業務執掌 同上

沿革 同上

重要人事 同上

重要事件 同上

機關介紹

下屬機關介紹 同上

各項業務說明 同上

施政方針 同上

法規資訊 同上

統計資料 同上

主管業務

出版品 同上

機關基本聯絡資訊 同上

各業務承辦單位及聯絡方式 同上 機關聯絡資訊

機關服務時間 同上

上層機關或下屬機關網站 同上

機關業務相關之網站 同上 相關連結

政府入口網 同上

常見問答 同上

網站資訊安全政策 同上 安全與

隱私權保護 網站隱私權政策 同上

民意信箱 同上

討論區 同上

線上民意蒐集 同上

註：本案乃針對政府機關網站內容作一規範，故網站內容評鑑指標中 1-4 資料庫存取及資料互

通性與 1-5內容更新與維護，兩指標中項不列入調查之項目。

67

由於政府網站評鑑已執行多年，加上無障礙網路空間服務的推行，使

得政府網站已提升至一定的水平。然而透過調查發現尚有些問題需做調整

與改進。問題如下：

單元名稱不明確

此類問題包括下列 2種：

� 選項按鈕的名稱讓人困擾：例如「問卷調查」這個功能名為「縣

政論壇」，使用者看到該名稱並不理解此項目的功用。

� 選項意思相近或重複：例如「為民服務」與「服務指南」這二個

單元所提供的資訊都是機關服務說明與項目，但因選項名稱意思

過於接近，會讓使用者不知道應該選擇哪一項。

此問題易造成民眾找尋資料費時或找不到資料。如經濟部智慧財產

局，該單位將機關介紹資訊放置在為民服務單元中，歸納的單元有別於一

般習慣，民眾需猜測或嘗試點選後才能了解該資訊放置在此單元中。

68

資料來源：http://www.tipo.gov.tw/ ；拜訪網站時間：民國 95年 10月。

圖 3-1 經濟部智慧財產局的單元名稱分類方式

2.網站架構不具邏輯性：

具有邏輯性的分類可以讓使用者快速地找到所有的資訊，反之，較不

具邏輯性的分類方式，則會讓使用者「猜錯」，而進入錯誤的頁面，必須

回首頁或回上一頁，再繼續點選兩三次，才能找到所指派的單元。例如「統

計資訊」的資訊通常為業務核心資訊，而雲林縣政府網站卻將它放在「尋

根家鄉」分類之下，會造成使用者不易找到的情形。

由於一般使用者對於政府的分工與作業機制並不清楚，因此在網站架

構上網站設計人員應以使用者的知識背景著想，而非單純以政府組織的分

工來設計。例如「常見問答」若以各單位名稱作為分類瀏覽的機制，是相

當具有邏輯性且不會重複的；然而「國宅承購」服務由「城鄉發展」單位

所承辦，大概只有在該機關上班的人才會知道。

69

3.必要提供內容不完整

此問題易造成使用者雖然知道資訊應在的單元，但實際上卻無法從單

元頁面取得想要的資訊。如國家圖書館，在組織職掌單元中，內容僅提供

組織單位名稱及重大事件，並未提供各單位負責之業務說明。然而，對於

為民服務的政府機關而言，讓民眾清楚知道機關內的職掌情形是基本的權

益，組織職掌的內容提供在各國內容管理規範中也被視為必要提供內容，

該網頁會讓使用者無法了解國家圖書館的職責範圍，若使用者要事務欲聯

絡相關單位也會不知道該聯絡那個單位。

資料來源：http://www.ncl.edu.tw/introduce/intro_1.asp；拜訪網站時間：民國 95年 10月。

圖 3-2 國家圖書館「組織職掌」網頁

4.民意蒐集的功能需檢討

電子化民主機制的理念近年來頗為熱絡，但觀察國內政府網站的情形

則發現，這些民意蒐集功能多半無人力經營。討論區、留言板、以及問卷

調查是最普遍的電子化民主機制。然而這些開放式的單元，因為無人力維

護，而導致民眾提出的問題無人回覆，或是胡亂的發言充斥其中。僅有「民

70

意信箱」，由於建立了明確的處理流程，是使用者認為較具意義的工具。

當然政府網站不乏經營成功的討論區，然而這些成功經營的網站不外乎委

外經營，或聘請專家回覆；政府單位自身經營的成功的案例少之又少。

71

二、國外政府網站研究

為分析世界政府網站領導國的版型一致性與內容管理規範議題，本研

究將版型及內容管理分為不同項目分別探討。在版型方面，分為元素樣貌

一致性、元素位置一致性、色彩一致性、欄位一致性、頁寬與解析度一致

性、圖文比例一致性、網站單元名稱一致性等。在內容管理方面，則分為

必要提供內容、內容共通性等。所選國家涵蓋美國布朗大學政府網站評鑑

的前幾名國家，包括韓國、新加坡、加拿大、美國、英國、澳洲、香港等

（2006年台灣排名第 2）。

(一)版型一致性

上述國家中，加拿大、香港、美國、澳洲等已由政府推動版型的一致

性，但程度亦有所不同，加拿大、香港的落實已相當徹底，澳洲、美國則

正在推動當中，其他國家則與台灣的情形一樣，不同政府單位的網站均委

由外部廠商建立，各自呈現不同風貌，但近年來也已產生一些變化，出現

一些一致性的現象，例如部分一致的網頁元素與其一致的位置。

1.元素樣貌一致性

加拿大是網頁使用元素樣貌一致性規範最詳細的國家，由加拿大秘書

基金會提供建議的網頁元素，供網站設計者使用，因此加拿大的政府網站

均呈現一致的風格，尤其是一級機關。這些元素包括左上角的國旗、機關

名稱（一定列有英文、法文兩種名稱），右上角的國家名稱，以及橫列在

其下方（網頁正上方）的一般性功能列，項目包括：「英／法語轉換」、「聯

絡我們」、「協助」、「搜尋」、及「加拿大入口網站」。如圖 3-3所示：

72

資料來源：http://www.dec-ced.gc.ca/、http://www.pch.gc.ca/index_e.cfm；拜訪網站時間：民國 95

年 12月。

圖 3-3 加拿大元素樣貌的一致性設計

澳洲的政府網站亦有些相同的網頁元素，即其網頁左上角都放置了國

家的標誌，而各機關名稱則是以白色字體列出，如圖 3-4所示。除加拿大、

香港、澳洲、美國部分州政府外，其他國家則因政府並沒有這些規定與推

動，因此多數網站缺乏一致性的元素。

73

資料來源：http://www.affa.gov.au/、http://www.dcita.gov.au/；拜訪網站時間：民國 95年 12月。

圖 3-4澳洲網站的一致性設計

不過，有些國家開始將其政府入口網站當做網站的共通元素，各國建

立政府入口網站即是為了解決內容管理分散問題。政府資訊與服務分散在

各處，不只是網站的問題，主要原因乃是來自龐大的政府分工體系，但對

於不熟悉政府作業的民眾而言，若要能準確在為數眾多的網站中找到想要

的資訊或服務，則需要不斷地猜測及試誤，然而這過程已造成民眾時間的

浪費與政府服務品質的低落，為改善此情形，電子化政府領先國家均建構

政府入口網站，例如英國的 DirectGov、新加坡的 SinGov、美國的 FirstGov、

74

加拿大的 Canada.gc、香港的「政府資訊中心」等，正如同我國也因網站發

展下的需求建立了「我的 E政府」一樣。

在新加坡，但一些重要單位，例如一級機關（Minister）的網站已將

SinGov的標誌放置在每個網頁的右上角，這讓本來紊亂的政府網站擁有了

共同的形象。如圖 3-5所示：

資料來源：http://app.mof.gov.sg/index.asp、http://www.mindef.gov.sg/imindef/home.html；拜訪網

站時間：民國 95年 12月。

圖 3-5新加坡的共同元素—政府入口網站 SinGov

英國的情形也是，DirectGov與新加坡的 SinGov同被視為迅速滿足民

眾需求的最佳途徑，因此各政府網站也樂於將此標誌置於網頁中，只是在

英國，DirectGov被使用的標誌與位置並不一致。但仍由此可知，電子化

75

共通平台占有重要的服務角色，而其影響力愈大者，愈能帶動其他政府網

站具有此一元素的一致性。

2.元素位置一致性

雖然大多數國家並沒有對機關標誌的位置做規定，不過世界各國多將

標誌放於左上角，這主要是受了人類習慣影響所致。加拿大的一般性功能

列原則上是置於正上方，不過亦有些單位網站將基本列置於右上角，看得

出來雖然規範嚴格，但實行起來並不是如此地一致。加拿大因為已將共同

元素放置於上方，因此該國的導覽列全部都位在左方。導覽列放在左方也

是一般人使用的習慣，根據研究，左方導覽列能讓使用者最快找到資訊，

其次是上方，右方效果不佳，下方效果則最差。前所提及的新加坡一致性

元素一律置於右上角，位置統一的好處是更加強化了該國共通平台的地

位，讓民眾的資訊搜尋更為快速。

3.色彩一致性

雖然加拿大政府大力推動版型的一致，但該國的網頁色彩則是保有彈

性，並允許使用圖片呈現該網站的特色，對於色彩的規範，南澳州政府於

「SA Government Website Standards」規範中指出：「背景色彩的使用必須

與文字有高對比，讓使用者能清楚閱讀」。

其實，大多數國家的政府網站皆會依其屬性而有不同的色彩訴求，例

如新加坡的環保署便與台灣環保署使用的色系非常相近，偏好以藍、綠等

大自然色系包裝網站；英國健康類的政府網站也傾向使用果色系，如橙、

綠做為主色調；大多數國家的政府藝術機關，為了呈現藝術感，用色亦均

經過考究，以符合該網站的屬性。而韓國則是色彩使用最活潑的國家，各

政府網站的頁面均是全彩的，並以活潑的圖案、動畫包裝網站，如圖 3-6

的韓國教育部網頁。色彩是美術設計展現識別與特色的設計要素。

76

資料來源：http://www.moe.go.kr/；拜訪網站時間：民國 95年 12月。

圖 3-6 韓國教育部網站首頁

4.欄位一致性

世界各國政府網站的欄位均採二欄式或三欄式，端視其資料多寡及提

供的連結通道而定，並無一致性。

77

5.頁寬與解析度一致性

大多數的國家政府網站採 800*600解析度，以滿足此種解析度及更高

解析度，如 1024*768解析度的使用者。韓國的情形較為特殊，大部分的

政府網站均採 1024*768解析度，若以 800*600解析度觀看，則必須捲動

水平捲軸，十分不方便，這可能是韓國顯示器產業較為發達，設備更新速

度較快之故。韓國是眾多國家中，網頁技術使用最趕流行、使用最多的，

例如彈出視窗、Flash動畫、Javascript的使用等。韓國的網頁呈現方式可

能可以滿足該國大多數民眾的偏好，但對於無障礙理想的達成上，就必須

更加注意，例如 Flash動畫應該不需滑鼠也能夠操作，動畫的設計應該避

免閃光及跳動等特效，以協助身心障礙者順利閱讀。

加拿大的網站解析度與韓國恰好相反，有許多是採用台灣已很少人使

用的 600*480解析度，這種解析度以 800*600解析度觀看，螢幕右邊仍有

一大塊的留白，若以 1024*768解析度觀看，則螢幕則只用掉一半多一點，

右方是將近半個螢幕的留白；也許是加拿大螢幕更新速度較慢之故，使網

頁解析度出現這種情形。

若以 1024*768解析度觀看，有些頁面靠螢幕左方對齊，有些則置中，

各國皆有這種情形，十分不一致。

6.圖文比例一致性

大致而言，歐美國家網頁均是以文字為主，較少使用圖片，這種情形

以英國最為如此，整個頁面幾乎都是工整的文字，頁面感覺較為乾淨俐

落。其他如美國、加拿大等圖片使用同樣不多，更沒有以繪圖物件點綴畫

面的習慣。圖 3-7是英國的政府入口網站 DirectGov的頁面：

78

資料來源：http://www.direct.gov.uk/Gtgl1/GuideToGovernment/fs/en；拜訪網站時間：民國 95年

12月。

圖 3-7 英國政府入口網站 DirectGov的內頁

韓國則是另外一個極端，頁面主要分類、主要連結項目前均會加上小

圖示，整個頁面看起來非常豐富。韓國也是動態圖片、動態廣告、Flash

動畫使用最頻繁的國家，幾乎每個政府網站的首頁都有使用到，他們喜歡

以動畫方式做政令的宣導，這種情形與台灣、日本類似，相較之下，歐美

國家較無此情形，這主要是受不同國家民情影響。

圖文比例在各國政府網站存在著一些一致性，不過這些一致性主要原

因是導因於各國的文化，而非政府的規範。

79

7.網站單元名稱一致性

世界各國政府網站的首頁找不到任何二個網站的單元名稱是完全一

致的，即使是版型具有一致性的加拿大亦然，加拿大的頁面上方具有一些

共通元素，如前所提及的「英／法語轉換」、「聯絡我們」、「協助」、「搜尋」、

及「加拿大入口網站」等，不過這些元素與該政府網站資訊較無關係，網

站資訊的分類主要歸類在左方的機關導覽列中，而機關導覽列的單元命名

主要反應該政府網站的資訊內容。

世界各國的導覽列單元分類方法大致具有一定的原則：主要依其職掌

或議題分。例如，各國國防部均依海軍、陸軍、空軍等分類，教育部均依

小學、國中、高中、高等教育、技職教育等分類，環保部門則依水、空氣、

資源回收等分類，這種情形尤以一級機關最為典型，而這種分類方式非常

符合使用者的習慣，也是分類的好方法。使用英語的國家政府網頁有一個

共通的單元名稱：「A-Z index」，這個單元非常方便使用者找到想尋找的資

訊；然而韓國、台灣等非英語系國家則較不適合這個單元，但韓國的英文

版型則有這個單元，以配合外國人的使用習慣。

對於使用者而言，不同政府網站具有不同的單元名稱是很正常的，使

用者也一定會預期國防部的首頁會有海軍、陸軍、空軍等選項，對於其他

政府部門亦然。因此，將單元名稱全然規定為一致的方式並不符合現實需

求。然而，有些選項名稱卻是各政府網站普遍使用的，如「A-Z index」、

「Publications」、「About us」、「news room」等，就屬性上來看，這些是屬

於共通性的資訊。一個實務上的建議是，屬於部門職掌，並符合一般使用

者對該政府單位所掌管認知者，適合用簡單的分類來命名，例如，國防部

網站中的海軍、陸軍、空軍等，這些分類方式雖然每個政府網站都不一樣，

但卻符合使用者的預期心理；其他部分則適合用共通性的名稱，以避免使

用者重新適應每個網站的不同之處。

80

就英語使用國而言，單元名稱通常較為一致，這是由於英語字彙使用

上的特性，中文字可以用四個字表現出很豐富的意涵，且完全不占網頁空

間，但英文的特性習慣以單一字彙或簡單的習慣說法來表現。因此，使用

英文的各國政府雖然沒有明確規範，但各個政府網站的單元名稱卻是普遍

一致，甚至不同國家間也有一致的情形，如新加坡與英國、加拿大、美國

等政府網站所使用的共通性單元名稱也具有一致性。本專案建議台灣的英

文版型也應延用這個使用習慣，勿自創特殊單元名稱，以便利外籍人士。

8.其他版型議題

韓國是眾多國家中，少數偏好採用彈出視窗的國家，許多政府網站的

首面都會使用彈出視窗，內容為最新資訊，或最新的政令宣導，這種方式

容易吸引使用者的特別注意，過去台灣的網站也經常使用。不過，目前許

多瀏覽器或網頁工具列（Toolbar，如 Google toolbar、Yahoo toolbar等）均

為了方便使用者，而有禁止小視窗彈出的功能，以防止不必要的廣告與病

毒。韓國政府網站的這種方式並不符合未來的瀏覽習慣。

在使用 Alt 替代文字方面，歐美國家的使用較為普遍，亞洲國家如韓

國、新加坡則較不常使用，無障礙的落實觀念較為不夠，而韓國使用過多

Flash的做法可能也會造成視障使用者閱讀上的困難。

(二)內容管理規範

本專案調查政府網站領先國，發現已有一些國家重視政府網站內容提

供的品質，並自 2002年起開始研擬相關規範，這些規範包括紐西蘭政府

的「New Zealand Government Web Guidelines」、英國政府的「Quality

Framework for UK Government Website Design: Usability issues for

government websites」、澳洲南澳政府的「 SA Government Website

Standards」、澳洲維多利亞政府的「Website Guidelines」美國聯邦政府的

「Webcontent.gov」等、加拿大政府的「Government of Canada Internet Guide」

81

等。有關政府網站內容規範，已於第貳章的文獻探討中舉代表性國家，就

必要提供內容、內容共通性等進行討論，在此不再贅述。

三、本章總結

本章以可用性為出發點，先研究國內外網站的版型與內容，並調查使

用者對於國內政府網站的觀點，觀察使用者行為。整體來說，國內政府網

站由於無障礙推行多年，加上機關網站評獎機制的運作，使我國政府網站

位在國際水準之上，也多次獲得美國布朗大學評鑑的前 5名。然而，由於

這次以使用者的角度研究，有別於先前以國外評獎，或是學者評審的觀

點，使本專案了解到網站實際使用者的想法與意見。

其次，經由國外網站的觀察，本專案發現各國網站版型一致性的情形

不一，有些版型一致性程度較高，例如加拿大、香港等，有些則只有重要

元素的一致，例如澳洲、新加坡，另外，像是韓國雖然沒有任何的網站一

致性，然而政府網站的資訊與服務仍然有效地為使用者服務。

版型與內容管理的規範必須能適應國情，本專案比較國內與國外的政

府網站現況後，歸納國內政府網站的整體問題，分述如下：

1.版型方面

(1)網站架構不易理解

國內好的政府網站不少，但也有不少網站的內容架構不具邏輯性、項

目名稱不夠清楚易懂、項目意思重覆或接近，此類問題讓使用者不易找到

想要的資訊，也使網站架構顯得凌亂。相較之下，國外政府網站對於項目

名稱的命名較偏向使用大眾熟悉的用語，各網站的用語較為一致，香港、

加拿大、澳洲政府更對常用名稱明訂之，使用者可以直接地點選想要的服

務。

(2)導覽機制可再加強

82

網站內容架構不良會造成導覽系統的先天不足，反之，若內容架構良

好，則導覽系統就能輔助使用者尋找到想要的資訊，因為大多數的使用者

都不熟悉政府機關的運作方式。香港電子政府網站對導覽系統有一致化的

規範，使香港居民只需一次的學習，爾後便能輕鬆取得資訊，惟在設計導

覽機制時仍應注意彈性，才不會使導覽機制過於僵化。

(3)操作介面不夠友善

一般而言，國內政府網站的操作介面已具備相當的可用性，然而較深

入、較細部的問題卻常常被忽略。例如表單操作不易、瀏覽器不支援、解

析度不適合、字體無法自由縮放等問題，雖然是小細節，但卻會降低使用

者的使用意願。國外這樣的問題同樣存在，不過就指標性的網站，尤其是

政府服務入口網站而言，這些必須被注意的小細節皆已融入網站的設計考

量中。操作介面的友善是有需要被落實到每個政府網站的。

(4)網頁元素應加以規範

政府網站如同便利商店一般，服務據點多，被使用的機率高，但使用

者停留的時間少，若政府網站沒有一致性的網頁元素規範，則會讓使用者

每一次使用都是一個新的學習，必須花費時間多做思考及試誤。加拿大及

香港的政府網站具有許多的元素一致性，並且得到使用者良好的回饋與評

價。然而，制定版型的一致性時仍應考慮每個機關的個體特色及其辨識

度，本專案依網頁設計的專業，建議重要網頁元素的位置應有其一致性，

以達到如便利商店般的方便尋找元素，惟各機關仍可在不影響可用性的條

件下，有其獨特的網頁元素。「我的 E 政府」標誌則基於政府品牌行銷的

精神，要求各政府網站應採用一致性的樣貌。

2.內容管理方面

(1)網站必要內容應加以要求

83

政府網站之建立乃在提供民眾了解公共事務、參與公共事務，因此對

於政府基本應該在網站上提供的內容，實應制定規範；在國外，美國、英

國、澳洲、紐西蘭等國均陸續制定內容管理規範，要求政府網站提供某些

必要資訊，這些規範如能妥當執行，則能確保使用者於各政府網站取得所

需資訊。

(2)網站內容品質仍須加強

國內政府網站有些內容描述過於專業、艱深，對一般的使用者會造成

閱讀不易的困難，有些機關的公告更是直接以公文形式為之，違反撰寫淺

顯易懂的原則；觀察國際情形，上述已制定內容管理規範的國家在規範中

則要求內容撰寫應簡單、明確。然而，這仍有待網站管理者對於內容撰寫

的專業素養，才能有效解決此問題。

(3)互動機制應良好管理

許多國內政府網站雖設有討論區，卻不見得有專人管理，這樣的情形

常令使用者感覺到政府單位充耳不聞，沒有即時回應的誠意。當然，政府

向外發言應有更嚴謹的管控流程，以避免發言失當，但網站的重要價值即

在其即時性，因此有必要在權衡二者下訂定互動機制的規範。澳洲、加拿

大等國已對互動機制有基本的規範，由於此部分不是本專案的規範範圍，

有賴後續專案繼續探討，並制定相關管理辦法。

84

肆、研究發現

延續第貳章「國內外政府網站規範探討」與第参章「國內外政府網站

調查研究」的結論，可就版型與內容管理兩方面分述研究發現。

一、版型規範方面

從第貳章對各國或地區政府的版型規範來看，版型規範的主要目的乃

在於提高可及性、可用性及塑造政府的品牌形象。加拿大、香港，與美國

一些州政府都採用 CLF(Common Look and Feel)的觀念，讓使用者充分感

受自己正在政府的資訊與服務中。然而這種方式卻使得各機關網站的風格

太過於一致，使用者甚至在連結至其他政府網站後還不自知。澳洲和英國

的規範便指出，讓使用者知道自己已離開機關網站是很重要的。因此，澳

洲的規範允許了機關使用不同的元素樣貌、尺寸、色彩，使機關具有獨自

的風格，加強了其機關識別。

西方的版型規範雖然值得參考，但更重要的是我國網站由來已久的風

格與文化。我國目前的政府網站明顯地較西方國家來得活潑，使用圖像、

動畫的情形亦較為頻繁，這種情形與韓國、日本相似，東亞文化中喜愛圖

像表達的偏好是不容忽略的。雖然西方政府的規範指出，使用者前來政府

網站是來取得資訊，不是來欣賞圖像、動畫的，但版面的豐富卻可以吸引

更多民眾前來認識公共事務；布朗大學 2006年的政府網站評價中即稱韓

國的政府網站頁面設計方式清楚、並有豐富色彩的繪圖(drawings)及圖示

(icons)，大幅吸引了使用者的目光，也更加地達到「使用者友善」（Darrell

M. West, 2006）。圖像與動畫若是善加使用，仍然可以產生其獨特的效益。

使用者對於資訊取得的容易度，主要受了網站用語及位置的影響，版

面的色彩、圖像、動畫的使用其實不會降低資訊取得的容易度。在西方國

家，網站用語已有習慣性的用法，例如 Home、Contact Us、Feedback、Sitemap

等，這些字眼在西方政府網站的首頁上必然可見；然而本專案在國外政府

85

網站的研究中，也發現用語全然的統一是不可行的，因為各機關仍有自己

的職掌須提供；使用的原則應該是，屬於機關職掌與使用者對於該網站預

期的，即應依職掌內容命名，而屬於共通性用語的，即應有一致性。例如，

國外政府網站常有的「Feedback」用語，在國內網站可能是「部長信箱」、

「民意信箱」、「提供意見」等，甚至還有一些令人無法望文申意的詞彙，

這個部分若能一致，對使用者而言是更為體貼的。

在網站架構方面，具邏輯性的組織層級能協助使用者迅速找到其所需

的資訊，各國或地區政府亦針對此部分進行原則性的規範，香港則提出建

議的組織層級，但並不強制採用。本專案採類似香港的方式，對網站架構

提出具邏輯性的建議與參考用語，將之規範於網站導覽一節，要求政府機

關依照合理的網站架構建立導覽機制，但各機關仍可考量本身特性規劃其

網站架構。

因此，對於版型的規範，本專案的制定原則為：

� 必須符合網路無障礙的規範，提高政府網站的可及性。

� 以可用性為中心，讓使用者能順暢地使用政府資訊與服務，不會

有任何的困惑。

� 提高「我的E政府」網站曝光數，建議於每個政府網站的一致位置

提供該網站的標誌，並且連結至該網站。

� 規範共通性元素的名稱與位置，這些元素包括機關標誌、「回首

頁」、「網站地圖」、路徑連結列、機關聯絡資訊、得獎標章及「我

的E政府」等。

� 保持彈性，各政府網站仍應以突顯機關特色，提供使用者具美感

的使用介面，提升使用者滿意度，與身為本國國民的榮譽感。

二、內容管理方面

在內容管理方面，本專案所探討國家或地區政府的規範範圍並不一

致，對於本專案而言，所制定的規範屬下列幾項議題：

86

� 必要提供內容

� 內容撰寫

� 內容維護管理

� Metadata提供

� 內容互通共享

(一)必要內容提供

在必要提供內容方面，所研究的國家最基本的要求便是根據法律或法

案的規定，要求政府網站必須遵循，並不得與法律牴觸。然而有些國家，

如澳洲，除了法律或法案的要求外，為了提升使用者滿意度，更進一步規

範相關的資訊提供辦法，以滿足使用者的可能需求。本專案的思考是，既

然是為了提升政府網站的可用性，即應在法律外提供更多的必要資訊，以

滿足民眾對政府機關的期許。因此，本專案對於必要提供內容的規範將秉

持下列原則：

� 遵循法律規定，提供法律要求的基本資訊，並絕不牴觸法律。

� 符合現有評鑑指標及相關規範，致力提升政府網站的品質。

� 以網站資訊可用性為中心思想，建議必要提供的內容。

另外，本專案從國外內容管理規範及國外網站調查中也發現，內容管

理的規範多適用於機關網站，對於各機關所各自建立的主題式網站或專案

網站則被歸為例外情形，給予此二類網站較多的彈性，惟要求應有連結文

字或圖示指向主管機關的網站。這主要是因為國外規範認為此二類網站的

內容屬性與機關網站大不相同，必須視情況而定，無法要求其提供基本資

訊。本專案在規範中為此類網站制訂不同於機關網站的必要提供資訊，同

時亦給予此類網站較多的彈性。

87

(二)內容撰寫

國內政府網站的內容大多與書面公文或文書相同，內容維護者並未針

對「網頁」這個媒介的特性來編撰，因此本規範也針對網頁內容的撰寫提

出製作建議，原則如下：

� 網頁內容適合螢幕讀取。

� 讓使用者可快速瀏覽重點。

� 各語言版本可針對目標讀者設計適切的內容。

(三)內容維護管理

本專案在國外政府規範的研究中，加拿大政府提出資訊生命週期的觀

念，機關須依此觀念管理其政府網站內容，如訂定管理思考、蒐集資訊、

使用並散播資訊、維護並保護資訊、確保資訊的良好處理…等偏理論性的

概念作為宣導。其他國家並未針對管理流程建立規範，畢竟政府網站的維

護管理流程與各單位的政策與作業方式都不同，難以標準化。本規範考量

國內政府機關的流程不ㄧ，卻缺乏資訊管理的概念，因此導入內容維護與

管理的規範，原則如下：

� 內容經過審查上線；

� 訂定更新頻率；

� 訂定檢閱時間。

(四)網頁 Metadata

為提升政府網站的可及性，我國與其他國家、地區多以 Dublin Core

標準為基礎，制定了 Metadata的欄位要求。例如加拿大政府規定必要欄位

為 5項、美國 6項，澳洲、紐西蘭、英國等則超越 Dublin Core，制定了

19 項。在我國，《電子化政府共通平台規範》草擬政府網站共通平台應依

88

Dublin Core採用 15項欄位，並依使用需求再行擴充。雖然愈多的欄位可

使資訊被搜尋到的能力提升，然而也增加了大量的作業成本，對於資訊的

更新亦延緩了速度。也因此，加拿大與美國採取了較務實的作法，以滿足

W3C第 1級的要求，制定了較少的必要欄位。

行政院研考會於「91年度電子化政府共通作業平台規範」13中，對於

詮釋資料標準制定已有詳盡的規範。截至目前行政院研考會針對網站內容

制定詮釋資料標準有：「網站內容詮釋資料標準_v1.02」14對新聞及行事曆

兩項網站內容訂定標準，以及「詮釋資料標籤補登規範_v1.04」15：對政府

公報內容訂定標準。

本專案訂定的 Metadata資料標準涵蓋所有網站單元內容，為一通用的

準則；因各機關網站維護人員並不一定具有詮釋資料之專業知識背景，本

專案秉持簡單易懂的規劃原則，減少維護人員之負擔，做最精簡的規劃。

若網站內容有包含「網站內容詮釋資料標準_v1.02」、「詮釋資料標籤補登

規範_v1.04」二標準中所訂定的單元，或其他計畫所制定之標準(如國家型

數位計畫)，則須依照其標準制定。

本專案考量執行的難易度，認為應先依 W3C第 1級的基本要求，並

參酌加拿大、美國的規範，規範編寫標題（Title）、描述（Description）、

關鍵字（Keywords）、日期（Date）及作者（Author）等 5項。

(五)內容互通共享

國外政府網站並未將內容互通列為各單位必須遵守的規範，而是以專

案訂定明確嚴謹的互通規格。網站的內容互通可幫助資源共享、資料同

步、省卻人工轉檔匯入的時間，然而各網站需依據對象與需求，各自溝通

13 詳細規範內容請至 E政府服務平台下載。網址：http://www.gsp.gov.tw/index-download-5.htm 14 同註 10。 15 詳細標準內容請至 E政府服務平台下載。網址：http://www.gsp.gov.tw/index-download-5.htm

89

訂定資料拋轉的方式。在本專案研究中，發現資料互通是一逐漸應用普遍

的趨勢，可幫助各政府機關資源共享，因此於本專案內容管理規範中納

入，以提高機關建立共享資源的共識。

另外，本專案調查國內外網站，也發現運用 RSS標準格式來主動推播

網站內容，漸漸成為網站服務的潮流，因此於規範中也建立 RSS共享建

議，提供內容共享的替代方案。本專案訂定內容互通共享的原則如下：

� 訂定各單元基本欄位以供參考，提高資源共享的共識；

� 機關若需建立共通平台則需自行訂定嚴謹規範，以確保落實性；

� 以RSS標準格式建立主動推播與網站聯播內容。

三、本章總結

總結版型與內容管理兩方面的研究發現，可對應並解答本報告第壹章

「前言」所欲探討之問題，總結如下。

(一) 版型與內容管理規範的涵蓋範圍

由國內外政府網站規範的探討中，推知版型可視為「使用者介面」，

有關網站呈現方式或是操作方式的規範則訂定版型規範。內容管理則以提

供、撰寫、品質維護管理的相關的管理規範。

(二) 本規範欲改善國內網站版型與內容管理的問題

由國內政府網站調查研究中，發現國內各政府網站呈現起來活潑而花

俏，卻有使用介面不ㄧ致、可用性不足的問題；內容管理部份則有網站內

容架構不夠清楚明確、內容提供不夠完整、民意蒐集功能缺乏經營等問

題，因此本規範也朝著解決或改善這些問題的角度出發研擬。

90

(三) ㄧ致性版型的彈性制定

藉由對於各國版型一致性的優缺點分析，我國政府網站的ㄧ致性策略

保持彈性，建立網頁重要元素樣貌、名稱與位置的ㄧ致性，以幫助民眾快

速尋找資訊，網站架構與呈現風格則保留各網站的彈性，以建立各政府機

關網站的特色。

(四) 版型與內容管理規範內容簡述

在網站版型部分，規範導覽機制、網站架構、文字樣式、表單與搜尋

的操作介面，以提高國內網站的可用性；同時也規範元素樣貌、名稱與位

置的ㄧ致性，以幫助民眾快速尋找重要資訊。

在內容管理方面，規範必要內容的提供、內容撰寫、內容控管和

Metadata的提供，以提高內容的完整性、正確性、互通性與可搜尋性。

91

伍、政府網站版型與內容管理規範

一、前言

本規範提供中華民國政府各網站視覺呈現、使用者介面和內容管理等

相關注意事項，提升政府網站的可及性、介面親和度、使用者滿意度和服

務品質。

（一）目標

本規範配合行政院研考會 94 年度《全面提升政府網站服務品質專案

──對政府網站評鑑的研究》，協助政府網站切合民眾需求，提升施政滿

意度，並期望達成以下目的：

� 使政府網站的設計、內容選擇和分類方式以使用者為中心，導覽

介面友善親和。

� 使政府網站更容易識別，提供的資訊與服務更清楚透明。

� 使政府網站更親和，提供的內容符合民眾需求。

� 使政府網站更具公信力與可信度，並維持網站內容的品質。

（二）適用網站

本規範適用以下政府網站（不適用短期的行銷活動網頁）：

� 第一類：中央與地方機關入口網站。

� 第二類：各機關建立的主題網站（含專業網站、線上服務、觀

光文化、互動社群等各類網站）。

（三）必要等級

本規範依上述兩類網站分別區分必要等級，並於「附錄二 規範檢核

表」中，列出兩大類政府網站適用的必要與選用規範。

92

� 必要：網站必須符合此規範之要求，否則大部分的使用者會認

為網站不好用，本國政府的網站版型也會不ㄧ致，是網站好用

與否的基本需求。

� 選用：網站可符合此規範之要求，否則某些使用者會認為網站

不好用。符合此規範可讓網站更好用並提高內容品質。

（四）範例網頁

為清楚呈現各項規範，特按規範製作範例網頁。請參考「附錄三、範

例網頁」。

93

二、十一條規範

為了讓各政府機關對網頁版型設計與內容維護管理有明確的遵循準

則，特以十一條規範來引導政府網站的承辦人員與網頁開發者，設計出親

和的網站介面，維護高品質的網站內容。

� 網站版型：建立政府網站的一致性，操作介面達到可用性、可及

性的標準，安排於第 1到 8條規範。

� 內容管理：提高政府網站內容的品質、親和與維護管理的效益，

安排於第 9至 11條規範。

1. 使用者的呈現裝置使用者的呈現裝置使用者的呈現裝置使用者的呈現裝置(Compatibility)

網頁設計應能符合至少九成使用者的裝置，確保大多數使用者能正常

瀏覽。但網頁設計者經常以自身使用的呈現裝置為基準，製作出在自己裝

置顯示良好的網頁，卻忽略了其他裝置的使用者。

網頁設計者首當瞭解網站的目標使用者，接著調查他們使用的裝置

（如頻寬、螢幕解析度、瀏覽器等），根據相關數據設計相符的網頁。國

內資策會的 FIND網站16，提供網路脈動等調查報告，國外則有民間企業設

置的網站17可供查詢相關網路現況。

除了參考上述全國或全世界的網路使用數據，網頁設計者若想瞭解自

身網站的使用情況，可安裝提供「使用者數據分析」的網站績效與流量分

析軟體，確認最適合自身網站的設計方式。

16 FIND網站由經濟部技術處委託資策會創新應用服務研究所（IDEAS）- FIND研究群，進行網際網路相關的應用基礎指標研究與調查，並提供跨國網際網路相關的政策研究及重要研究發現，

協助產官學研各界清楚瞭解國內外網際網路相關的基礎建設及應用內涵。網址為

http://www.find.org.tw。 17 國外有某些調查使用流量、使用者瀏覽器、螢幕解析度的軟體或服務，通常在網站上有免費的數據供民眾參考，如W3Schools(網址為http://www.w3schools.com/browsers/browsers_stats.asp)、the Counter(網址為http://www.thecounter.com/stats/)、或 NetApplication(網址為 www.netapplications.com)。

94

1.1. 網站設計支援不同的瀏覽程式網站設計支援不同的瀏覽程式網站設計支援不同的瀏覽程式網站設計支援不同的瀏覽程式

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

目前全球市佔率最高的瀏覽器18為 IE與 FireFox，兩者合佔 90%以上的

市場，其他瀏覽器如 Netscape和 Opera也不在少數，因此建議政府網站能

考量對使用者瀏覽工具的支援程度，至少在 IE與 Firefox瀏覽器中正常顯

示。

﹝實作說明﹞

網頁設計者完成網頁製作後，至少應以 IE 與 Firefox兩瀏覽器檢視，

確認均能正常顯示，確保大部分使用者均能瀏覽。若網站要能夠讓更多使

用者正常瀏覽，進一步地，可再以其他瀏覽器檢視，如 Netscape、Opera

等，確保在其他瀏覽器也能正常呈現。

1.2. 網頁設計宜考量螢幕解析度網頁設計宜考量螢幕解析度網頁設計宜考量螢幕解析度網頁設計宜考量螢幕解析度

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

1024 * 768、1280 * 1024、800 *600三種螢幕解析度19使用率達 90%。

使用者設定的螢幕解析度雖以 1024 * 768為最多，800*600仍佔 17%的普

及率20，因此建議宜考量符合 1024*768並兼顧 800*600螢幕解析度。

﹝實作說明﹞

網站設計者宜先決定設計為固定式或相對式的網頁。固定式網頁在小

視窗中畫面會截斷，在大視窗中會呈現留白。相對式的網頁則具備大、小

螢幕均適用的彈性，大螢幕的使用者可將視窗尺寸放大，以便一次看到最

18 可參考W3Schools、the Counter等的統計數據。 19 關於螢幕解析度(Monitor Resolution)請參考「附錄一、名詞解釋」。 20 可參考W3Schools、the Counter等的統計數據。

95

多內容，小螢幕的使用者也能因網頁重新編排而看到符合其視窗大小的網

頁。

設計固定式網頁時，網頁主要內容可設計在 800像素寬度內，超出的

則為連至外站的按鈕或廣告看板等較次要的內容，讓網頁於 1024*768螢

幕解析度下檢視網站，瀏覽器視窗不出現橫向捲軸；於 800*600螢幕解析

度檢視，也可在不捲動橫向視窗時呈現到網頁主要內容。

設計相對式網頁時，所有表格均須設定為百分比大小，設計版面上方

區塊時(參考圖 5-1)，因弧線剪裁的影像較難呈現，建議以直線做設計，且

主影像不寬於 780像素，影像右邊以表格底色或底圖接合，讓視窗放大時，

網頁上方區塊會往右延伸，且視窗縮小至 800*600解析度時，網頁仍可完

整呈現。

1.3. 提供友善列印版本提供友善列印版本提供友善列印版本提供友善列印版本

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

許多使用者有列印網頁內容的需求，因此建議頁面的主要內容，應可

完整列印在紙張上。

﹝實作說明﹞

國內列印文件大多使用 A4 紙張，建議友善列印版本至少應能完整列

印於 A4 紙張上。設計固定式網頁時，可在有列印需求的網頁提供「友善

列印」版本，排除導覽列等區塊，供使用者列印主要內容在 A4 紙張上。

若考量到不同的紙張尺寸，則可設計為相對式網頁，能隨列印的紙張大小

做縮放，確保網頁在任何大小的紙張均能正常列印，

1.4. Tab鍵在網頁上的移動應有順序性鍵在網頁上的移動應有順序性鍵在網頁上的移動應有順序性鍵在網頁上的移動應有順序性

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

96

用鍵盤操作的使用者瀏覽網頁是按「tab」鍵在超連結、表單控制項之

間移動。最符合閱讀習慣的移動應有順序性，否則將造成使用者的不便與

困擾。

﹝實作說明﹞

設計網頁時，應考量鍵盤在網頁各區塊移動的順序宜為：左上、右上、

左中、中間、右中、下方（參考圖 5-1）。為確保移動順序正確，可適時加

上<tabindex>標籤，具體指出 tab鍵的移動順序。

2. 網頁組成要素網頁組成要素網頁組成要素網頁組成要素（（（（Site Required Elements））））

網頁組成要素是呈現網頁介面的重要元素，其配置位置會立即反應在

使用者的便利性上，其使用的文字與格式也影響操作介面是否好用，故本

規範對網頁組成要素的規範較為嚴謹，藉由其樣貌與位置的一致性，提高

政府網站版型的ㄧ致性，分述如下：

� 樣貌ㄧ致性：網頁組成要素樣貌應清楚明確、符合使用者的習

慣，不建議各機關自行命名。

� 位置ㄧ致性：網頁組成要素應依重要性擺放在相對應的位置。

網頁組成要素的樣貌與位置會立即反應在使用者的便利性上，圖 5-1

定義了版面的各區塊的位置與約略尺寸，表 5-1歸納出重要網頁組成要素

的項目、位置與名稱。各機關依照表 5-1的建議來設計，可提高政府網站

操作介面的ㄧ致性，幫助民眾瀏覽網頁時更易取得網站內容。

97

圖 5-1 網頁組成要素位置示意圖

註：設計版面需考量網頁寬度、高度與相關配置時，請參考以下規範：

1.2「網頁設計宜考量螢幕解析度」；

1.5「Tab鍵在網頁上的移動應有順序性」；

4.2「首頁不超過 2到 3個螢幕長(以 1024*768解析度檢視)」。

表 5-1 網頁組成要素配置表

名稱 所 在 頁

面 位置

使用文字

（註：標籤名稱與呈現方式） 建議說明

網站名稱與識

別標誌 全站 左上 呈現中文/英文全名與識別標誌 按標誌可回到首頁

網站地圖 全站 右上 中文版：網站地圖

英文版：Sitemap

提供全網站架構並提供

連結。

回首頁 非首頁 右上 中文版：回首頁

英文版：Home 點選後可回到首頁。

意見信箱 首頁 右上 中文版：意見信箱

英文版：Feedback

以表單方式為主要填寫

介面。

左中

(寬度約

150-220

像素；高

度可往下

延伸)

左上

(寬約 300、高約 100-150像素)

右上

(寬度依網頁設計實際寬度而定)

下方

(高約 60~120像素)

中間

(寬度為版面扣除左中、右中之寬度，高度可隨內容多寡

延伸)

右中

(寬度約

150-220

像素)

98

常見問答 首頁 右上 中文版：常見問答

英文版：FAQs

點選可進入常見問答

（FAQs）頁面

語言版本切換

按鈕 首頁 右上

如：

English（可連至英文版）

中文（可連至中文版）

日本語(可連至日文版)

語言版本切換按鈕直接

以該語言呈現，點選可切

換至中文／英文版本網

站首頁。

PDA版本 首頁 右上

中文版：PDA（連至中文版PDA）

英文版：PDA（連至英文版PDA）

設計 PDA版本時，宜考量符合 PDA裝置的版面大小，並考量連線速度，

提供適合的內容。

全站搜尋 首頁 不限 中文版：全站搜尋

英文版：Search

輸入關鍵字按 Enter鍵可進入檢索結果，並輔以進

階檢索或檢索操作說明。

雙語詞彙 首頁 不限 中文版：雙語詞彙

英文版：Bilingual Glossary

RSS 首頁 不限 中文版：RSS

英文版：RSS

點選後進入 RSS訂閱單元。

資料日期 全站適

當處 不限

按照 ISO標準，即YYYY-MM-DD

針對新聞稿、活動訊息、

最新消息、公告文書等動

態訊息，提供發布與截止

日期。

留言版 首頁 不限 中文版：留言版/討論區/論壇

英文版：Message Board / Discussion Forum/ Forum

建議機關提供留言版

時，同時制定明確的管理

與使用規則，避免公共討

論區淪為民眾謾罵空間。

會員專區 首頁 不限 中文版：會員專區

英文版：Member Login

可於首頁提供會員輸入

帳號密碼的輸入方框，搭

配忘記密碼與申請會員

的連結。

網站可以 email主動告知會員最新資訊。

便民服務 首頁 不限 中文版：便民服務

英文版：Online Service

讓使用者不需下載填寫

表單，可於線上申辦完

成。

標示各項申辦案件的聯

絡窗口、作業流程及相關

屬性讓民眾在申辦前即

能得到充份資訊。

政府相關標章 首頁 下方

標章圖片保持原圖或等

比縮放大小，並設定替代

性標籤，且圖片應可連結

到相關網址。

99

聯絡電話 首頁 下方

中文版：（區碼）4碼-4碼，或（區碼）3碼-4碼。如：

（02）1234-5678或

（04）123-4567

英文版：（國碼）區碼-4碼-4碼，或（國碼）區碼-3碼-4碼。如：

（+886）2-1234-5678或

（+886）2-123-4567

建議放置機關或單位總

機，而非個人分機。

聯絡地址 首頁 下方

中文版：5碼郵遞區號 +縣市名開頭的地址

英文版：以台灣郵政「中文地

址英譯」21為準，並提供 5碼郵遞區號

可在地址旁邊加上「交通

位置圖」字樣，並連結至

交通位置說明網頁。

隱私權政策 首頁 下方 中文版：隱私權政策

英文版：Privacy Policy

連結至隱私權政策說明

頁面。

網站安全政策 首頁 下方 中文版：網站安全政策

英文版：Security Policy

連結至網站安全政策說

明頁面。

我的 E政府識別標誌

首頁 下方

呈現「我的 E政府」識別標誌

中文版的 Alt 標籤：

我的 E政府

英文版的 Alt 標籤：

The E-government Entry Point of Taiwan

依據各網站設計的色

系，製作 43x46像素的圖片檔（可至本規範網頁下

載圖片原始檔），並連結

至「我的 E政府」網站。

資料來源：本專案整理

註：以上網頁組成要素的所在頁面若標示為首頁，表示於首頁必須呈現該要素：機關可依實際設

計方式決定該要素是否出現於其他頁面。

2.1. 網站名稱與識別標誌網站名稱與識別標誌網站名稱與識別標誌網站名稱與識別標誌（（（（Logo））））置於版面左上方置於版面左上方置於版面左上方置於版面左上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

網站名稱與識別標誌建議放置於版面左上方，明確告知使用者。

21台灣郵政「中文地址英譯」可上網站 http://www.post.gov.tw/post/index.jsp查詢。

100

﹝實作說明﹞

開始設計網頁前，應確認網站的中、英文正式全名，並以該網站既有

的識別標誌為基礎來設計，放置於全站網頁的左上方。網頁圖片的替代文

字應設定為該網站名稱，點選後可連結至首頁。

2.2. 網站地圖網站地圖網站地圖網站地圖（（（（Sitemap））））置於版面右上方置於版面右上方置於版面右上方置於版面右上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

「網站地圖」是主導覽列之外的另ㄧ條導覽動線，可清楚呈現網站資

訊的階層架構，提升網站可及性，是使用者連結到重要內容的另一途徑。

﹝實作說明﹞

中文版應命名為「網站地圖」，英文版則為「Sitemap」，右上方網頁要

素的第 1位，並於全站出現，方便使用者點選。

「網站地圖」應以階層式或表列式設計，邏輯性及層次性的條理排

列，展現各項資訊的階層，如 1.關於我們、1-1認識部次長、1-2施政報告；

2.便民服務、2-1服務窗口、2-2陳情服務，各項目並加上連結，提高便利

性。

2.3. 回首頁回首頁回首頁回首頁（（（（Home））））置於版面右上方置於版面右上方置於版面右上方置於版面右上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

網頁設計者雖可依照規範 2.1 在網站版面左上角設置圖片連結回首

頁，仍會有某些使用者不知道該圖片可點選回首頁，因此建議全站除了首

頁之外，於版面右上方設置「回首頁」連結，讓使用者不論在網站的哪一

層，均可連結到首頁。

﹝實作說明﹞

101

中文版應命名為「回首頁」，連結回中文版首頁；英文版則命名為

「Home」，連結回英文版首頁，放置於全站除了首頁之外的網頁右上方。

2.4. 意見信箱意見信箱意見信箱意見信箱（（（（Feedback））））置於版面右上方置於版面右上方置於版面右上方置於版面右上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

「意見信箱」是民眾對政府陳情、詢問或提供建議的重要管道，也是

政府網站聽取民意的重要線上服務。

﹝實作說明﹞

中文版應命名為「意見信箱」，英文版則為「Feedback」，放置於首

頁的右上方。意見信箱應以表單為填寫介面，方便沒有寄信軟體或公用電

腦的使用者。為了提高意見信箱的介面友善度，以下進階的設計建議：

� 系統自動回覆訊息：當系統收到詢問郵件後，可自動回覆確認

收到的訊息，讓使用者放心等待各處室回覆。

� 進度查詢：讓民眾可經由email或代號查詢處理進度。

建議各機關設置規劃「意見信箱」時，提供反應意見處理程序之作業

時間與流程說明，並可設立單一窗口接收電子郵件，再經由管理人員將信

件分送各個處室回覆，使用者就無須煩惱問題該問哪個處室，每一封詢問

信件也能確保得到回覆。

2.5. 常見問答常見問答常見問答常見問答（（（（FAQs））））置於版面右上方置於版面右上方置於版面右上方置於版面右上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

「常見問答」是機關答覆民眾常見的業務相關問題，經整理後呈現於

網站上，可幫助民眾快速尋求解答，是網站便民服務的重要指標，因此建

議政府網站提供此服務。

﹝實作說明﹞

102

中文版應命名為「常見問答」，英文版則為「FAQs」，放置於首頁右

上方。「常見問答」應與業務相關，答覆大部份使用者常見的問題。若「常

見問答」資料甚多，可提供分類或關鍵字查詢功能，讓民眾更容易找到資

訊。

2.6. 語言版本切換按鈕語言版本切換按鈕語言版本切換按鈕語言版本切換按鈕 （（（（Languages）））） 置於版面右上方置於版面右上方置於版面右上方置於版面右上方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

建置雙語網站是我國電子化政府的重要政策，也是網站評鑑的重要指

標，因此本規範將語言版本切換按鈕列為機關入口網站的必要元素，其他

網站則視語言版本的有無而定。

﹝實作說明﹞

為方便不同語言的使用者切換語言版本，語言版本的切換按鈕應直接

以該語言呈現。例如，切換至英文版的按鈕命名為「English」，切換至中

文版的按鈕命名為「中文版」，放置於網站的首頁。

若一個網站有三種以上的語言版本，且將三個切換按鈕都放在首頁右

上方會造成版面太擁擠時，則建議製作語言版本選擇頁，讓使用者經由該

頁點選進入各語言版本，而各版本的首頁上方僅需放置一個「Languages」

按鈕，連結至語言版本選擇頁，節省版面空間。

2.7. PDA版切換按鈕置於版面右上方版切換按鈕置於版面右上方版切換按鈕置於版面右上方版切換按鈕置於版面右上方

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

為不同裝置的使用者設置符合其裝置的網站，可增加政府的服務平

台，提升民眾使用率。其中，PDA是民眾行動上網普遍使用的裝置，因此

建議機關設置 PDA版本。

103

﹝實作說明﹞

為不同的瀏覽裝置設計不同版本時，建議直接以該裝置命名，如「PDA

版」，並放置於首頁右上方，與英文版切換按鈕並列。中文版網站的PDA

版應連至中文內容，英文版亦然。

設計PDA版本時，須注意版面寬度不超過 240像素，以符合PDA裝置

的版面大小。另一方面，考量行動／無線上網的連線速度，PDA版本的內

容應以文字為主。

2.8. 全站搜尋全站搜尋全站搜尋全站搜尋（（（（Search））））置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

搜尋的重要性相當於網站導覽列，輔助使用者更快速地尋找資料。

﹝實作說明﹞

命名應簡單易懂，如中文版為「全站搜尋」，英文版為「Search」，放

置於首頁，以下為全站搜尋的設計建議：

� 範圍以站內為主，避免搜尋整個網際網路。

� 使用者輸入關鍵字按Enter鍵即可進入檢索結果，讓不用滑鼠的使

用者也可用鍵盤操作搜尋工具。

� 旁邊可連結至操作說明或進階搜尋。

2.9. 雙語詞彙雙語詞彙雙語詞彙雙語詞彙（（（（Bilingual Glossary））））置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

網站提供優良的雙語翻譯詞彙，可幫助中外人士正確理解網站內容與

專業名詞，有助於推廣優質、統一的雙語環境。建立全網站的翻譯標準，

也可提供其他相關機構作為翻譯的參考準則。

104

﹝實作說明﹞

中文版應命名為「雙語詞彙」，英文版則為「Bilingual Glossary」，

放置於首頁。若「雙語詞彙」的資料量甚多，則可提供分類或關鍵字查詢

功能，讓民眾更快速找到資料。

2.10. RSS訂閱按鈕置於版面適當處訂閱按鈕置於版面適當處訂閱按鈕置於版面適當處訂閱按鈕置於版面適當處

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

RSS22具有即時性，可讓 RSS的訂閱者無須到已訂閱的網站上搜尋就

能迅速得到最新訊息與頭條新聞。且 RSS具備統一的標準，有標準定義的

<Tag>，凡提供 RSS的網站都會依循此標準，方便解讀也易於管理。

﹝實作說明﹞

不論於中文版或英文版都應命名為「RSS」，放置於網站首頁。建議政

府網站可提供 RSS訂閱者應具下列特性：

� 資料內容更新頻率高的單元，如公告訊息。

� 內容重要、可主動告知訂閱者的單元，如業務核心資訊。

2.11. 資料日期資料日期資料日期資料日期（（（（Date））））置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

標示資料的更新日期可讓使用者明瞭內容的時效性，因此資料需標示

發布、更新或最近檢閱日期。

﹝實作說明﹞

22 RSS即 Really Simple Syndication、RDF(Resource Description Framework) Site Summary或 Rich Site Summary的縮寫。是一種用於共享新聞和其他Web內容的資料聯播規範，主要運用「推的技術」(push technology)，將訂戶訂閱的內容傳送至新聞蒐集器裡。

105

中、英文版網頁的日期格式均建議遵循 ISO標準，即 YYYY-MM-DD。

日期可區分為各筆資料的更新日期與網頁的更新日期，如新聞稿、活動訊

息、最新消息、公告文書等動態資料，可提供發布與截止日期；部長介紹、

單位介紹等不常變動的網頁內容，則提供更新或檢閱日期。

2.12. 留言版留言版留言版留言版/討論區討論區討論區討論區/論壇論壇論壇論壇 (Message Board /Discussion Forum/

Forum) 置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

政府網站提供集體互動討論功能，可蒐集民意、擴大民眾參與。

﹝實作說明﹞

建議機關於中文版網站首頁提供一種以上的互動討論功能，落實民眾

參與，並制定明確的管理與使用規則，避免公共討論區淪為民眾謾罵空

間，民意需求無法上達。至於英文版網站，考量人力管理問題，可暫不提

供討論空間。

除了確實管理回應民意外，可加強對留言者身分認證機制，留言後自

動過濾不當詞彙，經管理者審核通過後才公佈，以提升管理效率、減少不

當留言。

2.13. 會員專區會員專區會員專區會員專區 （（（（Member Login））））置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

具身分稽核的會員專區可提供民眾更多元的個人化與線上申辦服務。

﹝實作說明﹞

可於首頁提供輸入帳號與密碼的會員登入方框，搭配忘記密碼與申請

會員的連結。為維護與會員的關係，網站應主動寄送 email給會員告知最

新消息(Email Update)，其他對會員提供的服務可包含：個人帳戶資料維

106

護、網頁配置與版型選項、電子報訂閱、線上申辦服務…等，若安全與隱

私要求較高的功能，則可提供憑證登入。

2.14. 便民服務便民服務便民服務便民服務 （（（（Online Service））））置於版面適當處置於版面適當處置於版面適當處置於版面適當處

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

線上申辦服務可節省民眾出門或等待的時間，提升政府服務效率。

﹝實作說明﹞

機關網站可調查現行機關對外服務的作業流程，將服務適切轉置於網

站上，至少提供一項於首頁，並讓使用者不需下載填寫表單，可於線上申

辦完成。網頁中並應標示各項申辦案件的聯絡窗口、作業流程及相關屬性

讓民眾在申辦前即能得到充份資訊。

網站若提供多項便民服務功能，可彙整於「便民服務」專區，以民眾

角度(非僅以業務屬性或承辦窗口)來劃分服務類別，讓民眾尋找。若網站

進一步地讓民眾查詢追蹤申辦之進度，將提高服務的便利性。

建議便民服務可搭配會員機制、線上申辦表單、讓民眾直接在線上刷

卡付費、不針對線上機制額外收費(與實體服務收費應相同)、增加憑證與

加密機制等等。關於表單介面與流程的友善度，可參考規範第 7條「表單」

部分。

2.15. 無障礙或其他政府標章置於版面下方無障礙或其他政府標章置於版面下方無障礙或其他政府標章置於版面下方無障礙或其他政府標章置於版面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

政府標章並非民眾參觀網站的重點。過多或各站不同位置的標章，會

讓版面顯得混亂，因此不建議將標章置於版面上方，應統一置於下方。

﹝實作說明﹞

107

政府網站應取得無障礙 A+標章，並置於首頁下方。標章圖片應等比

縮放大小，並設定替代性標籤，且圖片應可連結到相關網址。

2.16. 聯絡電話聯絡電話聯絡電話聯絡電話（（（（Phone Number））））置於版面下方置於版面下方置於版面下方置於版面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

服務電話是重要聯絡資訊，應統一置於網站版面下方，以符合民眾的

使用習慣。

﹝實作說明﹞

建議聯絡電話置於首頁，電話應為全國或全球性的，因此中文版電話

需加上縣市區碼，如（02）1234-5678或（04）123-5678；英文版應加上國

碼，如（+886）2-1234-5678或（+886）2-123-45678。聯絡電話應為機關

或單位的總機而非個人分機。

2.17. 聯絡地址聯絡地址聯絡地址聯絡地址（（（（Address））））置於版面下方置於版面下方置於版面下方置於版面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

聯絡地址為重要聯絡資訊，應統一置於網站版面下方，以符合民眾的

使用習慣。

﹝實作說明﹞

地址應於首頁，並與聯絡電話並列。聯絡地址應加上五碼郵遞區號，

並建議中文版地址加上縣市名，如「10075台北市中正區濟南路一段 2-2

號」，英文版則加上國名，如「6F, No.2-2, Sec.1, Jinan Road, Taipei, Taiwan

10075, R.O.C.」。地址英譯需依台灣郵政的建議格式，可上台灣郵政網站

108

查詢23。除了地址外，旁邊可加上「交通位置圖」連結至交通位置圖與交

通方式介紹頁，讓民眾更容易找到機關位置。

2.18. 隱私權政策隱私權政策隱私權政策隱私權政策（（（（Privacy Policy））））置於置於置於置於版面下方版面下方版面下方版面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

根據民國 84年制定的「電腦處理個人資料保護法」24，機關有義務制

定網站隱私權保護政策，告知使用者該網站所蒐集的使用者個人資料和應

用。

﹝實作說明﹞

中文版命名為「隱私權政策」，英文版命名為「Privacy Policy」，並

置於首頁，與「網站安全政策」並列。

其宣告的內容應與機關特性及所蒐集的資料一致，建議要點如下：

� 個人資料保護的要點。

� 若蒐集cookies應明確告知處理方式。

於本報告「附錄四 隱私權政策範例」供機關參考應用。

2.19. 網站安全政策網站安全政策網站安全政策網站安全政策（（（（Security Policy））））置於版面下方置於版面下方置於版面下方置於版面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

提供安全可信賴的電子化服務是政府網站的重要任務，因此應規劃健

全的網站安全政策，並清楚明確地宣告，於網站明顯處提供網站安全政策。

23台灣郵政「中文地址英譯」可上網站 http://www.post.gov.tw/post/index.jsp查詢。 24為規範電腦處理個人資料，以避免人格權受侵害，並促進個人資料之合理利用，特制定該法。

可在「全國法規資料庫」網站查詢本法詳細內容。(網址：http://law.moj.gov.tw/)

109

﹝實作說明﹞

中文版命名為「網站安全政策」，英文版命名為「Security Policy」，

置於網站首頁，在版面的下方與「隱私權政策」並列。

其宣告內容應與各機關實際的資安政策一致，建議要點如下：

� 防火牆設置。

� 網路監控系統與紀錄。

� 資料存取稽核措施。

� 資料儲存安全措施與備份。

� 安全防護等級。

� 防止駭客或非法入侵方案及演練。

� 病毒防護措施。

� 系統的定期更新與升級。

於本報告「附錄五 網站安全政策範例」供機關參考應用，建議各機

關訂定之網站安全政策，應至少每年評估一次，以反映政府法令、技術及

業務等最新發展現況，確保資訊安全實務作業之有效性。

2.20. 「「「「我的我的我的我的E政府政府政府政府」」」」標誌標誌標誌標誌（（（（The E-government Entry Point））））置於版置於版置於版置於版

面下方面下方面下方面下方

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

E政府是我國重要的資訊政策。為加強電子化政府的統一識別，強化

整合力量，於網站放置「我的 E政府」標誌。

﹝實作說明﹞

本規範的網頁版提供 PSD、PNG兩種格式之「我的 E政府」標誌原始

圖檔，應根據各網站設計之色系，自行製作符合背景顏色的圖檔，檔案尺

寸為 43 x 46像素，置於網站首頁的右下方(其他頁可以設計方式決定)。中

110

文版設定圖片的 Alt 標籤為「我的 E政府」，連結網址 http://www.gov.tw/；

英文版 Alt 標籤為「The E-government Entry Point of Taiwan」，連結網址

http://english.www.gov.tw/。

3. 導覽導覽導覽導覽 （（（（Navigation））））

使用者在網站上主要靠逐頁瀏覽（Browsing）的方式尋找資料。優良

的導覽動線能清楚呈現資訊的階層架構，提升汲取資料的效率。

3.1. 導覽列導覽列導覽列導覽列以一致的以一致的以一致的以一致的風格與位置風格與位置風格與位置風格與位置貫穿全站貫穿全站貫穿全站貫穿全站

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

網站的導覽功能列，設計應清楚易懂且具一致性。使用者進入網站

時，就能經由簡明而一致的導覽列，迅速瞭解網站主要結構與內容。瀏覽

各網頁時，也不必花費太多時間學習使用不同的導覽列。

﹝實作說明﹞

網站導覽列應放置在同樣的位置，有相同的樣貌，維持同樣的順序，

幫助使用者理解全站架構。

3.2. 導覽按鈕名稱導覽按鈕名稱導覽按鈕名稱導覽按鈕名稱應應應應清楚易懂清楚易懂清楚易懂清楚易懂、、、、符合慣例符合慣例符合慣例符合慣例，，，，名目不相近或重複名目不相近或重複名目不相近或重複名目不相近或重複

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

網站的導覽按鈕若讓使用者找不到想要的資訊或不能依直覺點選，會

大大降低介面的友善度。因此建議導覽按鈕的命名應清楚易懂、符合慣

例，且名目不相近或重複。

﹝實作說明﹞

111

建議網站設計者在網站規劃初期，就將網站草圖或架構圖拿給真實的

使用者測試，以獲得具體的改善建議。

另提供以下原則供設計者參考：

� 符合慣例：若按鈕的名稱符合使用者的習慣，可提高使用者對

按鈕意義的理解速度。例如，作為購物清單之用的「購物車」

按鈕，若取名為「菜籃」，會讓使用者覺得陌生、不易理解。

� 名目不相近或重複：選單中若列有「旅遊指南」與「旅遊推薦」

兩種意思差不多的按鈕，會讓使用者感到困惑。

3.3. 按鈕圖示旁加上文字按鈕圖示旁加上文字按鈕圖示旁加上文字按鈕圖示旁加上文字

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

僅用圖示作按鈕會讓使用者在認知其功能時感到很模糊。除了列印、

轉寄、購物車等使用者已經「習慣」的圖示外，建議其他按鈕圖示都應加

註文字。

﹝實作說明﹞

設計導覽按鈕時，請記得在圖示按鈕旁邊或下方加註文字，如：「

轉寄好友」、「 友善列印」，並於圖片上使用 Alt 標籤加入相符的替

代文字。

3.4. 考量考量考量考量使用者的目標使用者的目標使用者的目標使用者的目標、、、、角色和興趣來做導覽分類角色和興趣來做導覽分類角色和興趣來做導覽分類角色和興趣來做導覽分類

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

設計網站導覽方式時，若依使用者的目標、角色和興趣，適當分類網

頁內容，可讓操作介面更親和。

﹝實作說明﹞

112

設計導覽的方式分為任務導向與角色導向：

� 任務導向：以明確的按鈕名稱告知使用者網站可處理的工作、申

辦事項等，如「線上申辦」、「下載表格」、「快速繳費」等等。

� 角色導向：依使用者的角色來區隔內容與服務，如「學生」、「公

務員」、「老師」等。這樣的導覽方式又稱為分眾導覽。由於使用

者的角色常是主觀而模糊的，有些使用者既是學生也是公務員，

因此，除了將內容做適當的分類，分眾導覽不應為網站唯一的導

覽方式。

3.5. 為網頁提供有意義的視窗標題為網頁提供有意義的視窗標題為網頁提供有意義的視窗標題為網頁提供有意義的視窗標題

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

有意義的視窗標題讓一般使用者在切換瀏覽器視窗時，能快速找到想

要開啟的網頁，也讓以輔具讀取網頁的使用者，一開始就清楚知道所在的

網頁位置。另一方面，有意義的網頁標題，可提高網頁內容的可搜尋性，

讓搜尋引擎更準確地找到網頁，列出的結果頁面更清楚易讀。

﹝實作說明﹞

網頁標題不應全站的每ㄧ頁都相同。除了網站首頁以網站名稱為標題

外，其他各頁可標上「所在單元-網站名稱」。若為新聞、活動等動態內容，

則建議以「新聞標題-網站名稱」為視窗標題。

3.6. 提供路徑連結列提供路徑連結列提供路徑連結列提供路徑連結列，，，，告知使用者目前所在的位置告知使用者目前所在的位置告知使用者目前所在的位置告知使用者目前所在的位置

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

113

路徑連結列又稱為麵包屑（Breadcrumbs）25 ，能顯示使用者目前所在

的位置與層級，方便其循路徑回到上層頁面。

﹝實作說明﹞

路徑連結列應以「目前位置」為開頭，由「首頁」開始，加上「>」

（大於）符號層層往下，顯示階層架構。如：「目前位置：首頁 > 本部

介紹 > 歷史淵源」，英文版則如：「You are here: Home > About > History」，

路徑並加入連結，讓使用者能回到上一層或首頁。建議全站除了首頁之

外，每ㄧ頁主要內容的上方皆應放置路徑連結列。

3.7. 在長頁面加上可點選的目錄在長頁面加上可點選的目錄在長頁面加上可點選的目錄在長頁面加上可點選的目錄

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

內容較長的頁面建議加上可點選的目錄，讓使用者快速到達想要的資

料區域，省去拉動捲軸的時間與動作。

﹝實作說明﹞

要在同一頁製作可點選的目錄，可在段落文字加上錨點（Anchor

Tags26），再將目錄文字連結到該錨點。另可加上「到最上面」（top），方便

讀者回到目錄。

4. 首頁設計首頁設計首頁設計首頁設計（（（（Homepage））））

首頁承擔了網頁設計的成敗，其主要任務如下：

� 宣告網站的任務和目標。

� 呈現網站提供的主要服務。

25 關於麵包屑(Breadcrumbs)請參考「附錄一、名詞解釋」。 26 關於錨點請參考《附錄一 名詞解釋》。

114

� 代表機關的識別與形象。

4.1. 首頁呈現網站最主要的內容與服務首頁呈現網站最主要的內容與服務首頁呈現網站最主要的內容與服務首頁呈現網站最主要的內容與服務

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

首頁除了呈現選單，也應包含重要的內容選項，不要讓使用者點選了

兩、三層之後才發現網站的主要內容。

﹝實作說明﹞

網頁設計者於首頁應提供網站最重要的服務連結，並將網站的新聞和

主打活動置於首頁，讓使用者一眼得知最新動態。

4.2. 首頁首頁首頁首頁不超過不超過不超過不超過 2到到到到 3個螢幕個螢幕個螢幕個螢幕長長長長（（（（以以以以 1024*768解析度檢視解析度檢視解析度檢視解析度檢視））））

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

若首頁內容太多，雖然資訊豐富，卻可能造成網頁太長、讓使用者找

不到資訊的反效果。

﹝實作說明﹞

設計首頁時應注意內容不宜太多。以 1024*768螢幕解析度檢視時，

長度不宜超過三頁，以保持適量的內容和畫面。

4.3. 連至外站的按連至外站的按連至外站的按連至外站的按鈕置於首頁版面右中區塊鈕置於首頁版面右中區塊鈕置於首頁版面右中區塊鈕置於首頁版面右中區塊，，，，並與中間內容區靠下並與中間內容區靠下並與中間內容區靠下並與中間內容區靠下

對齊對齊對齊對齊

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

首頁是網站的入口，若放置太多外站的連結按鈕，容易讓自身網站內

容失焦。因此建議國內政府網站統一連外按鈕的位置與數量，以提高政府

115

網站版型的ㄧ致性，避免各單位網站版型混亂，或因連外按鈕數量過多，

致使網頁下方出現大片空白，有損門面美觀。

﹝實作說明﹞

網頁設計者可限定右方按鈕的數量。數量多寡視版面內容而定，不超

過 3-6個按鈕，盡量讓右方按鈕與內容區靠下對齊，避免中間出現空白，

並加上「更多連結」連至全部按鈕的列表頁面。

5. 文字樣式與連結文字樣式與連結文字樣式與連結文字樣式與連結（（（（Text Styles and Links））））

使用者上網主要是瀏覽文字內容，因此文字樣式也是網頁設計的要

點。建議網頁設計者運用統一的CSS（串接樣式表）來編排文字內容，讓

全站有ㄧ貫的文字風格，並採用易讀性高的字型和與連結文字，讓網站更

好用。

5.1. 全站的文字格式使用一致的字型全站的文字格式使用一致的字型全站的文字格式使用一致的字型全站的文字格式使用一致的字型、、、、顏色與尺寸顏色與尺寸顏色與尺寸顏色與尺寸

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

文字格式（Format）係指文字的字型、大小、顏色、段落、縮排、行

距等。統一的文字格式可讓使用者快速了解內容大綱，並建立全站的ㄧ貫

風格。

﹝實作說明﹞

網站設計者可運用 CSS（串接樣式表）來設計標題、內文、文字清單

的樣式，每ㄧ網頁都套用相同的樣式。例如：標題格式設計為字型大小+2、

粗體、藍色，則每ㄧ頁標題均套用相同的格式。

116

5.2. 中文字使用系統預設的字型中文字使用系統預設的字型中文字使用系統預設的字型中文字使用系統預設的字型

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

系統預設的字型在各種大小的螢幕上都能顯示良好，且各種電腦都有

安裝，可確保網頁文字能在使用者的電腦上正常顯示，也適合於螢幕閱讀。

﹝實作說明﹞

建議網頁設計者在製作網頁時，中文字不指定字體，以使用者端的預

設字型顯示。

公家機關的文件習慣以標楷體編排，但小字型的標楷體在螢幕顯示往

往不夠清楚，建議網頁設計者或網頁內容維護者在製作網頁時，取消原訂

公文的標楷體格式，檔案或列印版本的公文則另行提供。

5.3. 英文字避免使用中文字型英文字避免使用中文字型英文字避免使用中文字型英文字避免使用中文字型

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

使用Arial、Helvetica、Verdana等預設字型，可確保每台電腦均能顯示，

此類字型也適合於螢幕閱讀。因英文字若直接以中文的預設字型呈現，會

減低其易讀性，因此建議英文版或中英並排的內容，應指定英文字型。

﹝實作說明﹞

建議網頁設計者在編排網頁時，不論中英並排或僅有英文，均可直接

指定英文字型。以下為字型建議：

� 黑體字27：選擇Arial、 Helvetica、 Tahoma、Verdana等。

� 明體字28：選擇Times New Roman、Georgia等。

27 黑體字為 San-serif，字型尾端無變化 28 明體字為 Serif，在字型尾端有角度與粗細變化的字體

117

5.4. 文字大小使用相對尺寸而非固定尺寸文字大小使用相對尺寸而非固定尺寸文字大小使用相對尺寸而非固定尺寸文字大小使用相對尺寸而非固定尺寸

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

網頁文字若設計為相對式的文字大小，使用者就能於瀏覽器的「檢視」

功能表中，依個人需求選擇字型大小。若設計為固定式（如像素）的文字

大小，使用者瀏覽時就不能依個人需求選擇字型大小。

﹝實作說明﹞

HTML 字體大小是相對的點數。當網頁設計者不特別指定或指定文字

大小為「3」時，則使用者看到的是瀏覽器預設的文字大小。設定大小為

「1」和「2」，看起來會比預設字體小一些。設定大小為「4」到「7」時，

看起來則會比預設字體大一些。

「+」或「–」設定是表示與基本字體大小的相對差異。預設基本字

體值為「3」。因此，一個「+ 4」的值會產生「3 + 4」（也就是 7）的字體

大小。

CSS樣式表增加了網頁編排的彈性。設計者可指定相對式單位，如：

em （字體高）、ex （字母高）或 % （百分比），避免選擇固定式單位，

如：pc （Pica）、pt （點）、in （吋）、mm （公釐）、cm （公分）等。

5.5. 可點選的文字標示底線可點選的文字標示底線可點選的文字標示底線可點選的文字標示底線、、、、不同顏色或滑鼠效果不同顏色或滑鼠效果不同顏色或滑鼠效果不同顏色或滑鼠效果

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

大多數使用者上網時都粗略瀏覽，而非逐行逐字閱讀網頁，讓使用者

一目瞭然的連結項目，能提高介面的可用性。

﹝實作說明﹞

網頁設計者可以 CSS（串接樣式表）來設計連結文字的樣式，提示使

用者連結文字是可點選的。

118

設計方式如下：

� 標示底線或使用與內文不同的顏色。

� 加上滑鼠效果，提高使用者的互動感受。

5.6. 提供下載文件至少包含開放性檔案格式提供下載文件至少包含開放性檔案格式提供下載文件至少包含開放性檔案格式提供下載文件至少包含開放性檔案格式，，，，並註明檔案格式並註明檔案格式並註明檔案格式並註明檔案格式

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

可供下載的文件應採用開放性的檔案格式(如 pdf、wdl、html等)，讓

使用者不需依賴特定文書商用軟體(如 word、excel、powerpoint)才能開啟。

﹝實作說明﹞

網站若有需要提供通用文件格式檔案之下載或選項，以下為建議的檔

案提供方式：

� 對於使用者需下載來填寫、編輯的文件，如：如申請表或範本，

除可編輯的檔案格式(如txt或其他文書軟體格式)外，應再提供開

放性檔案格式(如pdf、wdl、html等)。

� 對於使用者需備查但不需再編輯的報告或文件，如：操作說明

書或報告書，建議至少提供開放性的檔案格式。

5.7. 所提供的下載文件檔案所提供的下載文件檔案所提供的下載文件檔案所提供的下載文件檔案，，，，讓使用者選擇開啟或儲存讓使用者選擇開啟或儲存讓使用者選擇開啟或儲存讓使用者選擇開啟或儲存

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

當瀏覽器指向外部程式（如 PDF、word、excel等格式）時，通常會

花費使用者額外的時間開啟應用程式。讓使用者選擇開啟或儲存檔案，可

提高介面友善度。

﹝實作說明﹞

119

若超連結指向瀏覽器無法直接顯示的檔案格式(如 zip壓縮檔)，瀏覽器

就會自動當作要下載的檔案，進而啟動下載功能；若超連結指向瀏覽器可

直接開啟的檔案格式(如 pdf)，則瀏覽器無法將之視為要下載的檔案。因此

網站設計者若要針對瀏覽器可顯示的檔案格式啟動下載功能，則須使用伺

服器端的語言撰寫語法，強制瀏覽器下載檔案，而非直接開啟。

6. 圖片與多媒體圖片與多媒體圖片與多媒體圖片與多媒體（（（（Images and Multimedia））））

圖片與多媒體能讓網站的視覺效果加分，但若使用不當，會造成檔案

過大、使用者下載時間過長，或未顧及多媒體的可及性而讓某些使用者無

法正常觀看。

圖片與多媒體的設計，應考量檔案格式、大小、介面及傳輸速度，確

保下載快速、顯示良好。

6.1. 網頁圖片兼顧清晰品質與下載時間網頁圖片兼顧清晰品質與下載時間網頁圖片兼顧清晰品質與下載時間網頁圖片兼顧清晰品質與下載時間

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

網頁的圖片清晰可讓網頁美觀，然需注意適當的圖片下載時間，以免

使用者因過長的等待時間而感到不耐煩。

﹝實作說明﹞

網頁呈現出來的圖片尺寸若比實體圖片大，圖片看起來會模糊不清，

若比實體圖片小，會讓使用者浪費時間下載不必要的大圖。因此建議於網

頁上編排圖片時，可先在影像軟體中調整好圖片尺寸，再輸出為 JPEG或

GIF，確保圖片尺寸與網頁呈現的尺寸相同，檔案大小適當，與呈現出清

晰的品質。

120

6.2. 若起始頁為動若起始頁為動若起始頁為動若起始頁為動畫畫畫畫，，，，確保可略過動畫確保可略過動畫確保可略過動畫確保可略過動畫

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

使用者前往政府網站通常是為了查詢資料或處理工作，他們希望越快

越好，無暇欣賞酷炫的動畫。若網站起始頁為動畫，建議提供「略過動畫」

（skip）功能。

﹝實作說明﹞

製作起始頁動畫時，建議以「按鈕」或「文字」連結至下一頁，並提

供「略過動畫」（skip）功能，讓使用者能直接看到不同語言版本的選擇按

鈕，連結不同版本的首頁。

6.3. 確保確保確保確保多媒體多媒體多媒體多媒體網頁可網頁可網頁可網頁可關閉音關閉音關閉音關閉音效效效效

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

Flash動畫的音效或網頁背景音樂會干擾身心障礙者使用輔具讀取網

頁，因此請確保網頁中的音效可關閉。

﹝實作說明﹞

網頁設計者可在 Flash動畫的介面中加入「音效開啟與關閉」的切換

按鈕，讓使用者自由選擇是否要聽到聲音。另一方面，考量使用輔助工具

讀取頁面時的方便，音效開關按鈕宜放置在多媒體網頁中的第一個按鈕。

6.4. 確保確保確保確保Flash多媒體介多媒體介多媒體介多媒體介面可以鍵面可以鍵面可以鍵面可以鍵盤操作盤操作盤操作盤操作

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

若 Flash介面能以鍵盤來操作，可讓身心障礙者感受到多媒體介面的

方便與互動，提高介面的可用性與可及性。

121

﹝實作說明﹞

Flash設計者在製作介面時，應提供使用者以 Tab鍵與 Enter鍵來操作：

� Flash介面選項按鈕應可用Tab鍵切換，讓鍵盤使用者能順利操作。

� 確保按Enter鍵可以執行。

若考量到無法讀取 Flash檔案或使用文字瀏覽器的使用者，則建議

Flash介面中的選項按鈕或超連結，提供可及性替代按鈕或超連結。

6.5. 為為為為影像影像影像影像、、、、聲音聲音聲音聲音、、、、與與與與多媒體介多媒體介多媒體介多媒體介面提供文字面提供文字面提供文字面提供文字說說說說明明明明

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

為多媒體加上替代文字，身障者瞭解資訊內容。

﹝實作說明﹞

針對不同種類的影片提供文字說明之建議如下：

� Flash互動介面：為Flash按鈕加上替代的文字說明（Alt）。

� 僅有背景音效或音樂的影音檔案：加註替代文字(Alt)，或在網頁上

提供說明文字。

� 有對話、旁白或錄音的影音檔案：在網頁或影片中提供同步的文

字或字幕。

7. 表單表單表單表單（（（（Forms））））

所謂的線上表單，並非讓使用者另存 PDF或Word檔填寫，而是真正

的電子化表單（Electronic forms）。建置線上表單是一項複雜的工作，需整

合前端申辦窗口與後端審核、同意、報表等機制，需要密集的溝通與團隊

合作才能完成。線上表單也是評核政府績效的重要指標。

122

政府單位費心提供線上服務，使用者也必須花時間耐心填寫表單，若

表單設計不佳，容易發生訊息錯誤、無效、選項令人困擾等問題。因此，

表單設計須考量可用性與可及性，才能發揮應有的效益。

7.1. 在在在在輸入框輸入框輸入框輸入框旁旁旁旁邊邊邊邊加註加註加註加註填寫限制填寫限制填寫限制填寫限制、、、、格式或提供格式或提供格式或提供格式或提供填寫範填寫範填寫範填寫範例例例例

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

表單搭配適當的解說可確保使用者填寫正確有效的資料。ㄧ般表單設

計者雖會以偵錯功能提示使用者，卻未在表單輸入框旁標示正確的填寫方

式或解說。若使用者填完冗長的表單，按了「送出」按鈕才被告知格式錯

誤或無效，會讓使用者對表單感到不耐與困擾。

﹝實作說明﹞

製作表單介面時，建議在適當處標註解說：

� 標明必填或非必填項目：以慣用、清楚的方式標明必填項目（通

常是紅色「＊」米字標記）。

� 標明字數限制：對於帳號、密碼、文字框等有字數限制的輸入框，

應明確標示字元或字數限制。

� 標明填寫格式與範例：對於表單填寫的特殊限制，如電話輸入時

不加「-」連接線，或Email輸入時須填寫「@」符號…等，於輸入

框旁應加上填寫格式與範例，可幫助使用者瞭解正確的填寫方式。

7.2. 確保確保確保確保表單表單表單表單的可的可的可的可及及及及性性性性

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

表單對身心障礙者而言，使用困難度相當高。在設計表單介面時，應

考慮到表單的可及性。

﹝實作說明﹞

123

行政院研考會現有的「無障礙網頁開發規範」已完整考量到表單的可

及性，供各機關依照所需達到的無障礙等級參考採用，如：「對於表單中

的圖形按鍵提供替代文字說明」、「對於表單元素考慮提供鍵盤快速鍵的操

作」、「具體指出按下 Tab鍵在表單控制項、超連結及物件間移動的順序」

等等。

7.3. 確保確保確保確保輸入輸入輸入輸入框框框框有有有有足夠足夠足夠足夠的的的的空空空空間間間間

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

表單輸入框有足夠的空間，可方便使用者編輯或修改輸入的內容。

﹝實作說明﹞

設計表單時應確保輸入框的寬度能讓使用者輸入全部的文字。建議表

單製作完成後，邀請數位使用者實際操作表單，透過實測瞭解使用者平均

輸入的字數，確認表單寬度足供一般人填寫。

7.4. 格式格式格式格式錯誤錯誤錯誤錯誤或或或或未填寫未填寫未填寫未填寫的資料的資料的資料的資料，，，，應應應應告知使用者告知使用者告知使用者告知使用者正正正正確的處確的處確的處確的處理理理理方式方式方式方式

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

一般網頁設計者在撰寫表單程式時，通常會加上偵錯功能確保資料格

式的正確。然而，當偵測到使用者輸入的格式錯誤時，如未能告知正確的

處理方式，將無法避免使用者再次填入錯誤的資料。因此建議表單程式應

告知使用者正確的處理方式。

﹝實作說明﹞

使用者填寫的表單若格式有問題，可於表單「送出」按鈕寫入偵錯程

式，一次檢查表單全部的資料格式。若有格式錯誤的資料，可至下一頁顯

示有問題的欄位有哪些，並告知使用者正確的處理方式。

124

7.5. 在在在在表單表單表單表單旁旁旁旁提供提供提供提供聯絡聯絡聯絡聯絡資資資資訊訊訊訊，，，，如如如如Email、、、、電話電話電話電話等等等等

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

政府網站提供的服務，若只有電子化的表單，某些使用者會因為不熟

悉網路操作而無法享受機關提供的服務。因此建議線上表單旁可標示

Email、電話等相關聯絡資訊，適時提供諮詢服務。

﹝實作說明﹞

除於網站版面下方提供機關聯絡資訊外，也可在線上服務旁邊標示該

服務專屬的諮詢電話、Email及可供使用者下載的表單檔案。

8. 搜尋搜尋搜尋搜尋（（（（Search））））

使用者在網站上尋找資料，ㄧ般而言有兩種模式。一是循網站導覽列

逐一點閱網頁，二是透過搜尋機制尋找。便利的搜尋工具可幫助使用者更

快找到所需的資料內容。

搜尋技術是一門專業學問，若機關網站提供大量的文件與資料，建議

應購置、安裝搜尋引擎。將搜尋引擎套入網站介面時，須考量使用者操作

瀏覽的習慣，例如：輸入框的位置是否恰當、搜尋結果頁，並注意是否有

進階搜尋的功能。

8.1. 搜尋結果頁搜尋結果頁搜尋結果頁搜尋結果頁應方便檢閱應方便檢閱應方便檢閱應方便檢閱

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

當使用者運用搜尋功能時，符合條件的資料可能有幾十筆或上百筆。

清楚的搜尋結果頁可讓使用者迅速確認哪一筆資料確實符合其需求。

125

﹝實作說明﹞

易讀的搜尋結果頁應具備以下要素：

� 應明確告知查詢結果，找不到相符資料時宜顯示「查無資料」，不

應顯示一片空白。

� 明確告知查詢結果筆數與頁數，如「查詢到 100筆，共 4頁。」

� 應可換頁，並讓使用者能選擇瀏覽「上ㄧ頁、下一頁、第一頁與

最後一頁」，並告知目前所在頁數。

� 搜尋結果應包含符合的網頁或文件標題。

� 符合的網頁或文件可顯示摘錄文字，其中使用者所輸入關鍵字以

粗體紅字表示。

� 可重新用關鍵字搜尋，或進入進階檢索。

� 檢索結果排序方式，提供相似程度、時間、主題…等有多樣選擇。

� 搜尋結果分頁條件可由使用者改變設定 ，如：每頁 25筆、50筆

或 100筆等。

8.2. 提供提供提供提供進階進階進階進階搜尋搜尋搜尋搜尋

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

進階檢索可提供更多種搜尋篩選條件。網頁提供進階檢索功能，可提

高介面可用性。

﹝實作說明﹞

一般使用者較少運用到進階檢索功能，因此簡單的關鍵字搜尋可做為

一般網頁預設的搜尋方式。但建議在簡單搜尋的輸入框旁，放置進階搜尋

的連結，讓使用者可自行選擇使用簡單或進階兩種搜尋方式，提升可用

性。進階檢索頁應可讓使用者以多種條件組合檢索，並且提供淺顯易懂的

使用說明。

126

9. 內容內容內容內容提供提供提供提供(Content Requirements)

提供內容是網站的重要服務，政府網站的內容應切合目標使用者的需

求，並遵循網站架設的宗旨。根據「政府資訊公開法」，建議政府網站主

動提供政府機關之組織、職掌介紹，可參考規範 9.1「提供單位及主管業

務介紹」；政府地址、電話、傳真、網址及電子郵件信箱帳號於本規範之

「網頁組成要素」有具體之建議；其他之政府資訊公開則請參考規範 9.4

「提供機關主管業務所產生的核心資訊」。

9.1. 提供提供提供提供單單單單位位位位及及及及主主主主管業管業管業管業務務務務介紹介紹介紹介紹

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

提供機關的運作方式、組織架構、下屬機構、歷史背景等基本介紹，

可讓民眾瞭解機關運作方式或歷史沿革。

﹝實作說明﹞

機關介紹可包含以下資訊：

� 機關介紹：組織、職掌、沿革、重要人事、重要事件及下屬機

關介紹…等。

� 主管業務說明：應涵蓋機關主要施政方針、業務與服務項目。

9.2. 提供民提供民提供民提供民眾申辦機關眾申辦機關眾申辦機關眾申辦機關服務的服務的服務的服務的介紹及介紹及介紹及介紹及相相相相關關關關程序程序程序程序說說說說明明明明

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

網站服務的基本介紹、服務流程、服務辦法應明列於網站上，讓民眾

瞭解如何取得機關提供的服務。

﹝實作說明﹞

可提供申辦須知、主要申辦業務流程說明或為民服務白皮書。

127

以下為建議事項：

� 申辦業務說明應涵蓋機關主要申辦的業務項目。

� 說明方式應清楚易懂或有範例介紹。

9.3. 提供提供提供提供單單單單位最位最位最位最新消息新消息新消息新消息、、、、公公公公告告告告事項事項事項事項或或或或活活活活動時程動時程動時程動時程等等等等動動動動態態態態資資資資訊訊訊訊

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

動態資訊指新聞稿、活動訊息、最新消息等須對外公開且更新頻率較

高的資訊。此類資訊可反應網站的更新頻率，提高使用者的再度拜訪率。

﹝實作說明﹞

提供最新消息與活動訊息時，宜標明新聞張貼日期、截止日期或活動

期間，確保時效之外，以下為其他建議：

� 可於首頁直接點選。

� 標題簡明易懂，內容簡單清楚。

� 標明提供單位，讓民眾了解該資訊的業務歸屬單位及詢問對象。

9.4. 提供提供提供提供機關機關機關機關主主主主管業管業管業管業務所務所務所務所產生產生產生產生的的的的核心核心核心核心資資資資訊訊訊訊

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

根據「政府資訊公開法」，機關應於網站上提供主管業務的核心資訊，

如：年報、出版品、統計資料、業務報告、會議記錄、法規資訊等。

﹝實做說明﹞

請各機關參考「政府資訊公開法」第 7條所訂定之政府資訊，並且將

按鈕命名為「政府資訊公開」，放置於版面左中(參考圖 5-1)。

128

9.5. 提供相提供相提供相提供相關單關單關單關單位網站連結資位網站連結資位網站連結資位網站連結資訊訊訊訊

﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

﹝規範理由﹞

蒐集相關單位的連結，可引導民眾獲得更多相關資料，豐富網站內容。

﹝實作說明﹞

網站的「相關連結」單元應避免商業連結，建議蒐集以下連結：

� 下屬或上層機關網站。

� 屬性相近之服務連結。

� 業務相關單位網站及網路資源。

9.6. 提供語提供語提供語提供語音音音音資資資資訊訊訊訊服務服務服務服務（（（（Audio Clips））））

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

提供語音資訊可讓網站內容更豐富、多元。

﹝實作說明﹞

政府網站提供的語音資訊包含演講稿、導覽資訊、典藏音樂檔、課程

錄音、歌曲、廣播宣傳等，以下為注意事項：

� 符合「無障礙網頁開發規範」多媒體的規定。

� 將網站的影音資訊彙整成「影音專區」放置於網站明顯處。

9.7. 提供提供提供提供影音影音影音影音資資資資訊訊訊訊服務服務服務服務（（（（Video Clips））））

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

提供影音資訊可讓網站內容更豐富、多元。

﹝實作說明﹞

129

政府網站提供的影音資訊可包含宣導短片、課程錄影、演講錄影、劇

情動畫等。以下為注意事項：

� 符合「無障礙網頁開發規範」多媒體的規定。

� 將網站的影音資訊彙整成「影音專區」放置於網站明顯處。

10. 內容撰寫內容撰寫內容撰寫內容撰寫(Writing for the Web)

政府網站提供內容除了應正確且切合使用者需求外，也需考慮使用者

透過螢幕閱讀，不同於傳統的紙張閱讀，故提供網頁內容撰寫方式相關規

範供參考。

10.1. 網頁文章標題與重點應明確標示網頁文章標題與重點應明確標示網頁文章標題與重點應明確標示網頁文章標題與重點應明確標示，，，，以以以以利快速利快速利快速利快速瀏覽瀏覽瀏覽瀏覽

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

使用者瀏覽網頁時，大多快速瀏覽而非逐行閱讀。因此，將紙本文件

轉換至網頁時，應考量使用者的閱讀習慣，明確標示標題與重點，方便使

用者快速抓到重點。

﹝實作說明﹞

以下建議可讓文章易於瀏覽：

� 標示結構重點：為文章下主要標題，為段落下次要標題。

� 條列式的文字應使用符號清單。

� 段落文字的重點可用粗體。

10.2. 連結文字與目標內容相符連結文字與目標內容相符連結文字與目標內容相符連結文字與目標內容相符

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

130

ㄧ般網頁瀏覽者習慣將畫有底線的文字視為有連結的項目。若標示底

線的連結文字與連結目標內容不相關或不相符，會造成可點選的項目不夠

清楚，或讓使用者無法快速瀏覽網頁。

﹝實作說明﹞

製作網頁時，建議將相關性最高的文字設定為連結，讓使用者在點選

之前就能得知即將閱讀的內容。

以填寫訂單為例，「請按此下訂單」就不夠清楚，建議改為「請填寫

訂單」，將相關性最高的文字設定為連結，讓使用者點選之前就能得知連

結的目標內容為何。

10.3. 英文版內容要適切英文版內容要適切英文版內容要適切英文版內容要適切

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

﹝規範理由﹞

英文版的使用者分為境內外語人士與境外外語人士二種，因此英文版

的內容應考量使用者的需求，方可提高英文版網站的可用性。

﹝實作說明﹞

英文翻譯應注意專有名詞的一致與適切。行政院研考會已頒有《英文

網站翻譯審稿作業參考手冊》29，供機關下載參考。英文版網站內容建置

應符合以下原則：

� 下載的檔案、表格應為英文版。

� 連結的網站、網頁應為英文網站。

� 英文版sitemap應符合英文版內容架構，不與中文版共用。

29行政院研考會《英文網站翻譯審稿作業參考手冊》。可於行政院研考會「雙語知識管理平台」下載。網址：

http://bilingual.rdec.gov.tw/。

131

11. 內容管理內容管理內容管理內容管理(Content Management)

網站最主要的功能是提供內容，但國內政府網站經常是由資訊部門主

導網站架設，欠缺其他內部資源的協助與配合，導致內容品質不良或過於

制式化。

建議機關應制定網站內容管理流程，劃分責任歸屬與職掌，將工作分

為審查、上稿、檢視等，提高網站內容的品質與維護。內容的提供與管理

應符合以下原則：

� 公正：公平合理。

� 完備：內容完整。

� 可信：避免錯誤訊息或錯別字。

� 易讀：適合螢幕閱讀。

� 通順流暢：措詞恰當無贅字。

� 清楚明確：傳達清楚正確的訊息，不矛盾模糊。

� 符合需求：符合使用者的教育程度及需求。

11.1. 定期定期定期定期更新更新更新更新網站內容網站內容網站內容網站內容，，，，並標示並標示並標示並標示更新更新更新更新日期日期日期日期

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

﹝規範理由﹞

網站內容應定期更新，提升時效與使用者的再次拜訪率。

﹝實作說明﹞

為確保網頁內容仍具時效，建議依實際業務狀況定期更新網頁的動態

訊息，並提供上線時間或最近檢閱日期。網頁夾帶的文件檔也可提供出版

日期。

11.2. 定期檢視全網站資料定期檢視全網站資料定期檢視全網站資料定期檢視全網站資料

﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

132

﹝規範理由﹞

政府單位應提供正確資訊，故內容正確與否非常重要。為確保內容正

確，網站資料宜定期檢視。

﹝實作說明﹞

以下網站資料宜定期檢視，並於網頁加上最近檢閱時間：

� 無效連結：建議網站管理者可使用國內無障礙網頁空間所提供

的Freego檢測工具進行全站檢測，找出無效連結之後，移除無用

的檔案與連結。

� 網頁內容：檢查網頁內容的分類是否仍然適當，網站地圖

(Sitemap)是否與網站架構相符合。

� 視窗標題：檢查網頁內容是否與視窗標題相符。

� 聯絡資訊與機關介紹：建議檢查各業務窗口的聯絡資訊是否仍

然正確，特別是人員異動、或辦公室位置搬遷等事件之後。

133

三、補充說明

以上明列了內容管理、無障礙網頁製作與內容互通共享等相關規範，

本節針對實際運作上可能遭遇的問題，提出相關說明。

（一）內容管理系統

網站內容的製作更新機制與管理流程，建議各機關採用自動化內容管

理（Content management）機制輔助運用，市面上已有軟體平台可供採購。

各機關可依需求選擇合適的內容管理系統，並可運用此類系統管理帳

號權限、資料審查上線、資料的時效控制，以維護網站內容的品質。表 5-2

為挑選內容管理系統的建議：

表 5-2 內容管理系統功能條件建議

功能 描述

開放標準 系統可支援大部分的開放式標準，特別是 XML30或Web Service。

追蹤與審查 可紀錄系統上的編輯動作，並可透過系統審視追蹤。

Web Based（瀏覽器為介面）

Web Based（瀏覽器為介面）讓維護人員無需在個人電腦上安裝特別的軟體，打開瀏覽器即可進入，且在任何地點、任何時間，只要能夠經由電腦連上網際

網路即可操作。

可編輯網頁詮

釋資料 系統可維護網頁詮釋資料（Metadata），如 Title、Description、Keyword等重要的詮釋資料。

人員權限管理 可讓網站管理者控制各單位、各單元維護人員的帳號、密碼與使用權限。

資料回溯能力 管理介面應能依照日期、時間來尋找和追溯歷史資料、下線資料及歷史檔案。

資料來源：本專案整理

30 關於 XML 請參考「附錄一、名詞解釋」與「附錄四 Web 2.0與政府網站的應用」。

134

（二）無障礙網頁的維護

在內容維護管理方面，參考第貳章中無障礙網頁規範的相關討論。本

專案建議機關採委外方式由專業廠商製作符合無障礙標準的網頁樣版

（Web Template），樣版中制定標題、文字內容與圖片區塊或欄位，運用內

容管理系統結合網頁樣版與後台管理機制，機關內部維護人員可進入後台

編輯內容的標題、文字內容與圖片。如圖 5-2所示，畫面左邊為後台編輯，

可編輯展覽名稱、新聞標題、發布日期與內文。畫面右邊為前台網頁，呈

現出後台編寫的各個欄位。

資料來源：中華民國對外貿易發展協會「台北專業展」網站。

圖 5-2 欄位式編輯

上述方式的優點是維護者不需學習網頁編輯軟體與無障礙網頁規

範，即可製作出符合無障礙標準的網頁內容，缺點為樣版區塊固定，不可

做其他編輯與變化，呈現的內容無法依維護人員的個人喜好做變化。

135

若機關考量保留下屬單位各自編輯網頁之彈性，建議可採購內建

HTML 編輯器的內容管理系統。HTML 編輯器可允許不會編輯網頁的人也

能以「所見即所得」的方式（What you see is what you get）編輯文字大小、

顏色、表格或插入圖片，大大增加網頁編輯的彈性。如圖 5-3所示，畫面

左邊為後台編輯框，畫面右邊則為前台呈現出來的網頁。

資料來源：行政院國軍退除役輔導委員會入口網站。

圖 5-3 HTML編輯器

機關選擇 HTML 編輯器之前，應考量內部維護人員資訊化的程度。若

各機關的維護人員要求網頁編輯的彈性，則必須學習並熟悉無障礙規範。

例如：表格須加入正確的 summary屬性（無障礙規範 5.5：H305004 表格

須提供表格摘要說明）、標示 th 屬性（無障礙規範 5.1：H105100 對於每

一個存放資料的表格，標示出行和列的標題）等等共 90 條的規範。根據

行政院研考會所公佈 95 年度無障礙網路空間推動報告（行政院研考會，

民 95年）31，掛有無障礙標章的機關網站，僅有 3成符合機器檢測的標準，

31 資料來源：行政院研考會「95年度無障礙網路空間服務推廣委外服務案」《政府機關無障礙網

136

可見無障礙的技術對國內的專業資訊廠商而言，仍有極大的改進空間，更

遑論對機關內部的網頁維護者而言，製作無障礙網頁更是一項困難的工作

與技術，因此建議機關規劃網站時慎選網頁的編輯方式！

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

Metatdata32可協助搜尋引擎提供更精確的資料，對身心障礙人士初步

了解網頁概要有相當大的幫助。

現階段國內政府網站的網頁詮釋資料大多只有使用網頁 Title 資訊，

Metadata的運用仍顯不足。增加欄位雖可提升資訊被搜尋到的能力，卻也

大量增加作業成本，而錯誤的 Metadata資料也會導致搜尋結果不正確。

搜尋資料是使用者上網最常見的動作，提供 Title、Description、

Keywords等詮釋資料，可作為搜尋引擎判斷與顯示搜尋結果的依據。身心

障礙者藉由輔助系統讀取網頁時，網頁的 Title、Description等詮釋資料也

可幫助他們瞭解摘要內容，減少找尋資料的時間，因此建議將此三欄位訂

定為基本必要的欄位。

Author是W3C可及性的標準欄位之ㄧ；Date欄位可幫助使用者瞭解

資訊的建立日期，因此建議將 Author與 Date納入提供 Metadata的考量。

路空間推動報告》，民 95年，頁 3。可於此網址下載：http://enable.nat.gov.tw/download.jsp。 32 關於網頁詮釋資料(Metadata)請參考「附錄一、名詞解釋」。

137

表 5-3 詮釋資料欄位定義與語法

詮釋資料欄位 定義 Html語法格式

Title 網頁標題名稱。命名時

需注意網頁標題名稱

須與內容相關。

<HTML>

<HEAD>

<Title>網頁標題名稱</Title>

</HEAD>

<BODY>

</BODY>

</HTML>

Description 網頁內容摘要。撰寫時

應取其精華，讓人能清

楚瞭解網頁內容概要。

<HTML>

<HEAD>

<META name="description" content="內容資訊摘要">

<Title>網頁標題名稱</Title>

</HEAD>

<BODY>

</BODY>

</HTML>

Keywords 網頁內容關鍵字。撰寫

時需注意關鍵字能否

傳達出網頁內容大意。

<HTML>

<HEAD>

<META name="Keyword" content="keyword1,keyword2,…">

<Title>網頁標題名稱</Title>

</HEAD>

<BODY>

</BODY>

</HTML>

Date 網頁內容建立日期或

修改日期。建議採用

YYYY-MM-DD 來表示。

<HTML>

<HEAD>

<META name="Date" content="2006-11-22 ">

<Title>網頁標題名稱</Title>

</HEAD>

<BODY>

</BODY>

</HTML>

Author 創作此網頁內容的作

者、機關或機構。 <HTML>

<HEAD>

<META name=" Author " content="行政院研考會 ">

<Title>網頁標題名稱</Title>

</HEAD>

<BODY>

</BODY>

</HTML>

138

Metadata的內容必須仰賴網站內容管理者細心建置與維護，若建置錯

誤或未及時更新，將導致搜尋引擎無法精確搜尋，並造成視障人士閱讀網

頁時認知錯誤。因此建議網站可採用內容管理系統，以資料庫為基礎、各

單元的ㄧ筆資料為單位，所需的 Metadata欄位分別制定相對應的輸入介

面，儲存至資料庫並於網頁顯示。

（四）內容互通共享

目前幾乎政府各級單位均設立網站，然屬同ㄧ上級單位的網站各自設

置，可能提供相同的動態新聞、活動訊息、新聞稿等，而造成不必要的資

源浪費，因此「一處上稿、多處分享」的需求逐漸增加，本規範也建議機

關在設置網站時可參考規劃。

內容互通的方式很多，各政府機關可根據各自屬性與所要互通的單位

談定互通方式，本規範提出兩種設計方式供機關參考，分別為互通的資訊

欄位與 RSS格式聯播：

1. 建立可互通的資訊欄位

要建立互通的資訊欄位，各單位需要針對所需共享的內容單元，談定

所需互通的欄位與串接技術標準，於本報告「附錄六 網站架構建議」中

「表附 6-1 網站架構與單元名稱建議表」，各機關可參考選定共享互通的

單元，再根據「表附 6-2 基本欄位建議表」選定單元可互通的欄位。各單

位需依照機關執行面決定各欄位與串接技術，此處僅為參考建議。

2. 運用 RSS格式提供具互通性的內容

RSS 即 Really Simple Syndication、 RDF（ Resource Description

Framework） Site Summary或 Rich Site Summary的縮寫。是一種用於共享

139

新聞和其他 Web 內容的資料聯播規範。主要運用「推的技術」（push

technology），將訂戶訂閱的內容傳送至新聞蒐集器裡。

RSS的優點有：

� 即時性（Timely）：RSS的訂閱者可最快得到最新訊息與頭條新

聞，不用被動地到每個網站上搜索。

� 具有成本效益（Cost-effective）：RSS能大大減少資料傳輸和發送

的成本。新聞郵件的發送者無需花費太多經費，即可將訊息散播

給每個訂閱者。

� 統一的標準：RSS有標準定義的<Tag>，提供RSS的網站都依循同

樣的標準，方便解讀且易於管理。

� RSS可整合在電子郵件中：RSS支援軟體可將收到的RSS訊息完整

地轉換為電子郵件格式。訂閱者可依自己的偏好訂閱，亦可避免

垃圾郵件與病毒。

� 兼顧隱私與安全：RSS的訂閱者不用提供私人電子信箱，發送者

也不能重複寄發廣告信與垃圾郵件。RSS的發送者無法利用網路

大量傳送相同訊息給未要求傳送訊息的使用者，故能兼顧訂閱者

的隱私與安全。

由於 RSS技術的發展，網站間的資料可相互串連引用，不用重複輸

入，提升資料維護的一致性。例如，A機關網站要刊載 B機關網站發布的

訊息，僅需訂閱 B 機關 RSS相關內容即可，不用再將訊息重複輸入自己

的網站管理系統。

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

1. 首先，「資料推播者」機關B、C，須就資料串連內容提供RSS訊息

服務。

140

2. 「資料訂閱者」機關A，透過RSS訂閱管理功能，訂閱「資料推播

者」機關B、C的RSS訊息服務。

3. 「資料訂閱者」機關A，透過RSS訊息顯示功能，將「資料推播者」

機關B、C的訊息刊登在機關A的網站上。

4. 若「資料推播者」事後再更新資料內容時，只需同步更新RSS訊

息服務內容，「資料訂閱者」所刊載的內容也會一併更新，以此達

成資料串連的目的，並維持資料的ㄧ致性。

141

內部系統

內部系統

網站內容

維護人員

RSS訊息服務

RSS訂閱管理

RSS

網站內容

維護人員

內部系統

網站內容

維護人員

A

B機關最新RSS文件

RSS訊息顯示

RSS訊息服務

RSS訂閱管理

C

RSS訊息顯示

RSS訊息服務

RSS訂閱管理

B

RSS訊息顯示

訂閱B機關所提供之RSS資訊

訂閱A機關所提供之RSS資訊

C機關最新RSS文件

A機關最新RSS文件

訂閱C機關所提供之RSS資訊

資料訂閱者：A機關

資料推播者：B、C機關

RSS訊息服務：即資料內容提供 RSS Feed格式。

RSS訂閱管理：即維護管理 RSS Feed鏈結的管理介面。

RSS訊息顯示：即可讀取 RSS Feed格式內容，並將其顯示於瀏覽器上。

A機關透過 RSS訂閱管理功能，訂閱 B、C機關的 RSS訊息。

A機關運用 RSS訊息顯示功能，便可將 B、C機關的訊息刊登在 A機關的網站上。

圖 5-4 RSS資料串連架構圖

142

陸、結論與建議

本專案旨在對我國政府網站版型與內容管理進行規範，規範的制定以

不牴觸現有規範為原則，並針對不足之處彌補，期以專業角度協助政府機

關建置高品質的網站。

本專案先探討國內外規範對本專案的意涵，在國內規範方面，探討的

規範有：《全面提升政府網站服務品質專案》、《電子化政府共通平台規

範》、《無障礙網頁開發規範》、《英文網站版型及使用介面參考手冊》；

本專案並探討國外政府網站規範，參酌國外規範的啟示，以助本專案制定

適當的規範。探討的國家或地區包括：加拿大、澳洲、香港、美國。

為了解國內外政府網站現況，本專案觀察了國內外網站在版型一致性

與內容管理等方面的實際情形。國內方面，本專案深入調查 23 個網站，

了解可用性與可及性是否符合使用者需求。國外方面則觀察了數個國家或

地區的現況，包括：韓國、新加坡、加拿大、澳洲、香港、美國、英國。

本專案目的乃在利用研究結果制定規範，規範的概要如以下結論所

示。

一、結論

1. 版型一致性方面

本專案的版型規範乃依循國內現有規範，參酌世界各政府網站規範，

觀察國內外政府網站之可及性、可用性，能適合各機關網站的需求，並滿

足大部分的使用者。規範內容包括：使用者呈現裝置、網頁元素、導覽、

歡迎頁、首頁設計、文字樣式與連結、圖片與多媒體、表單與搜尋等。本

專案的版型規範制定了某些元素必要性與位置的一致性，並保持充分的彈

性，使機關網站能發揮最大的效益。機關網站並可參考規範中建議的網站

導覽架構與用語，提升網站版型的可用性。

143

2. 內容管理方面

本專案的內容管理規範乃依循國內現有規範，參酌各政府網站規範制

定而成。政府網站必要提供內容必須遵循《政府資訊公開法》，在可用性

最大化下，應提供聯絡資訊、服務說明介紹、動態資訊、機關介紹、機關

業務資訊、隱私權保護、資訊安全宣告等內容。

本專案建議了適合我國國情的 Metadata欄位，包括：標題（Title）、

描述（Description）、關鍵字（Keywords）、日期（Date）及作者（Author）

等 5項。本專案另建議政府機關提供「一處上稿、多處共享」的概念，建

議互通的資料欄位，與 RSS格式的聯播共享，期望減低內容蒐集與管理的

成本。

二、建議

1. 內容管理可再探討其他議題

內容管理的領域相當廣泛，本專案僅著重於必要提供內容、網站架

構、Metadata及 RSS應用等。建議專案主管單位可再朝資訊管理、檔案架

構、網站資訊安全、加值行銷、線上與互動服務、營運管理、創新內容等

最佳實務委由專業機構進行探討，並制定規範供機關遵循，以更進一步提

升國內政府網站整體品質。

2. 民意蒐集功能有檢討之必要

政府機關人力有限，網站的討論區、民意蒐集等功能往往效果不彰，

一旦網站上具備這些功能就需要妥善地經營與維護。國外政府網站較少使

用討論區，多數以線上表單的方式傳送意見（如 Feedback功能），討論區

的必要性有需要進一步探討。另外，國外對於線上互動方式亦已訂有相關

規範，國內的民意蒐集功能亦應有正確的規範與流程，以確保民眾的意見

得到尊重與處理。

144

3. 應建立規範之文件、套件網站

本專案已依據現有規範，並以可用性、可及性、使用者滿意度等制定

規範，然而，網站管理者及設計者在建立網站時可能需要更完整的資訊。

國外政府為協助各機關依循，均架構政府網站規範的專屬網站，提供所有

文件與最佳實務的連結，並提供相關套件（Toolkit），供各機關直接採用。

建議在未來推廣方面，專案主管機關應再提供經費，著手架設此類網站，

以協助國內政府機關以最小成本落實版型一致與內容管理。

4. Web 2.0應予以善用，也應善加管理

Web 2.0的議題在 2004年提出後，受到網站從業人員的重視，雖然

Web 2.0可鼓勵民眾參與，提高公共服務的品質，然而若沒有專人善加管

理，反而會對內容的提供造成品質低下的情形，進而有損機關與政府的整

體形象。如何良好地管理Web 2.0是最近的未來必須投入研究及規範的。

有關Web 2.0的介紹，本專案以「附錄七、Web 2.0與政府網站的應用」

闡述於后。

145

參考資料

一、中文部份

(一)規範

1. 行政院研究發展考核委員會，民 92，《無障礙網頁開發規範》。

2. 行政院研究發展考核委員會，民 94，《全面提升政府網站服務品質專

案──對政府網站評鑑的研究》。

3. 行政院研究發展考核委員會，民 94，《英文網站版型及使用介面參考

手冊》。

4. 行政院研究發展考核委員會，民 94，《電子化政府共通作業平台規

範》。

5. 行政院研考會，民 95年，《政府機關無障礙網路空間推動報告》。

(二)專書

1. Jocob Nielsen & Marie Tahir著，民 91，《Homepage 完全解構：50個知

名網站設計詳析》，台北，上奇科技。

2. 胡為君譯；Steve Krug；《如何設計好網站：Don’t Make Me Think》，

台北，上奇科技，民 95。

3. 黃朝盟、趙美慧著，民 91，《.com的策略規劃與設計》，商鼎文化出版

社。

4. 財團法人資訊工業策進會，民 95，《Web 2.0 /網路上有錢/創意在裡

面》，台北經濟部技術處。

5. 財團法人資訊工業策進會，民 95，《Web 2.0創新應用案例集》，台北

經濟部技術處。

146

(三) 期刊、論文

1. 洪偉釗，民 90，《網站可用性之研究-兼論我國政府網站管理者對於網

站可用性的重視情形》，東海大學公共行政學系碩士論文。

(四)網頁

1. http://www.a-site.nat.gov.tw

2. http://bilingual.rdec.gov.tw/

3. http://law.moj.gov.tw/

4. http://law.moj.gov.tw/Scripts/newsdetail.asp?no=1I0020026

5. http://rs.gsn.gov.tw/

6. http://webxact.watchfire.com/

7. http://www.ey.gov.tw/

8. http://www.gsp.gov.tw/index-download-5.htm

9. http://www.ncl.edu.tw/introduce/intro_1.asp

10. http://www.tipo.gov.tw/

二、英文部分

(一)規範

1. "Australian Government Implementation Manual: AGLS Metadata Version

2.0", National Archives of Australia, May 2006

2. "Government Website Standards", Government of South Australia, May

2005.

3. "New Zealand Government Web Guidelines: Guidelines for the

management and design of New Zealand public sector websites". February

2004.

4. "Quality Framework for UK Government Website Design: Usability issues

for government websites", July 2003.

147

5. "Research-Based Web Design & Usability Guidelines", University of

Maryland, May 2003.

6. "The NHS Identity Guidelines for Websites", Crown copyright, 2005.

7. "Web Presentation Guide 5.0", Access Washington, 2006.

8. "Website Guideline", Information Technology Resource Management,

CommonweAlth of Virginia, November 2005.

9. "Website Guidelines", Whole of Victorian Government, March 2002.

10. "Website Standard", Information Technology Resource Management,

CommonweAlth of Virginia, November 2005.

11. http://www.firstgov.gov/webcontent/

12. http://www.tbs-sct.gc.ca/clf-nsi/216-web_e.asp.

(二)專書

1. A Practical Guide to Usability Testing (Revised Edition), Joseph S. Dumas

& Janice C. Redish, intellect,1999.

2. Defensive Design for the Web, 37 Signals, New Riders, 2004.

(三)研究報告

1. Darrell M. West, Global E-Government, 2006.

(四)網頁

1. http://app.mof.gov.sg/index.asp

2. http://www.affa.gov.au/

3. http://www.dcita.gov.au/

4. http://www.dec-ced.gc.ca/

5. http://www.direct.gov.uk/Gtgl1/GuideToGovernment/fs/en

6. http://www.info.gov.hk/digital21/e-gov/ ch/init/clf.htm

7. http://www.lighthouse.org/color_contrast.htm

8. http://www.mindef.gov.sg/imindef/home.html

148

9. http://www.moe.go.kr/

10. http://www.pch.gc.ca/index_e.cfm

11. http://www.tbs-sct.gc.ca/clf-nsi/216-web_e.asp

12. http://www.tbs-sct.gc.ca/clf-nsi/6/exmpl1_e.asp

13. http://www.tbs-sct.gc.ca/clf-nsi/6/exmpl2_e.asp

14. http://www.tbs-sct.gc.ca/clf-nsi/fip-pcim/40_e5.jpg

15. http://www.tbs-sct.gc.ca/clf-nsi/fip-pcim/40_e7.jpg

16. http://www.tbs-sct.gc.ca/fmi-cgi/standard-norme/standard-norme_e.asp

17. http://www.thecounter.com/stats/

18. http://www.vadsa.org/watg/

19. www.netapplications.com

20. www.virginia.gov

149

附錄一、名詞解釋

英文 中文 說明

Accessibility 可及性 不論為硬體、軟體、網站、應用程式或任何的資訊服務，提供給大眾

平等使用的能力，包括中老年人以及身心障礙人士。可及性通稱為「無

障礙」，如「無障礙網頁製作規範」。

Alt Tags 替代文

字標籤 為圖片加註文字敘述，對於文字瀏覽器的使用者以及視障者特別有

用。

Anchor Tags 錨點標

籤 HTML 網頁內的超連結，可跳至同頁特定位置，或跳至其他頁特定位置。

Breadcrumbs 麵包屑 即本規範所稱之「路徑連結列」；一條橫向的路徑列，指示使用者目

前的網頁相對於網站架構的層級。如「目前位置：首頁>機關介紹>各局室電話」。此路徑列也可加上連結，讓使用者能夠朝向網站的上

層瀏覽。

CSS 串接樣

式表 Casacading Style Sheet的縮寫，可讓各文字段落的樣式(如字型、顏色、字距等)分開定義，最後再串接起來套用在網頁上呈現。CSS的好處，可讓維護網頁視覺效果的工作更有效率，也能夠減少檔案大小

和下載時間。

Domain name 網域名稱

在網路上辨別一台電腦的方式是利用 IP Address，但一組 IP數字很不容易記，因此，人們將網路上的伺服器取一個有意義又容易記的名

字，這個名字就叫「Domain Name」。

Dublin Core 都柏林

核心集 詮釋資料(Metadata)格式的一種，目的是制定能有效描述網路資源特色，並提供檢索服務的方法。Dublin Core目前有 15個資料項用以描述網路資源，分別是：title、creator、 subjet、description、publisher、contributor、 data、type、format、identifier、source、language、relation、coverage及 rights。這 15個項目都可自由選用及重覆使用。

Metadata 詮釋資

料 通常解釋為資料的資料(data about data)，描述資料的系統，說明資料的情境、品質和狀態或者特質。

Monitor resolution

螢幕解

析度 螢幕上所容納的像素(pixel)，螢幕解析度是由顯示卡（Display Card）所決定，並不是由螢幕所決定。由於螢幕的顯示尺寸不會改變，當螢

幕解析度由 800*600被調整為 1024*768，螢幕上必須容納更多的像點，所以，原來的影像看起來會更加地細緻。另一方面，若網頁圖片

的寬度為 1000像素，在螢幕解析度為 800*600的螢幕顯示時，瀏覽器視窗就會出現橫向捲軸。

PDF 可攜式

文件 Portable Document File的縮寫，由 Adobe公司所發展出來的文檔格式，強調在文件中可攜帶字型出版、跨平台等好處。由於 PDF檔案不需要購買商用軟體，其閱讀程式可免費下載，也因此被視為開放性

檔案格式的一種。

RSS RSS （ Really Simple Syndication ）是一種可供網路使用者「訂閱」資訊格式，使用者只要知道某資訊的 RSS 位置，就可以透過各種閱讀軟體、客制化首頁（如 MyYahoo! ）、 Widget 等工具隨時閱讀最新更新的資訊，不用再定期查閱特定網站，同時可以將自己常看的資

訊來源彙整到一個單獨的介面，若要追蹤特定關鍵字的相關資訊，許

多 RSS 也能夠提供自訂功能。

資料來源：Yahoo!奇摩新聞 http://tw.news.yahoo.com/rss/index.html

150

英文 中文 說明

Usability 可用性 可用性是一種以使用者為中心的設計概念。網站可用性評估網站的有

效性(effectiveness)和易用性 (efficiency)，也評估網站使用者的滿意度(satisfaction)。

W3C World Wide Web Consortium的縮寫，意指網路協會。是一個專門用於 「開發網路潛在能力」的國際工業協會。成立於 1994年，以發明網路的 Tim Berners-Lee爲首的網路協會。已大於 450個 成員組織 - 其中包括 美國微軟公司、美國在線服務公司 (總公司爲 Netscape 通信公司)、蘋果電腦、Adobe公司、 Sun Microsystems，和一些其他類型的軟體及硬體公司研究所和電訊公司。這個協會由三個公共調查協會

組成 - 美國的麻省理工學院、歐洲的 INRIA、和日本的 Keio 大學。

資料來源：The Web Standards Project http://www.webstandards.org/learn/faq/faq_zh-traditional/#p211

XML 可擴展

標示語

言

XML 「可擴展標示語言」(eXtensible Markup Language) 是用於標示具有結構性資訊的電子文件的標示語言。 XML 是根據一個國際標準 -- Standard Generalized Markup Language (SGML) -- International Organization for Standardization (ISO) ISO 8879:1986 所製定而成的。 XML 的格式類似 HTML，但是您可以使用自行定義的標籤及文件結構，也可以由資料庫中取得資料，再用 XML 進行串列化 (serializing) 的工作。

資料來源：Chinese XML Now! http://xml.ascc.net/zh/big5/faq/faq-xsl2.html

151

附錄二、規範檢核表

註 1：本規範分為兩種類型網站，分別為中央與地方機關入口網站，與各機關建

立的主題網站（含專業網站、線上服務、觀光文化、互動社群等各類網站）。

註 2：本規範分為兩種必要等級，分別為「必要」與「選用」。以�標示者為必要

規範，未以�標示者為選用規範。

註 3：本檢核表可供網站承辦單位自我查核，或是各機關查核承作廠商之用。

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

1. 使用者的呈現裝置 (Compatibility)

1.1.網站設計支援不同的瀏覽程式

• 基本要求

� 於 IE與 Firefox瀏覽器之下正常顯示。

• 進階要求

� 於 Netscape、Opera等其他瀏覽器正常顯示。

� �

1.2.網頁設計宜考量螢幕解析度

• 基本要求，以下兩者可選其一：

� 於 1024*768螢幕解析度下檢視網站，瀏覽器視窗不出現橫向捲

軸，網頁主要內容設計在 800像素寬度內，超出者則為廣告看

板等較次要的內容。

� 於 800*600螢幕解析度下檢視網站，瀏覽器視窗不出現橫向捲

軸；使用更高解析度瀏覽時，網頁可隨視窗大小向右延伸。

• 無進階要求

� �

1.3.提供友善列印版本

• 基本要求

� 可在 A4紙張上完整列印。

� 僅針對有列印需求的網頁提供「友善列印」版本。

� 列印網頁的主要內容，不含導覽區塊。

• 進階要求

� 將網頁設計為相對式大小，在任何大小的紙張上可完整列印。

�

1.4.Tab鍵在網頁上的移動應有順序性

• 基本要求

� 鍵盤移動的順序為左上、右上、左中、中間、右中、下方(參考

� �

152

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

圖 5-1)。

� 為了確保移動順序的正確，應加上<tabindex>標籤，指出 tab鍵

移動的順序。

• 無進階要求

2.網頁組成要素(Site Required Elements)

2.1.網站名稱與識別標誌(Logo)置於版面左上方

• 基本要求

� 放置於全站。

� 圖片的替代文字應為該網站名稱。

� 點選後可連結至首頁。

• 無進階要求

� �

2.2.網站地圖(Sitemap)置於版面右上方

• 基本要求

� 中文版命名為「網站地圖」，英文版則為「Sitemap」。

� 置於全網站網頁要素右上方的第 1位位置，方便使用者點選。

� 網站地圖的內容，以階層式或表列式的邏輯性及層次性的條理排列。

• 無進階要求

� �

2.3.回首頁(Home)置於版面右上方

• 基本要求

� 中文版命名為「回首頁」，連結回中文版首頁；英文版則命名為「Home」，連結回英文版首頁。

� 置於全站除了首頁之外的網頁右上方。

• 無進階要求

� �

2.4.意見信箱(Feedback)置於版面右上方

• 基本要求

� 中文版命名為「意見信箱」，英文版則為「Feedback」。

� 置於首頁。

� 填寫介面為表單方式。

• 進階要求

� 系統自動回覆訊息。

� 能讓民眾查詢反應意見處理進度。

�

2.5.常見問答(FAQs)置於版面右上方

• 基本要求

� 中文版命名為「常見問答」，英文版為「FAQs」。

�

153

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 置於首頁。

� 可回答大部份使用者的常見問題。

• 進階要求

� 提供分類或關鍵字查詢功能。

2.6.語言版本切換按鈕 (Languages) 置於版面右上方

• 基本要求

� 置於首頁。

� 語言版本的切換按鈕直接以該語言呈現。

• 無進階要求

�

2.7. PDA版切換按鈕置於版面右上方

• 基本要求

� 與英文版切換按鈕並列。

� 置於首頁。

� 中文版的 PDA切換按鈕，設定連結至中文內容，英文版 PDA

設定連結至英文內容。

� 符合 PDA裝置的版面，寬度不超過 240像素。

� 考量行動／無線上網的連線速度，內容以文字為主。

• 無進階要求

2.8.全站搜尋(Search)置於版面適當處

• 基本要求

� 中文版命名為「全站搜尋」，英文版為「Search」。

� 置於首頁。

� 輸入關鍵字可進入檢索結果。

� 可用鍵盤操作。

� 範圍以站內為主，避免搜尋整個網際網路。

• 進階要求

� 可連結操作說明。

� 可連結進階搜尋。

�

2.9.雙語詞彙(Bilingual Glossary) 置於版面適當處

• 基本要求

� 中文版命名為「雙語詞彙」，英文版則為「Bilingual Glossary」。

� 置於首頁。

• 進階要求

� 提供分類或關鍵字查詢功能。

�

2.10. RSS訂閱按鈕置於版面適當處

• 基本要求

154

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 不論於中文版或英文版應命名為「RSS」。

� 置於首頁。

� 中文版的 RSS訂閱按鈕，應設定連結至中文內容，英文版應設

定連結至英文內容。

� 針對資料內容更新頻率高的單元，如公告訊息提供 RSS訂閱單

元。

• 進階要求

� 針對機關業務所產生的核心資訊，如出版品和統計資料等，可主動告知訂閱者的單元，提供 RSS訂閱。

2.11.資料日期(Date)置於版面適當處

• 基本要求

� 置於全站適當處。

� 中、英文版的日期格式，均遵循 ISO標準，即 YYYY-MM-DD 。

� 針對新聞稿、活動訊息、最新消息、公告文書等動態訊息，提供發布與截止日期。

• 進階要求

� 針對首長介紹、單位介紹等不常變動的網頁內容，提供更新或檢閱日期。

�

2.12. 留言版/討論區/論壇 (Message Board /Discussion Forum/ Forum)置於

版面適當處

• 基本要求

� 於首頁提供至少一種集體互動討論的功能。

� 提供明確的管理與使用規則。

• 無進階要求

2.13. 會員專區 (Member Login)置於版面適當處

• 基本要求

� 於首頁提供輸入帳號與密碼的登入，搭配忘記密碼與申請會員的連結。

� 以 Email寄送網站最新消息給會員(Email Update)。

• 進階要求

� 對於隱私或安全需求較高的功能，如付費、繳稅等可提供憑證登入。

2.14.便民服務 (Online Service)置於版面適當處

• 基本要求

� 讓使用者不需下載填寫表單，可於線上申辦完成。

� 至少提供一項於首頁。

�

155

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 標示各項申辦案件的聯絡窗口、作業流程及相關屬性讓民眾在申辦前即能得到充份資訊。

• 進階要求

� 若網站提供多項申辦服務，可匯整於「便民專區」，以民眾的角度，將各個服務以多面向做分類，方便民眾查詢。

� 能讓民眾查詢申辦服務之處理進度。

2.15.無障礙或其他政府標章置於版面下方

• 基本要求

� 取得無障礙網頁空間的標章 A+，並置於首頁。

� 標章圖片保持原圖或等比縮放大小，並設定替代性標籤，且圖片應可連結到相關網址。

• 無進階要求

�

2.16.聯絡電話(Phone Number)置於版面下方

• 基本要求

� 置於首頁。

� 中文版所提供之聯絡電話加上區碼（如 02-1234-5678），英文版

加上國碼（如 886-2-1234-5678）。

� 應為機關或單位的總機，而非個人分機。

• 無進階要求

� �

2.17.聯絡地址(Address)置於版面下方

• 基本要求

� 與聯絡電話並列。

� 置於首頁。

� 不論於中文版或英文版應加上五碼郵遞區號。

� 中文版聯絡地址加上縣市名(如：10075台北市中正區濟南路一

段 2-2號，英文版加上國名(如：6F, No.2-2, Sec.1, Jinan Road,

Taipei, Taiwan 10075, R.O.C.)。

• 進階要求

� 地址旁邊加上「交通位置圖」，設定連結至交通位置圖與交通方式介紹頁。

� �

2.18.隱私權政策(Privacy Policy)置於版面下方

• 基本要求

� 中文版命名為「隱私權政策」，英文版命名為「Privacy Policy」。

� 置於首頁。

� �

156

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 宣告內容與機關特性及所蒐集資料一致 。

• 無進階要求

2.19.網站安全政策(Security Policy)置於版面下方

• 基本要求

� 中文版命名為「網站安全政策」，英文版命名為「Security

Policy」。

� 與「隱私權政策」並列。

� 置於首頁。

� 宣告內容與各機關實際的資安政策一致。

• 進階要求

� 網站安全政策至少每年評估一次，以反映政府法令、技術及業務等最新發展現況，確保資訊安全實務作業之有效性。

� �

2.20.「我的 E政府」標誌 (The E-government Entry Point) 置於版面下方

• 基本要求

� 置於首頁。

� 根據各網站設計之色系，自行製作符合背景顏色的圖檔，檔案尺寸為 43 x 46像素。

� 中文版設定圖片的 Alt 標籤為「我的 E政府」，設定連結至

http://www.gov.tw/。

� 英文版設定圖片的 Alt 標籤為「The E-government Entry Point of

Taiwan」，設定連結至 http://english.www.gov.tw/。。

• 無進階要求

� �

3.導覽 (Navigation)

3.1.導覽列以一致的風格與位置貫穿全站

• 基本要求

� 網站導覽列放置在同樣的位置，有相同的樣貌，維持同樣的順序。

• 無進階要求

� �

3.2.導覽按鈕名稱應清楚易懂、符合慣例，名目不相近或重複

• 基本要求

� 按鈕的名稱符合使用者習慣。

� 按鈕的名目不相近或重複。

• 無進階要求

� �

3.3.按鈕圖示旁加上文字

• 基本要求

� �

157

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 在圖示按鈕旁邊或下方加註文字。

� 圖示使用 Alt 標籤加入相符的替代文字。

• 無進階要求

3.4.考量使用者的目標、角色和興趣來做導覽分類

• 基本要求

� 網站內容依使用者角色或拜訪的目標作妥當的分類。

� 分眾資訊不應為網站內容的唯一導覽方式。

• 無進階要求

3.5.為網頁提供有意義的視窗標題

• 基本要求

� 網頁標題不應全站的每ㄧ頁都相同。

� 網站首頁以網站名稱為標題。

� 網站各單元以「所在單元-網站名稱」為標題。

• 進階要求

� 為新聞、活動等動態內容，以「新聞標題-網站名稱」為視窗標

題。

� �

3.6.提供路徑連結列，告知使用者目前所在的位置

• 基本要求

� 路徑連結列以「目前位置」為開頭，由「首頁(Home)」開始，

加上「>」（大於）符號層層往下，顯示階層架構。

� 路徑應設定連結，讓使用者能回到上一層或首頁。

• 無進階要求

� �

3.7.在長頁面上加上可點選的目錄

• 基本要求

� 網頁內容太長時提供分頁或錨點(Anchor Tags) 。

� 長網頁下方加入「到最上面」(top)。

• 無進階要求

� �

4.首頁設計(Homepage)

4.1.首頁呈現網站最主要的內容與服務

• 基本要求

� 首頁提供網站最重要的服務按鈕連結。

• 進階要求

� 將新聞和主要活動呈現於首頁，讓使用者一眼得知網站最新動

態。

� �

4.2.首頁不超過 2到 3個螢幕長(以 1024*768解析度檢視)

• 基本要求

�

158

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 網站設計保持適量的內容。

� 以 1024*768螢幕解析度檢視時，長度不宜超過 3頁。

• 無進階要求

4.3.連至外站的按鈕置於首頁版面右中區塊，並與中間內容區靠下對齊

• 基本要求

� 在首頁限定連外按鈕的數量，約 3到 6個。

� 按鈕數量視版面內容多寡而定，避免右中區塊出現空白。

• 無進階要求

�

5.文字樣式與連結(Text Styles and Links)

5.1.全站的文字格式使用一致的字型、顏色與尺寸

• 基本要求

� 各個頁面的文字格式應一致。

• 無進階要求

� �

5.2.中文字使用系統預設的字型

• 基本要求

� 中文字不指定字體，以使用者端的預設字型顯示。

• 進階要求

� 網頁避免使用標楷字體。

�

5.3.英文字避免使用中文字型

• 基本要求

� 英文內容不以中文字型顯示。

� 在中英並排的內容中，直接指定英文字型。

• 無進階要求

�

5.4.文字大小使用相對尺寸而非固定尺寸

• 基本要求

� 讓使用者於瀏覽器的「檢視」功能表中，依個人需求選擇字型

大小。

• 無進階要求

�

5.5.可點選的文字標示底線、不同顏色或滑鼠效果

• 基本要求

� 標示底線或使用與內文不同的顏色。

� 連結文字加上滑鼠效果，提高使用者的互動感受。

• 無進階要求

� �

5.6.提供下載文件至少包含開放性檔案格式，並註明檔案格式

• 基本要求

�

159

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 對於需使用者下載後填寫、編輯的文件，如：申請表或範本，建議提供開放性(如 pdf、wdl、html等)與可編輯(如 txt或其他商

業文書檔案)兩種檔案格式。

� 對於不需使用者再編輯的報告或文件，如：操作說明書或報告

書，建議至少提供開放性的檔案格式。

• 無進階要求

5.7.所提供的下載文件檔案，讓使用者選擇開啟或儲存

• 基本要求

� 提供下載檔案時，啟動瀏覽器的下載功能，而非直接開啟。

• 無進階要求

6.圖片與多媒體(Images and Multimedia)

6.1.網頁圖片兼顧清晰品質與下載時間

• 基本要求

� 避免在網頁上縮放圖片，圖片大小應盡量與原始尺寸相同。

• 無進階要求

� �

6.2.若起始頁為動畫，確保可略過動畫

• 基本要求

� 起始頁以「按鈕」或「文字」連結至下一頁。

� 提供「略過動畫」（skip）功能。

• 無進階要求

� �

6.3.確保多媒體網頁可關閉音效

• 基本要求

� 於 Flash動畫的介面中加入「音效開啟與關閉」的切換按鈕，供

使用者選擇。

• 進階要求

� 考量輔助工具讀取頁面時的方便，音效開關按鈕宜放置於多媒

體網頁中的第 1個按鈕。

�

6.4.確保 Flash多媒體介面可以鍵盤操作

• 基本要求

� Flash介面中的選項按鈕，可用 Tab鍵切換。

� 按 Enter鍵可以執行。

• 進階要求

� Flash介面中的選項按鈕或超連結，應提供可及性替代按鈕或超

連結。

�

6.5.為影像、聲音、與多媒體介面提供文字說明 �

160

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

• 基本要求

� Flash互動介面中的圖示選項按鈕，應使用 Alt 標籤加上替代文

字說明。

� 網頁有提供背景音效或音樂的影音檔案時，加上替代文字說

明，或在網頁上提供說明文字。

• 進階要求

� 有對話、旁白或錄音的影音檔案，於網頁或影片中提供同步的

文字或字幕。

7.表單(Forms)

7.1.在輸入框旁邊加註填寫限制、格式或提供填寫範例

• 基本要求

� 標明必填或非必填項目。

� 對帳號、密碼、文字框等有字數限制的輸入框，明確標示字元

或字數限制。

� 對表單填寫的特殊限制，標明填寫格式與範例。

• 無進階要求

� �

7.2.確保表單的可及性

• 基本要求

� 符合「無障礙網頁開發規範」多媒體的規定。

• 無進階要求

�

7.3.確保輸入框有足夠的空間

• 基本要求

� 表單輸入框的寬度可提供使用者輸入全部的文字。

• 無進階要求

� �

7.4. 格式錯誤或未填寫的資料，應告知使用者正確的處理方式

• 基本要求

� 提供偵錯功能，檢查表單全部的資料格式。

� 應告知錯誤的欄位及處理方式。

• 無進階要求

� �

7.5.在表單旁提供聯絡資訊，如 Email、電話等

• 基本要求

� 於表單旁標示服務專屬的諮詢電話、Email或可供使用者下載的

表單檔案。

• 無進階要求

�

8.搜尋(Search)

8.1.搜尋結果頁應方便檢閱 � �

161

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

• 基本要求

� 應明確告知查詢結果

� 明確告知查詢結果筆數與頁數。

� 提供使用者選擇瀏覽「上ㄧ頁、下一頁、第一頁與最後一頁」。

� 搜尋結果包含符合的網頁或文件標題。

� 於搜尋結果中顯示摘錄文字。

• 進階要求

� 可重新用關鍵字搜尋，或進入進階檢索。

� 檢索結果排序方式，提供相似程度、時間、主題…等有多樣性

選擇。

� 搜尋結果分頁條件可由使用者改變設定 ，如：每頁 25筆、50

筆或 100筆等。

8.2.提供進階搜尋

• 基本要求

� 於簡單搜尋的輸入框旁，放置進階搜尋的連結，讓使用者可選

擇使用簡單或進階搜尋方式。

� 於進階搜尋中以多種條件組合檢索

� 提供淺顯易懂的使用說明。

• 無進階要求

9.內容提供 (Content Requirements)

9.1.提供單位及主管業務介紹

• 基本要求

� 提供機關及主要業務介紹。

• 進階要求

� 機關介紹包括組織、職掌、沿革、重要人事、重要事件及下屬

機關介紹…等。

� 主管業務說明：應涵蓋機關主要施政方針、業務與服務項目。

�

9.2. 提供民眾申辦機關服務的介紹及相關程序說明

• 基本要求

� 提供申辦須知、主要申辦業務的流程說明或為民服務白皮書。

• 進階要求

� 申辦業務說明涵蓋機關主要申辦業務項目。

� 說明方式清楚易懂或有範例介紹。

�

9.3.提供單位最新消息、公告事項或活動時程等動態資訊

• 基本要求

�

162

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

� 提供單位最新消息、公告事項或活動時程。

� 標明張貼日期、活動期間，確保時效。

• 進階要求

� 動態資訊可從首頁直接點選。

� 標題簡明易懂，內容簡單清楚，避免直接張貼公文。

� 標明提供單位，讓民眾了解該資訊的業務歸屬單位及詢問對象

9.4.提供機關主管業務所產生的核心資訊

• 基本要求

� 提供機關產生的文件、報告、記錄、統計資料、法規或出版品

等資訊。

• 無進階要求

�

9.5提供相關單位網站連結資訊

• 基本要求：

� 下屬機關或上層機關網站。

� 避免商業連結。

• 進階要求

� 提供屬性相近的服務連結。

� 業務相關之單位網站或網路資源。

9.6.提供語音資訊服務(Audio Clips)

• 基本要求

� 提供語音內容的播放與下載。

� 符合「無障礙網頁開發規範」多媒體的規定。

• 進階要求

� 將網站所提供的影音資訊彙整成「影音專區」放置於網站明顯

處。

�

9.7.提供影音資訊服務(Video Clips)

• 基本要求

� 提供影音內容的播放與下載

� 符合「無障礙網頁開發規範」多媒體的規定

• 進階要求

� 將網站所提供的影音資訊彙整成「影音專區」放置於網站明顯

處。

�

10.內容撰寫 (Writing for the Web)

10.1.網頁文章標題與重點應明確標示，以利快速瀏覽

• 基本要求

� 清楚標示文章結構重點：標示文章主要標題，標示段落次要標

� �

163

規範名稱規範名稱規範名稱規範名稱 機關入機關入機關入機關入

口網站口網站口網站口網站

主題主題主題主題

網站網站網站網站

題。

� 條列式的文字使用符號清單。

� 段落文字的重點使用粗體。

• 無進階要求

10.2.連結文字與目標內容相符

• 基本要求

� 將相關性最高的文字設為連結。

• 無進階要求

� �

10.3.英文版內容要適切

• 基本要求

� 下載的檔案、表格應為英文內容。

� 連結的網站、網頁為英文網站。

� 英文版 Sitemap符合英文網頁內容架構，不與中文版共用。

• 無進階要求

� �

11.內容管理 (Content Management)

11.1.定期更新網站內容，並標示更新日期

• 基本要求

� 網站的最新消息依實際業務狀況應定期上網更新。

� 提供上線時間或最近檢閱或更新日期。

• 進階要求

� 網頁夾帶的文件檔提供出版日期。

�

11.2.定期檢視全網站資料

• 基本要求

� 利用檢測工具檢測，定期檢測無效連結。

� 檢查網頁內容的分類是否適當，網站地圖(Sitemap)與網站架構

是否符合。

� 檢查網頁內容與視窗標題是否相符。

� 檢查各業務窗口網頁是否已提供正確的聯絡資訊，特別是人員

異動或辦公室位置搬遷等事件之後。

• 無進階要求

� �

164

附錄三 範例網頁

範例 1 機關入口網站首頁

1. 在適當位置放置我國電子化政府識別標誌。

2. 網頁組成要素請參考表 5-1「網頁組成要素配置表」。

165

範例 2 主題式網站(如文化網站)

1. 在適當位置放置我國電子化政府識別標誌。

2. 網頁組成要素請參考表 5-1「網頁組成要素配置表」。

166

範例 3 主題式網站(如會員功能網站)

1. 在適當位置放置我國電子化政府識別標誌。

2. 網頁組成要素請參考表 5-1「網頁組成要素配置表」。

167

範例 4 主題式網站(如經貿網站)

1. 在適當位置放置我國電子化政府識別標誌。

2. 網頁組成要素請參考表 5-1「網頁組成要素配置表」。

168

範例 5 機關入口網站(全網站範例)

1. 網頁組成要素請參考表 5-1「網頁組成要素配置表」。

2. 內頁 ：按照本規範所製作出的範例。

169

附錄四、隱私權政策範例

非常歡迎您光臨「○○網站」(以下簡稱本網站)，為了讓您能夠安心的使用

本網站的各項服務與資訊，特此向您說明本網站的隱私權保護政策，以保障您的

權益，請您詳閱下列內容：

一、隱私權保護政策的適用範圍

隱私權保護政策內容，包括本網站如何處理在您使用網站服務時收集到的個人識

別資料。隱私權保護政策不適用於本網站以外的相關連結網站，也不適用於非本

網站所委託或參與管理的人員。

二、資料的蒐集與使用方式

為了在本網站上提供您最佳的互動性服務，可能會請您提供相關個人的資料，其

範圍如下：

• 本網站在您使用服務信箱、問卷調查等互動性功能時，會保留您所提供的

姓名、電子郵件地址、聯絡方式及使用時間等。

• 於一般瀏覽時，伺服器會自行記錄相關行徑，包括您使用連線設備的 IP位

址、使用時間、使用的瀏覽器、瀏覽及點選資料記錄等，做為我們增進網

站服務的參考依據，此記錄為內部應用，決不對外公布。

• 為提供精確的服務，我們會將收集的問卷調查內容進行統計與分析，分析

結果之統計數據或說明文字呈現，除供內部研究外，我們會視需要公佈統

計數據及說明文字，但不涉及特定個人之資料。

• 除非取得您的同意或其他法令之特別規定，本網站絕不會將您的個人資料

揭露予第三人或使用於蒐集目的以外之其他用途。

三、資料之保護

• 本網站主機均設有防火牆、防毒系統等相關的各項資訊安全設備及必要的

安全防護措施，加以保護網站及您的個人資料採用嚴格的保護措施，只由

經過授權的人員才能接觸您的個人資料，相關處理人員皆簽有保密合約，

如有違反保密義務者，將會受到相關的法律處分。

• 如因業務需要有必要委託本網站相關單位提供服務時，本網站亦會嚴格要

求其遵守保密義務，並且採取必要檢查程序以確定其將確實遵守。

四、網站對外的相關連結

本網站的網頁提供其他網站的網路連結，您也可經由本網站所提供的連結，點選

進入其他網站。但該連結網站不適用本網站的隱私權保護政策，您必須參考該連

170

結網站中的隱私權保護政策。

五、Cookie 之使用

為了提供您最佳的服務，本網站會在您的電腦中放置並取用我們的 Cookie，若您

不願接受 Cookie 的寫入，您可在您使用的瀏覽器功能項中設定隱私權等級為高，

即可拒絕 Cookie 的寫入，但可能會導至網站某些功能無法正常執行 。

六、隱私權保護政策之修正

本網站隱私權保護政策將因應需求隨時進行修正，修正後的條款將刊登於網站上。

171

附錄五、網站安全政策範例

「○○網站」（以下簡稱本網站）為保障您及本網站的資料安全，特別依照「電

腦處理個人資料保護法」之精神，擬定以下網站安全政策，以說明本網站在資訊

安全方面的作法。

一、政策適用範圍：

以下的網站安全政策，適用於您在本網站瀏覽時，所涉及的個人資料蒐集、運用

與保護，但不適用於在本網站置設之其他網站之連結，當您點選連結至其他網站

時，適用各該網站的網站安全政策。

二、資訊存取控制

� 訂定系統存取政策及授權規定，並以書面、電子或其他方式告知員工

及使用者之相關權限及責任。

� 離（休）職人員，應立即取消各項資訊資源之所有權限，並列入離（休）

職之必要手續。人員職務調整及調動，應依系統存取授權規定，限期

調整其權限。

� 建立系統使用者註冊管理制度，加強使用者通行密碼管理，使用者通

行密碼之更新周期，最長以不超過六個月為原則。

� 對系統服務廠商以遠端登入方式進行系統維修者，加強安全控管，並

建立人員名冊，課其相關安全保密責任。

� 建立資訊安全稽核制度，定期或不定期進行資訊安全稽核作業。

三、網站安全措施與規範

任何未經授權而企圖上載或更改本單位所提供的各項服務及相關資訊的行為，

都是嚴厲禁止而且可能觸犯法律。為了網站安全的目的和確保這項服務能夠繼續

服務所有的網路使用者，本網站提供了以下的安全保護措施：

� 與外界網路連接之網點，設立防火牆控管外界與內部網路之資料傳輸

及資源存取，並執行嚴謹的身分辨識作業。

� 使用網路入侵偵測系統，監控網路流量，以確認未經授權而企圖上載

或更改、網頁資訊或蓄意破壞者。

� 裝設掃毒軟體，定期掃毒，以提供使用者更安全的網頁瀏覽環境。

� 建立系統備援設施，定期執行必要的資料、軟體備份及備援作業，以

備發生災害或儲存媒體失效時，可迅速回復正常作業。

� 不定期摹擬駭客攻擊，演練發生安全事件時的系統回復程序，並提供

172

適當的安全防禦等級。

� 機密性及敏感性的資料或文件，不存放在對外開放的資訊系統中，機

密性文件不以電子郵件傳送。

� 自動接收所有來自相關作業系統廠商或應用程式廠商所寄發的安全維

護電子信通知，並依照電子信的建議，安裝適當的修補程式（PATCH）。

� 網際網路資料的傳輸不能保證百分之百的安全，本網站將努力保護本

網站及您個人資料的安全，部分情況下會使用通行標準的 SSL保全系

統，保障資料傳送的安全性。但由於資料傳輸過程牽涉您上網環境保

全之良窳，我們並無法確保您傳送或接收本網站資料的安全，您須注

意並承擔網路資料傳輸之風險。請您諒解此部份所造成的後果均非本

網站所能控制範圍。

四、 防火牆之安全管理

� 防火牆具備網路服務的轉送伺服器（如代理伺服器（Proxy Server）等）

以提供 Telnet、FTP、 WWW等網路服務的轉送與控管。

� 防火牆係本單位整個網路之樞紐，對於防火牆主機及軟體，均應預留

一套備份，以備不時之需。

� 本單位防火牆系統平時記錄整個網路之活動事件，記錄檔之資料至少

應包括事件之日期、時間、起訖 IP、通訊協定等項目，以便於平時之

管理及日後之稽核作業。

� 本單位防火牆之記錄檔(log)由防火牆管理人員檢視分析有無異常狀

況；記錄檔並應保存一年以上。

� 本單位防火牆主機只能由系統終端機登入，不得以其他任何方式登

入，以確保防火牆主機安全。

� 本單位防火牆之安全控管設定應經常檢討，並作必要之調整，以確定

發揮應有的安全控管目標。

� 本單位防火牆系統定期作好資料備份，且只能做單機備份，不可採用

網路等其他方式備份資料。

� 本單位防火牆系統軟體，經常更新版本，以因應各種網路攻擊。

五、 資料備份作業原則

� 重要資料的備份，以維持至少三代為原則。

� 備份資料有適當的實體及環境保護，其安全標準應儘可能與主要作業

場所的安全標準相同；主要作業場所對電腦媒體的安控措施，應儘可

能適用到備援作業場所。

� 定期測試備份資料，以確保備份資料之可用性。

173

六、 資料回復作業原則

� 資料回復作業時，先檢查資料之一致性與完整性。

� 網站資料回復，除突發重大事件，主機機房或網路運作無法回復等因

素外，資料能於 24小時內回復正常，並保障備份資料能保持兩日以內

之最新完整資料，資料回復後，程式及資料庫均能立刻正常啟用運作。

� 應定期測試備份資料，以確保備份資料之可用性。

� 資料回復作業完成後，相關單位人員應持續觀察三日，以確保系統運

作正常，新增之資料正確無誤。

七、本網站資安政策的修改由於科技發展的迅速，相關法規訂定未臻完備前，以

及未來可能難以預見的環境變遷等因素，本網站將會視需要修改網站上所提供的

資安政策的說明，以落實保障網路安全的立意。當本網站完成資安政策的修改

時，我們會立即將其刊登於本網站上，並以醒目標示提醒您前往點選閱讀。

八、如果您對以上條款有任何疑問或意見，歡迎透過本網站所示之聯絡方式與我

們聯絡。

174

附錄六 網站架構建議

表附 6-1 網站架構與單元名稱建議表 (機關入口網站適用)

單元名稱

（第一層） 單元說明 第二層 內容說明

最新消息 政府機關或所屬單位的新聞

新聞稿 公告類、新聞稿類

活動訊息 活動性質的訊息，如藝文活動、研討

會、記者會、課程等等。 公告資訊

機關經營之展覽、

活動、業務、招標、

工務、徵才等等對

外公開的訊息。

*RSS訂閱 可將以上動態消息輸出為 RSS格式，主動推播到使用者端

組織架構 提供組織架構圖，組織名稱以及介紹

業務執掌 各單位的業務執掌、業務說明； 便民服務、服務說明與流程

歷史沿革 單位的歷史介紹

重要人事 歷屆首長/ 首長/ 重要人物等等介紹、傳記、發言、聯絡方式等等

重要事件 機關大事紀，為了有別於「公告資訊」，

此單元的內容應以歷史性的重要事件

為主

機關介紹 機關基本資料

下屬機關介紹 下屬機關的名稱、業務介紹等等

施政方針 重要施政規劃、施政建設、年度重要計

畫等等

法規資訊 法規資料、法規查詢等等

統計資料 統計會報、統計報表等等

出版品 出版刊物、年報、宣傳品、研究成果發

表等

*雙語詞彙 針對業務範圍之專業詞彙整理出的中

英文翻譯對照。

機關業務資訊

機關業務範圍內的

服務項目以及主管

業務內的核心資

訊。

*常見問答 針對業務範圍整理出常見問答

機關基本聯絡資訊 機關電話、傳真、地址、交通資訊、位

置圖、Email、聯絡表單等等 機關聯絡資訊

除了基本聯絡資訊

外，也可提供下屬

機關、各業務承辦

單位的聯絡方式。 各單位聯絡資訊 下屬單位或是各業務承辦單位的聯絡

資訊

175

單元名稱

（第一層） 單元說明 第二層 內容說明

機關服務時間 機關與業務承辦單位服務時間、上下班

時間。

上層機關或下屬機

關網站 直屬上層機關、所有下屬機關的列表，

以及網站連結。

屬性相近之服務連

結

相近屬性之網站連結，如風景區網站

中，可列出該地區其他的旅遊網站，以

便民眾查詢更多旅遊資訊。 相關連結 提供相關網站名稱

與連結

業務相關之單位網

站 業務相關之單位，如戶政所網站，列出

全國其他地區的戶政所。

*意見信箱 提供表格讓民眾輸入資料與意見、問

題、或申訴。

*留言版 / 討論區 / 論壇

讓民眾可留言、彼此討論的單元。 注意：此單元應要注意經營控管問題；

不當發言應刪除、民眾提問應回覆。若

無人力經營，不建議放置此單元。 民意交流

提供管道給民眾申

訴、或提供意見、

提出問題，或是經

由問卷調查方式獲

知民意

民意調查 / 問卷調查

針對某一政策作線上問卷調查與民意

蒐集。

線上申辦

針對可在線上申辦的服務，例如線上申

請戶籍謄本等已經將表格功能電子化

的功能。而本分類下不應包含僅能書面

申辦的項目。 *便民服務 線上申請、登錄等

服務

申辦項目/下載表格 在此放置機關所提供的申辦項目，若申

辦表格為書面表格，則需提供下載檔案

功能。

課程演講錄音 提供社教課程或重要人士發言、演講之

聲音檔。 *影音專區

將語音與影音服務

匯整為影音專區。 宣導短片

提供單位對外宣傳廣告影片、社教短

片、劇情短片等影音檔。

個人帳號維護 會員可在此維護帳號及個人資料。

加入會員 個人可在此填寫申請加入會員表單。 *會員專區 提供個人化服務的

功能

電子報訂閱 定期寄發 Email給民眾在本端閱讀。

*網站安全政策 網站系統安全相關政策宣告。

176

單元名稱

（第一層） 單元說明 第二層 內容說明

*隱私權政策 個人資訊隱私權保護聲明。

註：以*標示者表示在政府網站之中重要的內容單元，建議可列為網頁的重要元素，放置在更清

楚的位置。然而，若要歸類在內容主架構中，則建議放在如上表的分類之下。

177

公告資訊

最新消息

新聞稿

活動訊息

機關介紹

組織架構

業務執掌

歷史沿革

重要人事

重要事件

下屬機關介紹

機關業務資訊

施政方針 法規資訊

統計資料 出版品

*常見問答

機關聯絡資訊

機關基本聯絡資訊

各單位聯絡資訊

機關服務時間

相關連結

上層機關或下屬機關網站

屬性相近之服務連結

業務相關之單位網站

意見信箱

*民意信箱

*留言版/ 討論區 /論壇

民意調查 / 問卷調查

*便民服務線上申辦

申辦項目 / 下載表格

*影音專區課程演講錄音

宣導短片

*RSS訂閱

*雙語詞彙

*會員專區

個人帳號維護

加入會員

電子報訂閱

*網站安全政策

*隱私權政策

資料來源：本專案整理

圖附 6-1 網站架構圖

178

表附 6-2 基本欄位建議表

單元屬性 單 元 名

稱 第二層 必要欄位 選用欄位

最新消息 單位(科室)、類別、標題、內文、發布日期

附件圖片、附件圖片說明、附

件檔案、附件檔案說明、相關

連結

新聞稿 單位(科室)、標題、內文、發布日期

附件檔案、附件檔案說明、相

關連結、新聞聯絡人、聯絡人

電話

公 告 資

訊

活動訊息 單位(科室)、標題、內文、開始日期、截止日期

附件圖片、附件圖片說明、附

件檔案、附件檔案說明、相關

連結、聯絡資訊

*RSS訂閱 以上單元與欄位輸出為

XML 格式

組織架構 組織圖(樹狀結構)、內文 標題、連結、附件圖片、附件

圖片說明、附件檔案、附件檔

案說明

業務執掌 單位(科室)、內文 附件檔案、附件檔案說明、單

位(科室)網站連結、附件圖片、 附件圖片說明

歷史沿革 內文 圖片、圖片說明

重要人事 姓名、學歷、經歷、照片

近年著作、相關文章(服務政見、就職演說、院長的話、局

長講稿)、聯絡資訊(電話、傳真、電子郵件)

重要事件 日期、標題(事件)、內文 附件檔案、附件檔案說明、附

件圖片、附件圖片說明、相關

連結

機 關 介

紹

下屬機關介

紹 機關名稱、內文、機關網站

連結 機關圖片

施政方針 標題(方針)、內文 附件檔案、附件檔案說明、相

關連結

法規資訊 標題(法規)、內文、發布日期

附件檔案、附件檔案說明、相

關連結、類別

統計資料 標題(統計資料)、內文、附件檔案、附件檔案說明

相關連結

出版品 標題(出版品名稱)、單位、內文、發行日期

相關連結、附件檔案、附件檔

案說明

*常見問答 類別、問題、回覆 相關連結

資訊提供單

元

機 關 業

務資訊

*雙語詞彙 中文詞彙、英文辭彙 類別、附件檔案、附件檔案說

明

179

機關基本聯

絡資訊 機關地址、電話、傳真、

Email、位置圖 網路電話

各單位聯絡

資訊 單位、科(課)室、地址、總機、分機、傳真

專線、職稱、Email 機 關 聯

絡資訊

機關服務時

間 服務時間 服務地點

上層機關或

下屬機關網

站 機關名稱、網址 類別、內文說明、圖片

屬性相近之

服務連結 網站名稱、網址 類別、內文說明、圖片

相 關 連

結

業務相關之

單位網站 網站名稱、網址 類別、內文說明、圖片

影 音 專

區

課程演講錄

音、宣導短

片

檔案名稱、影音檔、影音檔

案說明

*網站安全政策

政策說明

防火牆設置、網路監控系統與

紀錄、資料存取稽核措施、資

料儲存安全措施與備份、安全

防護等級、防止駭客或非法入

侵方案及演練、病毒防護措

施、系統定期更新與升級

*網站隱私 權 政

策 政策說明

個人資料保護要點、關於

Cookie 的使用限制措施及宣告、洽詢資訊

*民意信箱 姓名、Email、意見內容 聯絡電話、意見類別、上傳檔

案

* 討論區 / 留言版 / 論壇

X X 民 意 交

流

民意調查 / 問卷調查

X X

線上申辦 X X *便民服務 申辦項目/下

載表格 X X

會員資料 X X

申辦服務與

互動單元

會 員 專

區 電子報訂閱 Email信箱 訂閱者姓名

180

注意事項：

本表乃針對資訊提供單元之欄位做一建議；申辦服務與互動單元，因各業務需求而有所異，故由

各業務單位自行研擬。

本表之必要欄位，為該單元基本需求的資訊欄位。

3.本表之選用欄位，機關可依其需求選用或自行擴充額外資訊欄位。

資料來源：本專案整理

181

附錄七 Web 2.0與政府網站的應用

本專案參考國內外相關規範、國內外政府網站，並了解使用者的需求

與意見，建立以「使用者至上」為核心概念的規範與建議。因正值電子化

民主機制基本理念與近年竄起之Web 2.0的潮流，本章以長遠眼光，提出

Web 2.0 在政府網站的應用，建議政府網站推動以「使用者至上」的概念，

提出國內政府網站的可用性規範之建議與未來推動方式。

一、認識 Web 2.0

Web 2.0，這個誕生於美國出版媒體公司歐萊禮（O' Reilly）一場腦力

激盪會議上的新名詞並不是一種新的技術標準，而是重新回歸網路被發明

之初所強調的「互動、參與和共享」精神，進而衍生出來的一種新概念。

以。以下介紹 Web 2.0的概念精髓、經典案例，與Web 2.0在政府網站應

用之建議。

(一)概念精髓33：

1. Web是平台

以個人電腦來說明這個概念，一台電腦除了硬體以外，最基本的就是

作業系統，任何的應用程式、軟體，都是架構在作業系統這個平台上。沒

有了這個平台，再強大的軟體都無法發揮功用。然而隨著科技的進步，Web

發展至今已由單純的閱讀資訊，發展到可以在上面做日常生活中的事務。

可見 Web已轉換為類似 PC中的作業系統平台的角色。

33概念精髓內文：截錄於 Intelligent Times >Web 2.0>經典文章>什麼是WEB 2.0 ? 網址如下：http://www.itmag.org.tw/magazine/article_single_138.htm http://www.itmag.org.tw/magazine/article_single_234.htm 以及「What is Web 2.0」2005-09-30發表於 O`Reilly Media，原文出處網址如下：http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

182

在這個概念下，最具代表性的範例就是 Google；使用者不需要安裝軟

體，只需連上 Google網站便可享受到它提供的許多服務，如 Google Maps、

Google Mail等。

資料來源：Google Maps，http://maps.google.com/；拜訪網站時間：民國 95年 12月。

圖附 7-1 Google Maps

2.引領群體智慧

在Web 1.0時代，內容主要由網站經營者提供，使用者單方面接受資

訊；然而在Web 2.0時代則強調雙向的交流，由使用者參與並貢獻內容。

用戶並不僅僅是消費者，更是網站內容的提供者。任何人對於網站內容都

可提供自己的文章、經驗與感受，進而為網站內容創造出更高的附加價

值。諸如以百科全書聞名的Wikipedia、以使用者投票來決定新聞重要性的

digg.com都是這類型的代表。

183

資料來源：Wikipedia，http://en.wikipedia.org/wiki/Main_Page；拜訪網站時間：民國 95年 12月。

圖附 7-2 Wikipedia

資料來源：Digg.com，http://digg.com/；拜訪網站時間：民國 95年 12月。

圖附 7-3 digg

184

3.資料是下一個「Intel Inside」

如同 CPU在電腦中的重要性，資料內容(Data)在Web 2.0時代中，佔

有很大的決勝因素。誰能擁有獨一無二的資料內容，誰就是市場上的贏

家。然而，資料內容本身並無太多差異，如何讓資料除了本身原始的內涵

外，無限延伸其價值性才是關鍵！以 flickr 來說，其資料內容雖以圖片為

主，然而透過使用者自行加註圖片 Tag的方式，為每張圖片賦予意義，便

創造出更多樣化的價值。

資料來源：flickr，http://www.flickr.com/；拜訪網站時間：民國 95年 12月。

圖附 7-4 flickr

185

4.軟體升級模式走到盡頭

基於開放原始碼的觀念，使用者同時也是共同開發者。使用者對於

Web提供的服務基於使其更好用、更便利的原則下，便會提供許多寶貴的

經驗給網站開發團隊。然而，使用者需求永遠在改變，軟體開發也沒有結

束的一天。這情形便進而產生「永遠的試用版」的概念。

由於，網路的競爭非常激烈且快速，若無法快速修正或改善網友反應

的問題時，便會流失許多的人群。傳統的軟體升級模式，已無法應付這快

速變化的情況。因此許多服務，如 Gmail, Google Maps, flickr, del.icio.us等

幾乎都在推出後好幾年，還仍然只是試用版。

資料來源：del.icio.us http://del.icio.us/；拜訪網站時間：民國 95年 12月。

圖附 7-5 del.icio.us

186

5.輕巧的程式設計模式

以往過於龐大且複雜的程式設計模式，不僅需花費開發時間，也無法

有效地普及。然而在這講究使用者為主的Web 2.0概念下，越是輕巧、簡

單的設計模式，越能得到使用者的迴響。如 Meebo整合線上通訊軟體，利

用 Ajax技術，使用者不必安裝軟體，透過瀏覽器即可直接在網頁上進行即

時通訊，因為簡單的介面容易學習，也更提升了使用者的參與感。

資料來源：http://wwwm.meebo.com/；拜訪網站時間：民國 96年 6月。

圖附 7-6 Meebo

6.超越單一裝置

Web 2.0的另一項特徵是不再侷限於個人電腦的平台上。Podcasting可

說是最佳典範。其概念乃源自 webcasting(網路廣播)，個人化的錄音內容可

透過網路傳送讓使用者在電腦旁邊下載收聽。而 Podcasting(播客)，除了透

過網路的無遠弗界可四處散播外，使用者不需要坐在電腦旁邊等待聆聽，

更可以下載到數位行動設備中，離線或是隨身帶著播放。

187

透過 iTune 這樣的軟體，使用者可將音樂內容下載到 iPod 中，是

Podcasting最早的應用。然而 Podcasting的技術不僅侷限於 iPod裝置。該

技術利用 RSS 2.0 中允許提供附檔的功能，訂閱者或聽眾可以直接連結下

載檔案，因此將個人的錄音內容不單以數位格式散播於網路上供人訂閱傳

播，更能夠散布至不同的裝置上。

資料來源：Apple iTunes應用程式

圖附 7-7 iTunes

7.豐富使用者的感受

傳統Web介面雖不難使用，但比起作業系統來說，能有一段差距。Web

2.0中由於新技術的發展與整合，讓Web擁有豐富的使用者介面，也能有

和個人電腦同等級的互動感受。

188

(二)Web 2.0所運用的技術34

Web 2.0並非新的技術標準，但新的網站型態所運用的技術卻不免談

到以下幾項：

1. Ajax

Ajax即是「Asynchronous JavaScript and XML」的縮寫，是一種建立

互動式網頁應用的網頁開發技術。包含下列各項特點：

1. 利用標準的XHTML和CSS呈現；

2. 以文件物件模型進行動態展示與互動；

3. 以XML與XSLT做為資料交換與操作；

4. 以XMLHttpRequest進行非同步資料取得；

5. 以JavaScript整合上述各項。

Ajax強大的地方在於能夠將連結客戶端與伺服器端，在不更新整個頁

面地前提下更新資訊。這使得Web應用服務在減少不必要的傳輸下，能更

快速的回應。這一來減少了伺服器的處理時間，二來也加快了網頁顯示速

度。

2. RSS

RSS 即 Really Simple Syndication、 RDF(Resource Description

Framework) Site Summary或 Rich Site Summary的縮寫。是一種用於共享

新聞和其他 Web 內容的資料交換協定。其主要運用推的技術 (push

technology)，將訂戶訂閱的內容傳送至新聞蒐集器裡。

34 Web 2.0所運用的技術內文參考維基百科。網址：http://zh.wikipedia.org/w/index.php?title=%E9%A6%96%E9%A1%B5&variant=zh-tw

189

3.CSS

CSS主要可決定文字的顏色、字體、排版等檔案特性，並將網頁結構

(以 HTML 或相關的程式語言撰寫)與網頁顯示(CSS)分隔開來。這樣的設計

使得程式的閱讀性更高、結構更靈活。此外，CSS還可與 XHTML、XML，

或其他結構程式語言一起使用。

4. XML

XML 是 Extensible Markup Language的縮寫，由W3C所發展。XML

讓網頁設計人員可在原有的 HTML 標籤之外，定義自己的標籤，可讓設計

人員自行設計結構性資料與文件格式，並提供資料儲存、接收與應用的標

準描述方法。例如 RSS的技術便是根基在 XML 上所發展出來的一種程式

語言。

(三)Web 2.0是「使用者至上」的時代

由Web 2.0的概念精隨與技術運用，可了解整個Web 2.0的中心思想

就是「使用者至上」。整體方向不外乎是讓使用者透過網站所提供的服務，

解決使用者的疑難雜症。透過概念的延伸，本專案歸納下列項目，證明

Web 2.0是「使用者至上」的時代。

1.內容

網站的核心價值──內容──由原本網站經營者的集中管控，趨向使

用者的共同創作或經驗傳承，透過使用者直接參與網站內容的提供及意見

的表達，集合大眾的力量，讓網站內容更加充實並大幅提升其價值。這不

僅讓使用者對網站內容有主導的能力外，更大幅提升使用者對網站的凝聚

力。

190

2.跨服務的整合與互通

透過技術整合的運用，Web 2.0將各個獨立提供的服務功能，巧妙地

整合在一起，解決了使用者原本需使用各獨立服務來完成工作(或任務)的

麻煩，並因服務的整合而簡化工作流程並提高處理效率。這個特性正實現

了「一站式服務」的概念。

3.強化使用者介面

透過 AJAX 的技術運用，網站服務的操作更貼近使用者使用作業系統

的習慣；透過使用者介面的強化，使用者不需有足夠的技術能力也能輕易

使用網站。間接地也擴大了使用族群，讓更多人能享受網路科技所帶來的

便利。

4.多元化的平台支援

拜無線通訊的進步與行動通訊裝置的發展，手機由原本單純的溝通工

具轉變為具備多媒體資訊的傳播工具。同時資訊傳播的管道也由Web擴展

到手機以及 PDA 等平台。使用者可以在個人電腦外，透過不同平台盡情

享受網站所提供的相關服務。

191

二、Web 2.0概念運用與實例

本專案依網站提供的「主要功能」，將目前屬於Web 2.0的網站分為

混搭服務(Mashup)、網路軟體(Webware)、共享平台(Social media)、社群服

務(Social Network Service)及播客服務(Podcast)五大類35。本段將透過實例的

說明，深入地敍述Web 2.0的內涵，期望能激發更多創意，引領政府網站

邁向網站經營的新紀元。

(一)混搭服務(Mashup)

混搭服務顧名思義就是將各種不同的元素，加上創新與巧思，創造出

令人耳目ㄧ新的新服務。此類網站最大的特點在於網站本身一開始什麼都

沒有，透過整合其他網站的內容與功能，創造全新的服務功能。最令人津

津樂道的便是美國 HousingMaps.com，該網站結合了 Google Maps的功能、

Craigslist網站的房屋出租與購買內容資訊等功能，創造出圖形化的房屋搜

尋引擎。

資料來源：housingmaps.com，http://www.housingmaps.com/ ；拜訪網站時間：民國 95年 12月。

圖附 7-8 housingmaps.com

35 財團法人資訊工業策進會，《WEB 2.0／網路上有錢／創意在裡面》。台北，經濟部技術處，民95。

192

(二)網路軟體(Webware)

所謂網路軟體，指的就是網站本身提供自製的軟體供使用者下載使

用；使用者可利用下載的軟體，享受新穎的服務，或是利用其所提供的線

上版本的軟體。這類網站的重點在於所提供的軟體通常都是其本身重點服

務項目之ㄧ。例如 thinkfree網站提供 Office 線上版本，只要在有連接上網

路的電腦，不需安裝 Office軟體，便能製作出相當精美的文件。

資料來源：thinkfree，http://www.thinkfree.com/；拜訪網站時間：民國 95年 12月。

圖附 7-9 thinkfree

(三)共享平台(Social media)

簡單而言，共享平台可讓使用者將內容上傳到網站，進而形成網站內

容的平台。這裡定義的上傳內容是指文字、圖片等類型的檔案，但不包含

音頻和視頻兩種檔案形式(在此將音訊、視訊這兩種上傳檔案類型，歸類為

Podcast)。例如部落格(blog)，或因其他特定主題而產生的內容與互動網站

193

(電玩、寵物、生活等)，均屬此類。flickr 是此類中的最佳範例，透過網友

上傳圖片，並為每張圖片加註自己定義的 Tag說明，便可供其他使用者搜

尋與觀賞。

資料來源：flickr，http://www.flickr.com/；拜訪網站時間：民國 95年 12月。

圖附 7-10 flickr

(四)社群服務(Social Network Service,SNS)

網路社群是將實體社團的概念延伸到網路上，使用者依據各項理念、

主題在社群網站中成立不同的團體，藉此交流、溝通與分享。社群服務最

大的意義在於提供一個虛擬空間，讓使用者間能夠互動。例如韓國著名的

社群網站 Cyworld提供每個使用者一個虛擬的房間，使用者可自行佈置房

間的風格，創造屬於自己風格的虛擬世界。

194

資料來源：Cyworld，http://cyworld.nate.com/；拜訪網站時間：民國 95年 12月。

圖附 7-11 Cyworld

(五)播客服務(Podcast)

播客服務是由「iPod」與「Broadcast」兩字組合而成，簡單地說，就

是 MP3播放器與廣播機能的結合。播客與傳統廣播最大的不同是它能透過

RSS訂閱的功能，讓聽眾即時下載電台或最新的 MP3檔案，並以手邊的

MP3播放器收聽。

播客服務不需有廣播公司的鉅資設備，製作容易、成本低廉。Youtube

網站是代表之一，它提供使用者在網站上分享自製的影片，而其他使用者

也可透過網站欣賞、評論拍攝者的創意。

195

資料來源：YouTube，http://www.youtube.com/；拜訪網站時間：民國 95年 12月。

圖附 7-12 YouTube

196

三、政府網站的因應方針

(一) 由Web 1.0 進化到 Web 2.0

面對 Web1.0進化到 Web 2.0的強勁浪潮，本專案提出幾項政府網站

的因應方針：

1. 先做好 1.0，再談 2.0

從Web 1.0到Web 2.0是一種演進的過程，可見 1.0是 2.0演進的基礎，

基礎應先打穩，才能往上更進一步。舉例來說，由網路發展初期網站的內

容由特定的內容提供者，發展至 web 2.0 內容由使用者貢獻；然而由使用

者貢獻的內容未能取代機關所提供的內容，機關的內容卻不具有公信力與

正確性，那麼僅套用使用者上傳的模式，將只會降低網站的品質。

2. 必須清楚網站目標，與目標使用者

每一個政府網站的建立都有其必須達到的目標與服務的群眾。為了讓

投入的人力、物力與財力能發揮其功效，目標的訂定與服務群眾的鎖定成

為關鍵。

3. 從「架設網站」演化到「經營網站」

網站要能存活，必須投入心血「經營」，而不是只是單純地架設後便

擱置在一旁。架設只是第一步，後續的經營才是讓網站長久存活下的關

鍵。經過 2000年的網路泡沫化，能夠存活下來的網站，往往都是那些善

於「經營」的公司。政府機關網站雖然不會面臨關閉的厄運。但若不用心

「經營」，那「機關網站」則會成為機關運作的沉重負擔。

197

4. 社群反饋、參與討論，傾聽民眾的聲音

Web 2.0強調使用者的重要性，使用者不單單只是資訊的接收者，更

是內容的提供者、網站的經營者之ㄧ。如何引領集體智慧、快速回應使用

者的需求，都是相當重要的課題。加上資訊與通訊的發展，電子化民主的

議題也被廣泛、熱烈的探討。能否藉由這股潮流順勢推展電子化民主的運

行，也是政府網站經營者另一個考量重點。

(二)政府網站之應用方案

本專案在第貳章「國內外政府網站規範」的探討中，針對《全面提升

政府網站服務品質專案—對政府網站評鑑的研究》所訂之評鑑指標項目，

本研究建議可導入Web 2.0概念應用的項目及其建議運用方式整理如表附

7-1。

198

表附 7-1 新修正之政府網站評鑑指標—Web 2.0概念運用方式

指標大指標大指標大指標大項項項項 指標中項指標中項指標中項指標中項 指標指標指標指標細項細項細項細項 等等等等級級級級 Web 2.0概念運用方式概念運用方式概念運用方式概念運用方式

提供線上申請、登錄等申辦服務的項目與適性

*評鑑重點包括：

� 是否提供完全可在線上執行之申請、登錄等申辦服務?

� 列舉線上申辦服務的項目種類及數量

� 提供的線上申辦服務是否實用?

*報名資料應附下列說明，以備書面及實測查核：

� 線上申請、登錄服務作業管理流程

I/II

1. 結合會員個人化服

務，提供完善的紀錄

追蹤，以提高服務滿

意度。

2. 導入 AJAX技術，簡化線上申辦流程、強

化操作介面。提升使

用者申辦流暢度，加

速申請作業。

4-1.申辦

服務 提供申辦或申訴案件的線上進度查詢

(Tracking)

*評鑑重點包括：

� 是否提供申辦或申訴案件的線上進度查詢(Tracking)功能

� 列舉可線上進度查詢的申辦項目種類及數量

*報名資料應附下列說明，以備書面及實測查核：

� 申辦或申訴案件之線上進度追蹤作業管理流程

II

1. 結合會員個人化服

務，提供完善的紀錄

追蹤，以提高服務滿

意度。

2. 導入 RSS的推播功能，化被動於主動，

提升服務的效率。

提供 Email民意信箱或首長信箱及其服務周延性

*評鑑重點包括：

� 是否提供 Email民意信箱或首長信箱?

� 是否註明處理時間、流程或承辦人/單位?

� 機關對民眾Email的實際回應處理時效? (以測試 Email實測)

*報名資料應附下列說明，以備書面及實測查核：

� Email民意信箱或首長信箱之處理流程

I/II

1. 結合會員個人化服

務，提供完善的紀錄

追蹤，以提高服務滿

意度。

2. 導入 RSS的推播功能，化被動於主動，

提升服務的效率。

4.線上申

辦服務與

互動

4-2.

互動服務

提供 Forum或其他型式的集體互動討論功能

*評鑑重點包括：

� 是否提供一種以上集體互動討論功能?

� 於集體互動討論區，是否提供明確的管理與使用規則說明?

� 集體互動討論區參與度如何?每天幾則?

� 內容是否與機關業務相關?

� 討論區管理者對民眾意見的回應處理時效?

II

1. 結合會員個人化服

務，提供完善的紀錄

追蹤，以提高服務滿

意度。

2. 可導入圖片分享強化

討論區功能。由純文

字服務進階到多媒體

服務。

3. 導入 RSS的推播功能，化被動於主動，

提升服務的效率。

199

線上問卷調查、滿意度調查或其他集體民意蒐

集機制

*評鑑重點包括：

� 是否提供上述線上民意蒐集機制?

� 線上調查參與度如何?每天幾人次?

� 調查內容是否與機關業務相關?

� 是否於線上提供調查結果報告與分析?

II

1. 結合會員個人化服

務，提供完善的紀錄

追蹤，以提高服務滿

意度。

2. 可導入使用者經驗模

式，讓民眾參予並提

供相關的經驗及意

見。用以提高蒐集回

資料內容的價值與分

析依據。

提供個人化設定的適切性

*個人化網站服務範圍包括：

� 提供具身份稽核的會員專區，其可能設定選項：

� 使用者個人帳戶資料維護

� 個人設定的瀏覽內容或線上服務功

能選項

� 個人設定的網頁配置、版型選項

� 個人瀏覽記錄的儲存

� 提供個人化的電子報服務

� 記錄使用者 Session，提供自動化的一對一服務

*評鑑重點包括：

� 是否提供個人化設定?

� 個人化服務項目的多樣性及適切性?

� 個人化設定功能的實用性與創意性?

II

1. 可運用Webware模式，開發與機關業務

相關之軟體，強化會

員個人化服務。

2. 社群化經營。可提供

會員交流平台機制，

增加會員間的交流。

3. 整合現有服務，提供

更完善的服務。

資料來源：本專案整理

200

除了上述概念運用方式外，在此也將其他建議可導入之Web 2.0概念

加以彙整說明如后。

1. 結合會員個人化服務，提供完善的紀錄追蹤，以提高滿意度

以會員服務為己任，追求「一站式服務」的概念，整合會員所需服務

於單一窗口，讓每一位會員擁有客製化的資訊內容，並可追蹤所有紀錄，

以便掌控相關申辦狀況。會員並可自訂功能，客製資訊內容。如於民國 95

年改版的 YAHOO!奇摩，始用者即可客製化首頁資訊，以方便追蹤。

資料來源：YAHOO!奇摩，http://tw.yahoo.com/；拜訪網站時間：民國 95年 12月。

圖附 7-13YAHOO!奇摩

201

2. 可導入 AJAX 技術，提升使用者申辦流暢度，加速申請作業

運用 AJAX 技術特性，減少與伺服器端的資料更新頻率，支援滑鼠拖

曳功能，強化操作介面，讓使用者能更直覺式地使用服務。例如 2006年

改版的Windows Live Mail，便運用 AJAX 技術讓整體操作介面及使用流程

更加貼近使用者慣用的郵件收發軟體。

資料來源：Windows Live Mail，http://login.live.com/login.srf?id=2/；拜訪網站時間：民國 95年

12月。

圖附 7-14 Windows Live Mail

202

3. 導入 RSS的推播功能，化被動為主動，提升服務效率

將 RSS主動推播的優勢利用在政令的宣導、業務訊息的傳播、活動的

宣傳，或其他相關訊息的發布等，可大幅提升執行的效率。例如著名新聞

網站 CNN，便提供 RSS訂閱服務，來發送其新聞內容。

資料來源：：CNN.com，http://www.cnn.com/services/rss/；拜訪網站時間：民國 95年 12月。

圖附 7-15 CNN.com

203

4. 可導入圖片分享以強化討論區功能，進階至多媒體服務

導入圖片分享功能可讓討論區跳脫單調的主題文字討論，拓展到多媒

體的溝通平台。但應注意開放使用者自行分享照片參與討論時，需考慮圖

片版權之問題。flickr 即是以圖片為主的分享空間，使用者可針對照片交互

討論與留言。

資料來源：flickr，http://www.flickr.com/；拜訪網站時間：民國 95年 12月。

圖附 7-16 flickr

204

5. 導入使用者經驗模式，以提高內容的價值與分析依據

導入使用者經驗模式，可提升內容資料的參考價值。建議可運用開放

的回覆方式或制定的選項模式，長久累積的成果可大幅提升內容的價值。

這種概念若用在民意蒐集上，可更精確地蒐集資訊。例如 digg網站，使用

者可透過簡單的選項模式，針對每則新聞進行投票，回饋到實質上的排

名。經由此機制，網站經營者能充分了解使用者當下最關心的話題及需求

為何。

資料來源：digg，http://www.digg.com/；拜訪網站時間：民國 95年 12月。

圖附 7-17 digg

205

6. 運用網站軟體模式，開發與機關業務相關之軟體

依據機關業務特性，發展網站軟體工具，結合機關內長久累積的有價

值的資訊內容，提供客製化的會員服務，可提升會員的忠誠度與滿意度。

例如 HipCal網站將業務相關之訊息結合會員行事曆，不僅提供會員個人化

行事曆管理使用，並可間接行銷推廣機關業務。

資料來源：HipCal，http://www.hipcal.com/；拜訪網站時間：民國 95年 12月。

圖附 7-18 HipCal

206

7. 社群化經營，促進會員間交流

會員交流平台可供使用者依據業務提供內容。建議機關可提供知識交

流平台或各式主題交流平台，讓會員間藉由平台互動，集合眾人之智慧，

提升網站內容的價值。雅虎的知識+是標竿範例，知識+提供一個會員交流

的平台，使用者可在此平台發問任何問題；社群中的會員可提供自己的經

驗與想法回答問題。日積月累下，網站的內容不只是單純的內容，而是實

用的寶藏。

資料來源：雅虎知識+，http://tw.knowledge.yahoo.com/

圖附 7-19 雅虎知識+

207

8. 運用使用者集體創作的概念，豐富網站內容

建議運用維基百科的概念，由使用者協力共同編輯網站內容，不僅能

豐富網站內容，更能提高使用者對網站的忠誠度與榮譽感，進而吸引廣大

群眾。但必須特別注意內容的正確性，內容正確性的審核及相關法令的規

範須謹慎考量。例如文建會的台灣大百科網站，即為國內此類網站標竿之

一。

資料來源：文建會台灣大百科，http://taipedia.cca.gov.tw/；拜訪網站時間：民國 95年 12月。

圖附 7-20 文建會台灣大百科

208

附錄八、網站評鑑指標與本規範對照表

指標大項 指標中項 與本規範切合處 兩規範切合之處

1-1.基本資料

1-2.動態資訊

1-3.機關業務核心資訊

9.內容提供 (Content Requirements) 達到內容的完備性、豐富性與可用性

1-4.資料庫存取及資料互通性

於「補充說明」之中 達到資料的互通性

1.網站內容

1-5.內容更新與維護 11. 內容管理(Content Management) 達到內容維護的品質及正確性

2-1.分類架構 3.導覽 (Navigation) 架構的合理性和易用性

2-2.檢索搜尋 9.搜尋(Search) 蒐尋的可用性和結果頁面

的易獨性

2-3.導覽動線 3.導覽 (Navigation) 導覽的方便性、可用性

2-4.網頁版面設計

2.網站檢索、導

覽、版

面設計

及分眾

存取

2-5 無障礙及分眾存取

1.使用者的呈現裝置(Compatibility)

3.4.考量使用者來拜訪的目標、角色和興趣來做導覽分類

網頁的易讀性、版面的一

致性、網頁長度的適切

性、友善列印版本、對瀏

覽工具的支援、多媒體應

用適切性

3-1.隱私權保護 2.18.隱私權政策(Privacy Policy)置於版面下方

3.安全與隱私權

3-2.網站安全 2.19.網站安全政策(Security Policy)置於版面下方

2.14便民服務 （Online Service）置於版面適當處

7.表單(Forms) 表單的流程性

4-1.申辦服務

附錄七 Web 2.0與政府網站的應用 Web 2.0 應用

4-2.互動服務 附錄七 Web 2.0與政府網站的應用 Web 2.0 應用

4.線上申辦服務

與互動

4-3.加密、認證與線上交易

無

5-1

網站推廣

「補充說明」關於Metadata部分 提高網站可及性、資料易

尋找 5.網站推廣與管

理 5-2網站管理 無

6.創新服務

6-1.創新內容/服務 無

資料來源：本研究整理

209

附錄九、布朗大學評獎指標與本規範對照表

評鑑類別

(Category)

指標

(Measurement) 與本規範切合處

A. 網站內容

(Online Information)

A1. 是否提供政府資訊及出版品

A2. 是否提供資料庫存取

A3. 是否提供聲音檔(Audio Clips)

A4. 是否提供影像檔(Video Clips)

A1詳本規範 9.4.「提供機關主管業務所產生的核心資訊」。

A2詳本規範 9.3.「提供單位最新消息、公告事項或活動時程等動態資訊」。

A3詳本規範 9.6.「提供語音資訊服務(Audio Clips)」。

A4詳本規範 9.7. 「提供影音資訊服務(Video Clips)」。

B. 安全與隱私

(Security & Privacy)

B1. 是否提供網站安全政策(Security Policy)

B2. 是否提供隱私權保護政策(Privacy Policy)

B1詳本規範 2.19. 「網站安全政策(Security Policy)置於版面下方」。

B2詳本規範 2.18.「隱私權政策(Privacy Policy)置於版面下方」。

C. 電子交易/付款

(e-Transaction)

C1. 電子交易時，是否接受數位簽章

C2. 是否提供線上信用卡付款選項

付款的安全機制未列於本規範

D. 無障礙存取

(Disability Access)

D1. 是否通過 Bobby 5.0無障礙網頁檢測，並符合W3C規範 3

研考會已制定無障礙網頁規範。

E. 外語網頁

(Foreign Language)

E1. 是否提供外語網頁，讓非本國人存取政府網站

研考會已制定雙語網站規範，

本規範將英文版列入網頁要素，詳 2.6「.語言版本切換按鈕 (Languages) 置於版面右上方」。

F. 廣告及收費

(Ad and Fees)

F1. 是否沒有商業廣告及連結

F2. 是否不就任何線上服務向使用者收費

F3. 是否沒有設立收費專區(Premium Fees)

是否收費未列於本規範

G. 擴大民眾參與

(Public Outreach)

G1. 是否提供民眾申訴或洽詢的 Email信箱

G2. 是否提供民眾刊登意見的區域(Post Comments)

G3. 是否提供 Email Update服務

G4. 是否提供個人化服務

G5. 是否提供 PDA存取功能

G1列入網頁組成要素，詳 2.5.「意見信箱(Feedback)置於版面右上方」。

G2列入網頁組成要素，詳 2.12 「留言版/討論區/論壇 (Message Board /Discussion Forum/ Forum)置於版面適當處」。

G3列入會員服務之基本要求，詳 2.13. 「會員專區 (Member Login)置於版面適當處」。

G4視為會員服務，列入網頁組成要素，詳2.13.「會員專區 (Member Login)置於版面適當處」。

G5 列入網頁組成要素，詳 2.7.「PDA版切換按鈕置於版面右上方」。

H. 線上服務

(Electronic Service)

H1. 是否提供任何可在線上完成的線上服務功能

H1列入網頁組成要素，詳 2.14「.便民服務 (Online Service)置於版面適當處」。