學校網站設計要注意什麼？無障礙認證、個資法規與多語言需求

作者｜瞻新資訊　陳俊鳴顧問（資深SEO顧問・搜尋流量與銷售漏斗規劃）

假設一所中型國小決定重建官網。負責這件事的可能是教務處的老師，也可能是總務處的行政人員——他們手上有一份網站設計公司的報價單，寫的東西跟一般公司官網差不多：首頁輪播、關於我們、服務項目、聯絡我們。乍看很完整，但真的照這個架構做完，開學前家長會發現找不到行事曆，特教生家長會發現網站沒辦法用螢幕報讀器讀，新住民家長會發現整站只有中文。

學校網站真正的難處，不是版面好不好看，是它要同時服務好幾種完全不一樣的人：學生、家長、老師、行政人員、校友，每一種人上網站要找的東西都不一樣。這篇文章要講的，就是這些容易被當成公司官網套版一併忽略的地方——包括公立學校網站的無障礙認證其實是法規要求，不是加分項——把這些先搞懂，再談網站好不好看，順序才對。

學校網站跟公司官網不一樣：你要服務的是好幾種完全不同的人

一般公司網站的目標通常很單純：讓潛在客戶看懂你在賣什麼，然後留資料或下單。學校網站的使用者組成複雜得多，同一個網站要同時服務：

• 準家長：正在比較學校、想知道招生資訊、學費、辦學特色。
• 在校生家長：要查行事曆、聯絡老師、看公告、繳費。
• 學生：查課表、查成績（若有開放）、找社團資訊。
• 教師與行政人員：發布公告、更新內容、管理表單。
• 校友與社區：偶爾回來看看，找校慶或活動資訊。

這幾種人要的資訊完全不同，動線也不同。一個只想快速看懂「這所學校適合我小孩嗎」的準家長，跟一個每天要查聯絡簿公告的在校生家長，理想的網站入口根本不是同一個。整個網站架構如果照著公司官網的邏輯做——一頁式主打賣點、CTA 導向填表——反而會讓真正每天要用網站的在校生家長和老師找不到東西。（一般網站建置從需求釐清到上線驗收的完整流程，可以參考網站設計流程怎麼跑，這篇不重複展開，只講學校場景下多出來的部分。）

下面這張表整理學校網站跟一般公司官網、單純活動用的 Landing Page 在考量重點上的差異：

考量項目	一般公司官網	學校網站
主要使用者	潛在客戶（單一角色為主）	學生、家長、教師、行政、校友（多角色）
更新頻率	低（產品、服務項目變動不頻繁）	高（公告、行事曆、活動幾乎天天更新）
法規考量	一般消費者保護、個資法	額外要考慮無障礙標章辦法、學生資料的個資法適用（公立/私立不同）、私立學校招生規範
內容管理者	通常 1–2 人（行銷或負責人）	通常多人（各處室分別更新自己的公告）
典型 CTA	詢問、預約、購買	報名、下載招生簡章、聯絡導師、查詢公告
SEO 需求特性	商業轉換型關鍵字為主，需要持續開發新內容衝排名	資訊型、地區型關鍵字為主，重點是把固定會被搜尋的頁面做扎實並每年更新

這張表最關鍵的一格是「內容管理者」：公司官網通常一兩個人在維護，學校網站常常是教務處、總務處、輔導室各自負責自己的公告區塊。這代表後台權限規劃要分層——不是每個處室都該有整站的編輯權限，這件事在初期就要跟做網站的廠商講清楚，不然日後很容易出現某個處室不小心改動到首頁的狀況。

最後一列的「SEO 需求特性」也值得多說一句：公司網站的 SEO 通常在追會直接帶來客戶的商業關鍵字，需要不斷產出新內容去卡排名；學校網站的搜尋需求則相對固定——每年這個時候，家長就是會搜「OO國小 招生」「OO國小 行事曆」。這種資訊型、地區型的關鍵字不需要每年重新發明，重點是把這幾個固定頁面每年扎實更新、內容做完整，讓它年復一年穩定被搜到，跟公司網站那種要一直開發新主題衝流量的打法不一樣。

無障礙不是加分項，是公立學校網站的法定義務

多數網頁設計公司在介紹學校網站時，會把無障礙設計放在「建議加分項」那一欄，跟響應式設計、SEO 優化並列。這個講法對公立學校來說並不準確。

台灣的「各級機關機構學校網站無障礙檢測及認證標章核發辦法」，明訂各級政府及其附屬機關（構）、學校，應自行檢測資訊服務網站的無障礙功能。換句話說，公立學校（含各縣市所屬國中小、高中、國立大專院校）的網站，原則上屬於這項法規要求檢測的對象，不是做了比較好，而是這是法規範圍內的義務（無障礙標章的完整規範與等級判斷，可參考無障礙網站是什麼？2026新規範、標章等級與企業判斷）。

