2026 年，非營利網站已不只是「放資訊的地方」這麼簡單！
網站導覽混亂、載入緩慢、手機難以操作——這些問題帶來的不只是「體驗不佳」，而是：捐款人猶豫三秒就關掉、志工找不到報名方式就放棄、服務對象無法觸及你提供的資源，讓組織夥伴平時經營的心血難以達到真正想要的目標。
根據 TechSoup 的研究，受眾對非營利組織網站的期待已全面升級，而這些期待，直接影響組織能否更好地應用網站吸引捐款、招募志工及觸及服務對象。本文分享TechSoup 課程，提到的 6 項最新非營利網站建議，一起來一一檢視，就在今年讓組織網站升級吧！
支持者對非營利網站的 6 個期待
TechSoup 課程中，提到網站訪客、支持者會透過以下 6 個重要元素，來判斷組織是否值得信任與支持。這六項，你們做到了幾項呢？
1.速度（Speed）
網站速度影響訪客體驗、搜尋引擎排名，對偏鄉或低頻寬使用者尤其關鍵。改善方式不複雜：
- 壓縮圖片（影響最大的單一因素）
- 啟用快取
去年「AI」這個詞大概席捲了所有人的生活，而這件事在去年年底參加 WebConf Taiwan 2025 時，感受尤其強烈。無論是工程師、設計師，或是是在相關產業任何一個角色，每個人的工作流程都正在被這波浪潮悄悄改寫。
發揮想像，讓 AI 會的更多
很多人對 AI 的想像還停留在「幫我潤稿」或「生成一張封面圖」，但這次大會讓我深刻感受到，AI 的滲透已經遠遠超過這個層次。工程師們正在用 AI 拆解問題、評估技術選型、撰寫程式碼；設計師用它快速產出多個方向的視覺概念；在專案管理工作中，從整理會議脈絡、追蹤待辦、一直到團隊內外協作，AI 都不再是偶爾借力的小工具
「Drupal 能有今天的成就，並非因為它追逐潮流，而是因為用心去做了正確的事。」
＊本文內容依據 TechSoup：How to Create High-Converting Homepages 課程影片整理，也歡迎大家收看、學習、交流。
留住訪客的黃金3秒，圖片、文案都準備好了嗎?
- 高情感訴求的照片：以組織服務過程中的真實互動情境取代制式圖庫
- 找出組織的黃金敘事：用一句話快速傳達「我們是誰」、「我們在改變什麼」的資訊
- 搭配高度對比色、視覺突顯的「行動呼籲(CTA)」
大家好！可以使用的雲端開源繁體中文字型選項變更多了！自從 2014 年「思源黑體」首次發佈以來，已經過了 10 年以上的時間，在更早之前，網頁適用的中文字型選項很少，尤其是在面向 Windows 使用者時，在沒有額外預算的情況下，往往就只能用當時的系統預設字體「微軟正黑體」，而「思源黑體」的出現，讓大家增加了中文字型的選項，不過與英語系網站相比，能用的中文字型選項仍然很少。近期在準備字型相關分享的簡報時，發現 Google Fonts 上提供的繁體中文字型變多了！
目前完整支援繁體中文的字型有以下 11 個（截自 2025-09-30）
什麼是文字裝飾背景與圖像？
今天想跟大家分享一個在進行網站套版時很常遇到的一個需要處理的情境，為了讓標題或特定文字突出顯示，設計師會使用一些方法來區別一般文字段落。最基本的作法有調整文字顏色、字體、粗細與大小，為了讓畫面更美觀、更豐富與更貼近網站主題，設計師會為其加上一些裝飾元素，例如向量圖形、裝飾底線或符合主題的插畫圖像。在英語系網站中，比較接近的說法是「Text Highlighting」，這同樣是一種透過為文字加上背景顏色或效果以突出顯示的技術。
圖片來源：A CSS challenge: skewed highlight — Vadim Makeev
由於本文想分享的一些範例主要是透過圖像讓文字有更突出的顯示效果，因此我就先以「文字裝飾背景與圖像」來稱呼這種設計方法，常見的應用場景包括：
- 標題強調：可以為重要標題增加背景色來突出顯示
- 螢光筆效果：例如使用 `linear-gradient` 創造出類似螢光筆的標記效果
- 連結裝飾：例如使用底線搭配 `transition`
多數架站專案的開場白，都是一句「請問可以幫我們做一個這樣那樣的網站嗎？」
有些客戶準備充分，身邊友人、ChatGPT早就調查過一輪；也有客戶還不知道自己想要什麼、該從哪開始說起。總之，初次見面總是難按計劃進行，往往客戶帶著答案紙來，又帶著問題集回去。
身為網站建置專案的PM，許多時候，比起快速出報價與排程，我們反而把時間花在辨別這些問題。
開了一堆功能清單，但真正需要的可能不是這些
當客戶初期攤開他的願望清單：會員系統、影片牆、多層分類、進階搜尋、登入區塊…這些聽起來都很棒，但深聊下去，才能知道這些「需求」背後真正的情境。
某個功能其實是從別人的網站看到覺得「
