NGO 網站改造案例分享
近來義務幫一個非政府組織進行網站改造，過程還蠻有意思的，遂在取得對方同意後，想把這番過程整理分享出來，或可給其它資源有限的非政府組織參考。
現況分析
若不陌生本站成立之前即對台灣倡議型NGO網站持續進行粗淺的資訊整理，上頭列了幾個檢查項目： 網站、自有域名、https 安全連線、響應式版型（不含手機另採不同格式者，如綠色和平、勵馨，或是 blogger 用戶套用 google 另提供的手機版樣式）、域名專屬工作電郵等等，台灣非政府組織在這幾項的表現大概如下：
本案例中的非政府組織在以上三個項目中的情況皆為「否」，故在我看來頗有改善之必要，也是之所以主動接觸對方的原因。
該 NGO 使用 google blogger 架設官網，再利用自用網域名進行轉址，電子報系統則是 netivism 利用 CiviCrm 架設的電子報發送平台與線上捐款金流整合來作支持者、捐款人管理。 其社交平台經營則是一如台灣網民被臉書生態系重度制約，專頁按贊粉絲號稱 16.5K，故對外界的公佈訊息處理，工作人員把會內的新聞聲明、報紙投書搶先放在臉書專頁上傳播，但實際的貼文傳播效果：能見度（impression ）與讀者支持者的互動情況（engagement rate）等數據資料不明。其它的社交平台還有：youtube、Google Plus 但人數少得可直接忽略（猜想是因為使用 blogger 所以才「不小心」有 google plus）。
受限於人力，工作人員得空才把這些放在臉書上的資料整理放回到自家官網。所以雖然該組織訊息產量與活動密度不低，每週至少有一則新聞稿投書或活動，但大約是一兩個月才更新一下網誌。網站的瀏覧量記錄每個月約只有1500～4000左右，此數字表現不甚理想，且其中二分之一以上的流量來源都是來自臉書。這點其實蠻警訊的，因為臉書不時變換演算法，未來勢必更朝向不掏錢買廣告則專頁訊息被臉友看到機會將大為降低。故如何提高其 SEO，多樣化訪客來源，減低靠臉書撐起流量，適當適時地把 NGO 的訊息能見度擴散出去與能量沈澱下來，都是「嚴峻」的課題。
至於電子報部份，發送對象約有1100人左右，因為人力吃緊與發送系統複雜的操作不易上手，發送頻率極不穩定，過往電子報的點閱開信率與轉換率等數據資料也不清楚。同樣根據之前對於台灣倡議型 NGO電子報的分析，此番電子報停滯的情況實為台灣大多數 NGO 的常態。危言聳聽的話，就是台灣大多數中小型的服務業營利與非營利部門（其實還有政治人物）在網路「行銷」的經營上，已淪陷在臉書所控制的花園圍牆。
綜上，想來一些結構性的問題也不便由外人說三道四，故本次改造任務僅能先從一點表象東西做起：
一、blogger 樣式改造：
其網站從一開始就是利用 blogger 作為發佈平台，資料轉換備份單純，且此次無變換發佈平台工具（若要轉成其它 CMS, static page generator 應該也很容易）。這回最主要是改變原本僵硬的主題樣式，進行 responsive theme 套用與微調修改，好讓網站在各式尺寸的螢幕上皆能呈現最佳的閱讀，以下圖為例，左側是改造過的響應設計樣式，不管螢幕大小，版面圖片選單文字都可自動配合「伸縮」，用不著再透過滑鼠去移動左右鍵。
由於此 NGO 本身的調性與過去保有的圖文資料較為單調（一字排開的記者會或靜態講座照片），故在挑選主題時也不宜套用設計感太現代前衛須依靠豐富多樣照片圖檔支橕的版型，所以鎖定的響應式主題先從適合新聞雜誌，但又簡約大方的風格下手。
趁著安裝改造新主題樣版，順便檢查了前後二套主題樣式中不明的網站追蹤器狀況，盡量拿掉無必要的連結功能，如 facebook, disqus 等。但畢竟使用的是 google blogger，終是逃不過這家全球網路廣告市場的最大追蹤霸主 。
二、 https 設定
除 blogger 樣式改造之外，我個人還蠻介意賺飽了網路廣告營收還到處在網頁上安裝追蹤器監控收集用戶資料的 google，卻一直不願意為有自定網域blogger 用戶提供免費的 https 。相較之下， tumblr 今年已開始為自有域名用戶，提供免費的 Let’s encrypt 安裝申請。本來曾一度動念想利用 netlify 作一個 landing homepage，然後把網誌 RSS 嵌入,取消第三方轉址以繼續使用 blogspot.com 的 https 服務。但後來查到可以利用 CloudFlare 免費 SSL ，省下不少麻煩。
過去不太了解 nameserver 的用法，所以雖曾申請 CloudFlare ，但搞不懂 dns 造成自己的網站連結頻頻出錯，故一直放著沒用。開始玩 twngo.xyz 之後，才較了解 dns 入門，這回算是學到了新招，順利地完成了 CloudFlare 相關設定。免費的 CDN CloudFlare，加上免費的 google blogger 就可以讓自有網域名的 blogger 網誌能綁上綠色安全的小掛鎖圖標，開心～～。
網站提供 https 安全連線是大勢所驅，越來越重要，如果你的 NGO 自家網站還沒有 SSL，可以先查看使用的 web hosting provider 是否提供免費的 Let’s encrypt 安裝設定。如果這條路走不通，則不妨考慮把 domain name server 轉由 CloudFlare 代管。(為何 NPO 網站需要安全連線，請參考： The Importance of SSL for Nonprofits）
三、工作用電子郵件設定
該 NGO 過去根本不知道自身 domain name 的情況，近十年來一直是熱心的支持志工（趕快公開感謝 @axiao 老師當年協助申請域名並默默地代支付其年租費用），此情況在台灣大多數的 NGO 中似乎又是常態。 NGO 即便有租用自家域名，但大多不知道 DNS 相關的管理與設定，白白浪費了一年要繳3~7百元，卻不能讓 domain name 發揮最大的效益。這筆小錢在非營利網路行銷中的開支中儘管佔極小的比例，但卻是最重要基本的一件事！！！故先協助他們了解域名設定的自主重要，透過 zoho 免費版 business workplace 服務，快速申請設定作示範，終於有了像樣一點的工作用郵件伺服器。了解 name server, cname, A record， mx, spf txt 等用法後，希望能開啟對於 domain name 的各式使用可能性的想像。換言之，除了有正式工作電郵信箱外，接下來我們還可以做一口氣作十個子網站（逃～）
四、 app for Android 行動版手機應用試驗
只作 blogger 改版換個主題版型有點無聊沒挑戰性，於是想說若現今行動年代中傳統網站沒人看，那麼試試（學習製作）手機應用也沒什麼損失。且從此網站過去三年來的訪客資料，利用 Android 手機訪問的用戶約佔了全體訪問量的 15 ％。其間參考美國 Electronic Frontier Foundation，台灣泛讀（NPOst）兩款手機應用內容設計。因為是試驗品，所以偷偷地在裏面放了一些有的沒的東西。智慧手機的資訊風險更高於電腦，因為手機用戶端不比後者，無法輕易辨察 app 內容原始碼與網站連線資訊 ，小朋友不要亂試啊 ，這部份請另見 AndroidCreator 教學文。
以上的技術記錄，許多細節就不在此贅述，若想知道一些細節可以參考放在 github 的教學式記錄文檔。以下則是 jx 個人碎念。
在協助重整這個非政府組織網站的更早之前，今年初即曾主動接觸過三四個NGO，表達願意義務協助其官網改造，不過對方都沒有什麼積極正面的回應，心想自己也不用熱臉去貼冷OO，就默默地……。之後一直在想，網站幾乎是等同於自家門面，卻得不到應有的重視，是因為資源太過迫窘、組織業務太過繁忙，還是故意讓網站維持得很寒酸，以示 NGO 的勤儉持家（這哪招），或是根本只是迷信臉書的人氣流量引力，反正社交平台這麼方便：新聞稿、活動直播、報名網頁都可以在上面發生，辛辛苦苦作了官網、電子報又沒人要看，何苦呢？
用錢買網路廣告、想辦法取得政治權力、做出瘋狂蠢事後到 ptt 討拍求推爆等等方法外，我自己仍想不出任何可創造「流量人氣」的撇步竅門。只好退一萬步問：建立網站的目的僅是為了「吸引流量」嗎？還是有其它的作用與迴異於臉書專頁的目的？既然承認自己無法打造出人氣網站，所以近來「製作」網站時，心態反而更接近一種送行者或者是撿骨師的平靜（喂）。
其實「改造網站」只是藉口，原本更期待的是透過網站改造，能在此過程間接影響、提昇 NGO 工作人員的數位工具操作信心能力、反思網際網路開放或碎裂分化、提高資安保護認知。但從結果而論，此部份的成效還是非常非常非常地低。例如想引入教導他們開始使用 trello 來追蹤討論小小的網站改版事宜，但對方似乎對於陌生工具抱持一種的抗拒與逃避。或者更準確地說，當初一口氣熱心地去「承攬」這份工作，到頭來此事就是回歸到自己一人身上，對方依然「冷感」得很，故僅是「承包者」單方把東西做出來好讓「業主」驗收。至於這趟全套服務交差後，該 NGO 未來大概仍會繼續使用私人 gmail 處理組織公務，trello 帳戶團隊看版不知如何使用沒人聞問，網誌文章分類照片放置依舊亂七八糟，https 雜入不安全連線無法通過瀏覧器查驗……。好吧，我並不是醫院急診部門或復健科，只是生命禮儀服務業（默）。
曾經讀過一篇「A Civil Rights Organization That Does Social Media Right」，作者對某民權組織的網站與社交平台使用，分析探討該 NGO 的運作狀況。當時讀完這篇文章後，很想仿效其作法對台灣本地某個 NGO 做點從網站側寫探討。但這個心願遲遲未能啟動，主因大概是台灣絕大多數 NGO/NPO 目前的網站都太過單調貧脊；或者反過來說：大部份台灣 NGO/NPO 的「工作現況」並未充分利用網路媒介將之活潑生動地展現出來。希望今天這個改造案例的分享搭配這篇外國舊文回顧，或可讓我們來重新想想：NGO官網的目的是什麼，組織的使命宗旨是什麼，前者有可能協助後者的達成嗎？是的話又該如何操作？
聲明與說明: 本文不是在拉生意攬客文，在此過程中從未收取任何一分錢，除了義務投入的時間成本外，連主題模版版權使用費都自行支付。
除了每週二在 Medium 平台發佈專文外，歡迎訂閱「NGO 推進器」雙週電子報，主動把文章滙整到訂戶電子郵件: https://www.getrevue.co/profile/twngo ; 或是加入 TWNGO slack 安靜的聊天室。
NGO 推進器 