這套規範的技術內容，對應的是國際通用的 WCAG（Web Content Accessibility Guidelines）標準，由全球資訊網協會（W3C）制定，目前主流版本是 WCAG 2.1 AA 等級。與其只記「可感知、可操作、可理解、穩固」這四個抽象概念，更實用的做法是知道幾個具體會被檢核的準則，例如：

• 1.1.1 非文字內容：圖片、圖示要有文字替代說明，讓螢幕報讀器能唸出圖片在講什麼，不能只放檔名或留空。
• 1.4.3 對比度：文字與背景的顏色對比至少要達到 4.5:1，避免淺灰字配白底這種好看但看不清楚的設計。
• 2.1.1 鍵盤操作：網站的所有功能都要能只用鍵盤完成，不能有一定要用滑鼠才點得到的功能，這對肢體不便或使用輔助裝置的使用者特別重要。

回到那所中型國小的例子：假設全校有一位視障學生的家長，需要靠螢幕報讀器瀏覽學校網站查看公告——如果網站的圖片沒有替代文字、表單欄位沒有正確標籤，這位家長實際上是被排除在「看得到公告」這件事之外的。這不只是合規問題，也是網站到底有沒有服務到它該服務的人。

私立學校呢？不是強制對象，但為什麼還是該做

如果查過前面提到的法規全文，會發現它的適用對象寫的是「各級政府及其附屬機關（構）、學校」，私立學校並不是這項辦法明確列出的強制檢測對象。這一點要誠實講清楚，不能為了推銷無障礙設計就誇大成「私校也一定要做，不做會違法」——目前查到的資料並沒有這麼寫。

但這不代表私立學校可以不管無障礙這件事。原因很簡單：私立學校網站服務的對象，跟公立學校一樣，也包含特教生家長、行動不便的長輩、視力退化的祖父母輩，這些使用者的需求不會因為學校是公立還是私立而改變。從「網站到底服不服務得到所有想用它的人」這個角度看，無障礙設計對私校來說仍然是值得投資的基本功，只是驅動的理由從法規要求變成服務品質與使用者公平。

私立學校另外還要留意《私立學校法》對招生方式、招生名額與招生時程的相關規範——招生方法要在核准範圍內公告，不能自己隨意訂定。這部分建議在網站招生頁面規劃階段，就跟校方行政與法務確認清楚，避免上線後才發現招生資訊的呈現方式跟核准內容不一致。

學生和家長的資料放上網站，個資法怎麼看公立跟私立學校

學校網站常常會設計「家長查詢系統」：查孩子的出缺勤、成績、聯絡簿。這類功能一旦牽涉到個人資料，就要面對個資法。這裡有一個經常被忽略的重點：公立學校依個資法屬於「公務機關」，私立學校屬於「非公務機關」，兩者適用的個資法條款並不完全相同。

項目	公立學校	私立學校
個資法上的身分	公務機關	非公務機關
蒐集個資的合法性基礎	執行法定職務必要範圍內	特定目的內、經當事人同意或有法律明文規定
常見場景	學生缺曠課、操行成績提供家長查詢	招生報名資料、繳費資訊、家長聯絡資料蒐集

這張表格不是要嚇退學校不敢做家長查詢系統——這類功能對家長其實很實用——而是提醒學校在規劃這類功能時，要先確認資料的蒐集範圍、查詢權限，是不是落在合理的法定職務或特定目的內，而不是把所有能查的資料都放上去。實務上，這通常代表家長帳號只能看到自己小孩的資料，且系統要有基本的存取權限控管——這一塊網站設計公司通常只能協助技術實作，實際的資料揭露範圍要不要做、做到什麼程度，仍需要學校行政與法務評估決定。

一所學校網站至少要有哪些功能

先講結論：學校網站不是頁面越多越好，而是要把上面提到的幾種使用者需求對應到具體功能。以一所中型國小的常見需求來看，通常會需要：

• 招生專區：招生簡章、報名方式、重要時程，最好能一頁看完不用東找西找。
• 行事曆／行政公告系統：能依處室分類發布，家長可以只訂閱自己關心的類別。
• 表單與線上申請：請假單、活動報名表，能線上填寫比印紙本再收回效率高很多。假設一個中型學校每學期要處理上百張請假單，改成線上表單後，行政人員不用再手動輸入紙本內容到系統裡，通常可以省下大半的重複輸入時間，這筆帳不用算得太精確，光是「不用再打字兩次」這件事，對行政人力吃緊的學校就是實際差異。（家長查詢系統這類客製功能，牽涉到的需求細節不少，實際規劃時可以參考客製化網站設計規格怎麼寫？需求說不清楚也能寫出可驗收的規格書，先把功能規格談清楚再進開發。）
• 多語言切換（下一節詳細講）。
• 校園介紹與環境導覽：對準家長來說，這往往是決定要不要進一步了解的第一印象。
• 緊急訊息公告區：颱風停課、突發狀況通知，這類資訊需要放在網站上最顯眼、最容易更新的位置。

國外的學校 CMS（內容管理系統）服務商，普遍把無障礙工具、行事曆與新聞自動彙整、線上繳費、多語言切換列為學校網站的標準配備，這也印證了一件事：學校網站是一種功能規格，不是單純的版面風格選擇。

新住民家長也是你的讀者：多語言不是加分，是真實需求

台灣中小學的新住民子女比例，在部分縣市已經是不小的族群。教育部本身就設有專門的新住民子女教育資訊網，地方政府教育局也普遍提供多語言的教育資源服務——例如高雄市政府教育局的新住民教育服務網，就提供英語、越南語、印尼語、泰語、柬埔寨語、馬來文、緬甸文等多語版本。

這代表什麼？對很多台灣的國中小來說，「有新住民家長需要非中文資訊」不是假設情境，是已經存在的真實需求。學校網站如果完全沒有考慮多語言，等於把這群家長排除在「看得懂學校公告」這件事之外——他們可能因此錯過重要的招生時程、活動通知或繳費期限。地方政府教育局都已經在為新住民家長準備多語言資源，學校自己的官網沒有理由完全不考慮這件事。

實務上不一定要整站翻譯成七、八種語言，更務實的做法通常是：把招生資訊、重要公告、聯絡方式這幾個最關鍵的頁面，先做出至少一到兩種常見語言的版本（例如越南語、印尼語），再視學校實際的新住民家長比例決定要不要擴充。這比一次到位做全站多語言更容易落地，也更符合多數學校的預算現實。

學校網站費用大概多少？不要只用「幾頁」去估

台灣網站設計市場的報價，大致可以分成三個級距（一般網站設計的完整費用拆解可參考網站設計費用怎麼算？2026台灣行情、影響因素與報價避雷指南），學校網站因為功能需求通常比單純的形象官網複雜，落點多半會偏向半客製到全客製這一段：

方案類型	常見內容	大致費用區間	適合情況
套版／開源系統	固定版型、基本頁面與圖文、簡單聯絡表單	約 3～5 萬元	小型附幼、單一據點且功能需求單純的學校
半客製化	套用既有版型再依需求調整視覺、加入行事曆／公告系統、基本 SEO 設定	約 3～30 萬元	多數中小學、需要多處室管理內容的學校
全客製化	客製化功能開發（例如家長查詢系統、多語言、招生報名整合）	約 10～30 萬元以上，依功能複雜度續增	招生規模大、需要複雜後台或跨系統串接的學校

這個區間是台灣網站設計市場的一般行情觀察，不是任何一家廠商的固定報價，實際費用仍要以正式報價單為準。判斷該落在哪個級距，重點不是要幾頁，而是需要幾種角色的後台管理權限、要不要做家長查詢系統、要不要多語言——這幾個功能需求，才是真正把預算往上拉的原因。

學校網站上線前，這份檢查清單幫你抓漏

回到最前面那所中型國小的例子：官網初稿做完，上線前，建議至少對照以下幾點檢查一遍，而不是只看首頁好不好看：

• 圖片有沒有加上有意義的替代文字（不是檔名，是描述圖片內容）
• 只用鍵盤（不用滑鼠）能不能操作完主要功能，例如填一份表單
• 文字與背景的對比夠不夠清楚（抓 4.5:1 這個基準感覺一下）
• 行事曆與公告系統，各處室是不是都清楚自己的更新權限與範圍
• 招生頁面的內容，是不是跟核准的招生簡章一致
• 家長查詢系統（如果有）是不是只會顯示自己小孩的資料
• 至少關鍵頁面（招生、聯絡方式、重要公告）有沒有考慮到非中文母語的家長
• 緊急訊息公告區，行政人員能不能不靠工程師就自己上稿

這份清單不是要求一次全部做到滿分，而是提醒學校在驗收網站時，除了看版面，也要把這些容易被忽略、卻真正影響到家長和學生用不用得到的項目一併確認過。

FAQ

如果你正在規劃學校官網重建或改版，先把上面這幾個法規義務與多方使用者需求盤點清楚，再進入視覺與功能設計，會比先討論配色更能少走冤枉路。有具體的系統開發或客製功能需求時，歡迎找瞻新資訊聊聊你的實際情況。