慈善機構在I.T科技及網站建設上都有一定的需求。為了配合慈善機構的理念，我特設製作本網站，介紹一些建立網站要注意的地方。
完善的機構網站帶來的好處
- 有效把機構理念及服務宣揚到社會。
- 善用網上平台招募善款及招覽有心捐款人
- 搜索器上都取得較高的排名。先天注入網站優化元素令網站預設了先天網絡營銷的優勢。
- 酬謝捐款人及展示慈善活動行事曆
- 善用網站作網上推廣的功具，而實踐網上推廣及發放慈善訊息的渠道
- 有效在網上招募會員，建設更大的機構社區網絡
如何架設網站：12個教學＋費用（網頁製作軟體, 平台推薦）
我在以下12個教學，示範如何建立網站。從域名查詢到申請註冊、從架站平台比較（免費、付費）到虛擬主機推薦…
無論是架設官網還是個人網站，我將助你達成目標。
快速導航
網域查詢
網域是什麼？
網域 (Domain name) 又稱「域名」、「網域名稱」，是網站首頁地址。例如，在瀏覽器輸入 www.arms.org.hk 會到達本會網站首頁。
子網域：免費的最貴
幾乎所有社群媒體平台、架站平台都提供子網域（免費網址）。以 pixnet.net 為例：
若 SEO (搜尋引擎優化) 是你主要的行銷推廣策略，網址/URL就是重要行銷資產！
很多部落客辛苦多年，之後才發現網址不屬於自己——因為當初用了免費的子網域。
網址在搜尋引擎的權重靠時間累積，用愈久愈不想換 – 所謂「愈陷愈深」。有些平台（如痞客邦）不給301轉址，更加打擊搬家的念頭。
我建議用免費平台的部落客，即使不自架網站，也務必用自己的網域 / URL，否則後續SEO問題會讓你悔不當初！
購買網域前，要先查詢有沒有被註冊、何時到期… 等。例如我用 GoDaddy WHOIS 查詢 arms.org.hk ，發現它已被註冊，所以無法使用：
但 arms.center 可以註冊 ↓
你可以在 GoDaddy 、 Namecheap 或 name.com 申請註冊(購買) 網域。然而，最省錢/省事/省時 (不須設定DNS) 的是“一站式服務” 。
香港地區頂級域名註冊
香港互聯網註冊管理有限公司 (HKIRC) 為一非牟利及非法定組織，專責執行香港地區頂級域名 (即’.hk’) 的行政及編配工作。透過其全資附屬機構 – 香港域名註冊有限公司 (HKDNR)，香港互聯網註冊管理有限公司提供所有 ‘.org.hk’、’.com.hk’、’.gov.hk’、’.edu.hk’、’.net.hk’、’.idv.hk’、’.公司.hk’、’.組織.hk’、’.政府.hk’、’.教育.hk’、’.網絡.hk’、’.個人.hk’ 及 ‘.hk’的註冊及管理服務。 詳情可參閱：https://www.hkirc.hk/company_info/abouthkirc_hkdnr.jsp?path=dispute_resolution&item=0&lang=zho
簡單的說HKIRC即是負責行政或計劃的工作，而HKDNR則負責註冊域名和管理域名的工作。 我們一般都只會稱之為HKDNR，所有 xxx.hk 也是在HKDNR註冊的，就算你付款給一些Web Hosting公司，他們也是需要為你將費用交給HKDNR才能開通域名。 所以如果你需要註冊.org.hk、.com.hk、.hk等等域名，可以了解一下HKDNR，申請網頁寄存服務時如果相關公司收取再多的手續費，你可以考慮自行在HKDNR申請。一般慈善機構都會申請 ‘.org.hk’ 。
另外，不同種類的域名需要有不同申請資格及所需的文件：
DNS是什麼？
DNS (Domain Name Server) 意思是「網域名稱伺服器」。IP位址（例如103.23.108.200）是網路世界的門牌號碼，每個網站都有一個IP位址。DNS將域名轉換成IP——讓我們只在瀏覽器輸入域名，就能訪問網站。
URL是什麼?
URL (Uniform Resource Locator) 中文意思是「統一資源定位符」，俗稱網址。
一個網站是由HTML、CSS、JavaScript、PHP… 等檔案組成（散佈於不同資料夾）。URL是到達資料夾中某檔案的路徑。
例如，蘋果台灣站的iPhone網頁，是iphone資料夾中的一個檔案：
網域是URL的一部份！若只輸入網域，你會到達網站根目錄（所謂的首頁）。
SSL安全憑證
- 你的連線不是私人連線
- 這個網站無法提供安全連線
Let’s Encrypt 是熱門免費SSL！很多虛擬主機（如Hostinger）讓用戶可以一鍵安裝 Let’s Encrypt 。
舊網站： http 轉 https 風險高！建議聘請SEO工程師操作。
如何架設網站
網站架設流程有四：
- 註冊網域（申請一個路標）
- 設定DNS指向（把路標指向你租來的那塊地）
- 租用虛擬主機（租一塊地）
- 安裝架站軟體（來蓋房子）
一站式服務 或 架站平台 只有流水式設定，不須分別操作以上四個階段 = 快速架站（最快只要10分鐘）！
虛擬主機推薦
虛擬主機 (Web hosting) 又稱「主機代管」、「網頁空間」，是存放網站檔案的雲端伺服器。
歐美虛擬主機 4 大優勢：
- 軟體技術世界最強
- 規模經濟效益 / 便宜
- 重視服務
- 積極更新軟硬體 🔥
歐美主機我推薦Hostinger，優缺點如下：
- 免費SSL憑證（更安全）
- BitNinja DDoS 防護（更安全）
- CloudFlare CDN（更快、更安全）
- SSD固態硬碟（更快）
- 有新加坡機房可選（更快）
- 每週或每天備份（更安心）
- 全年無休、24小時客服（更方便）
- 好用的 hPanel（比cPanel更好用、更強大！）
- 大部分客服只打英文（中文客服email: wcfjeffrey@hostinger.com ）
將以上條件和其他香港虛擬主機（BlueHost、HostEase、RAKsmart、Megalayer、SugarHosts、老鷹主機、Krypt iON、HostUS …）比較，就知道差別。
對於某些人，客服只打英文反而是優點——因為主機、網站的技術名詞是英文。
線上客服主要是打字溝通，代表你可隨時Google翻譯！再說，主機和網站單字不過幾十個。
便宜的虛擬主機比較
（按最便宜的每月促銷價排序）
| Company | Cheapest Price (Month) | Renewal Price (Month) | Disk Space | Bandwidth | Free Domain | Free Backups | Free Site Transfer |
|---|---|---|---|---|---|---|---|
| 主持人 Hostinger | $ 1.39（48月） | 2.15 美元 | 國標 10 | 國標 100 | 沒有 | 有 | 有 |
| EasyWP | $ 1.90（12月） | 2.49 美元 | 國標 10 | 無限 | 沒有 | 沒有 | 沒有 |
| iPage | $ 1.99（36月） | 7.99 美元 | 無限 | 無限 | 有 | 沒有 | 沒有 |
| 動感 InMotion | $ 2.49（36月） | 7.49 美元 | 國標 10 | 無限 | 沒有 | 有 | 有 |
| DreamHost | $ 2.59（36月） | 2.59 美元 | 國標 50 | 無限 | 有 | 有 | 沒有 |
| HostGator | $ 2.75（36月） | 6.95 美元 | 無限 | 無限 | 有 | 有 | 有 |
| 藍主機 Bluehost | $ 2.95（36月） | 7.99 美元 | 國標 50 | 無限 | 有 | 有 | 沒有 |
| 綠色極客 GreenGeeks | $ 2.95（36月） | 9.95 美元 | 無限 | 無限 | 有 | 有 | 有 |
| A2託管 A2 Hosting | $ 2.99（36月） | 8.99 美元 | 國標 100 | 無限 | 沒有 | 有 | 有 |
| 快彗星 FastComet | $ 2.95（12月） | 9.95 美元 | 國標 15 | 國標 30 | 沒有 | 有 | 有 |
| ScalaHosting | $ 3.95（36月） | 5.95 美元 | 國標 50 | 無限 | 有 | 有 | 有 |
| 網站地面 SiteGround | $ 3.99（12月） | 14.99 美元 | 國標 10 | 無限 | 沒有 | 有 | 有 |
| 爸爸 GoDaddy | $ 4.49（36月） | 8.99 美元 | 國標 100 | 無限 | 有 | 沒有 | 沒有 |
一站式服務
Hostinger一站式服務 (網域 + 虛擬主機一條龍) 優點是省錢、省時和省事 (不須設定DNS) ，操作如下
一、建議選 Premium Shared Hosting 或 Business Shared Hosting 方案
二、以購買 Business Shared Hosting 為例 ↓
三、付款後，就進入流水式設定 ↓
若網域已被使用，系統會建議其他 TLD (Top-Level Domain) ——例如 .me / .co / .xyz / .info 等。看你願不願意選擇非 .org.hk 網域，或查詢其他名稱。
網域名稱的五個建議：
- .com 優先： .com 是人們最熟悉的TLD
- 品牌命名：域名應該和品牌名稱相關。若你的市場在台灣，可考慮拼音域名（假設品牌的中文元素居多）
- 簡短：短域名好記、好打
- 不要 www： www 開頭已過時，並讓網址看起來又臭又長！
- 不要數字和橫線 (-) ：難記又難打！
選 Build a New Website（若要搬舊網站進來，選Migrate My Website）
你的email收件匣會出現 Confirm New Email Address 的確認信：
… 和 IMPORTANT! Verify your contact information for [你的網域] 的確認信：
四、啟用SSL憑證如下
如何修改你的WP網站？請看WordPress教學！
五、重要 Dashboard 選項：
- WordPress > Dashboard
- Accounts > Details
- Domains > Add Website
- Domains > Redirects
- Domains > Cloudflare
- Website > Auto Installer
- Website > Error Pages
- Files > Backups
- Files > FTP Accounts
- Databases > phpMyAdmin
- Advanced > DNS Zone Editor
- Advanced > PHP Configuration
- Advanced > Cache Manager
機構email推薦
想申請自己網域的email？（不是 @gmail.com、@hotmail.com）
正式 email，我強力推薦 Google Workspace，因為虛擬主機的email軟體遠不如Google Workspace好用！
- 定價方案：
購買後，Google業務會教你設定DNS records（編輯網域的DNS紀錄 / DNS Zone Editor）。
網頁製作軟體
自製網站途徑有三：
- 自己寫網頁（用HTML、CSS、JavaScript… 等程式語言）
- 使用「架站平台」如Wix.com、Weebly、SHOPLINE、痞客邦、Cyberbiz
- 使用 CMS (Content Management System) 軟體如WordPress、Joomla!、Drupal
#1 是學習網頁設計必經之路。
網頁設計軟體推薦：
#2 是不須安裝、但限制多的雲端CMS。
#3 須在虛擬主機安裝CMS，適合長期經營網站的創業者、行銷人。
CMS軟體不綁定主機 = 網站可隨時換主機、或移至線下 (本機) 開發
WordPress是什麼？
WordPress是最熱門的CMS軟體。根據W3Techs，WordPress的CMS市佔率超過60%
（第二名 Shopify 的CMS市佔率不到6%）
用Google Trends比較：
為什麼推薦WordPress：
WordPress.org vs. WordPress.com
WP有三種（務必分清楚）：
- WordPress
- WordPress.org
- WordPress.com
WordPress 是一個開源、免費的網頁製作軟體 (CMS) 。
在任一伺服器安裝WordPress = 架設網站
WordPress.org 是WordPress開源計劃的官網。你可以在 .org 下載WordPress軟體、版型、外掛，及閱讀官方文件、參與討論… 等。
WordPress.com 是一個SaaS架站平台 – 有免費及付費版。平台架站優缺點
你可在WordPress.com免費設立網站 (不須安裝WordPress軟體) ，但受很多限制。例如免費版：
- 有廣告
- 使用wordpress.com子網域
- 不能上傳版型
- 不能安裝外掛
在WordPress.com至少要年付HK$2700，才能用一些基本功能…
這是為什麼我推薦 在WordPress.org下載軟體 → 安裝在另租的虛擬主機 (WordPress自架網站)
WP自架站是主流，因此虛擬主機都有一鍵安裝WP設計（不用下載 & 上傳WP）。
WordPress教學
在 WordPress教學：12個課程… 你將學會
- 安裝WordPress
- 核心設定
- 管理使用者
- 新增文章 & 頁面
- 購買＆安裝第三方 Theme (主題) 、 Plugin (外掛)
- 網頁內容設計
- WooCommerce購物車
- WordPress搬家 / 備份還原
架站平台比較
架站平台是統稱，細分下有
- 網頁製作平台（Wix、Weebly、Strikingly…）
- 電商平台（SHOPLINE、Cyberbiz、91APP…）
- 部落格平台（痞客邦、Medium…）
平台是雲端軟體 (SaaS) ，因此架站平台 = 已綁定主機的CMS。
- 在主機「自架站」須透過File Manager、或FTP管理網站檔案 = 可編輯架構元件
- 在平台管理媒體檔案OK，但編輯網站檔案 / 架構元件限制多
換句話說，使用架站平台的技術含量低——這是優點也是缺點。
平台架站優缺點
所有架站平台的優點、缺點：
- 簡化、快速的建站流程
- 不須另租虛擬主機
- 不須安裝網頁軟體 – 如WordPress、Joomla!、Drupal、Magento… 等CMS
- 技術維護由平台負責
- 設計受限（不能編輯網站檔案 / 架構元件）
- 換平台難於換主機 / 搬家困難，容易被綁死
- 版型、外掛較少（和WP自架網站相比）
- 費用高於租虛擬主機
建議先設計Logo、計畫行銷4P、寫文案… 再規劃網站，因為內容決定架構和功能。
網頁製作平台
網頁製作平台的費用、評價如下：
Wix.com
Wix中文較適合台灣用戶。它提供範本 (Template) 👇
… 和中文介面的WYSIWYG編輯器 👇
Weebly.com
首次登入Weebly，會直接「選擇主題」👇
中文介面的WYSIWYG編輯器 👇
1. 中文字Logo可能變成亂碼
2. 中文介面常跳回英文
更多網頁製作平台
電商平台
電商是什麼？
電商 (E-commerce) 全名是電子商務 (Electronic commerce) ，工作包括網路廣告、第三方支付、電子資料交換(EDI)、大數據分析、線上換匯、供應鏈管理… 等。「電商行銷」意思近於網路行銷＆銷售。
電商趨勢是B2B、B2C自營品牌網站，因此以下介紹電商架站 / 網路開店平台，不介紹C2C市集 & B2B2C商城平台。
B2B、B2C、C2C、B2B2C經營模式比較：
SHOPLINE
登入SHOPLINE後台 > 設計，會看到「店面版型」👇
中文編輯器 👇
Cyberbiz
Cyberbiz 架EZ版型設計 / 套版主題 👇
網站外觀設定 > 全站設計 👇
91APP
91APP在台灣炒出了一定知名度，我對它的評價如下。
首先，官網沒有方案費用比較表（點進「方案介紹」看不到價錢）
什麼是品牌虛實融合OMO？ 👇
更多
部落格平台
部落格 = Blog = 網誌
想成為美食、親子或旅遊部落客？ 推薦平台如下
痞客邦 PIXNET
痞客邦是台灣知名Blog平台（樣式管理）：
懷舊樣式，當然要配老派編輯器：
免費平台幾乎都有廣告 – 特別是「蓋版廣告之王」痞客邦：
Medium
相對於懷舊痞客邦，Medium比較現代或極簡。例如文章編輯器 👇
Medium沒中文介面，但它的寫文章工具，相信連小學生都會用。
六個部落格賺錢方法：
- 銷售利基 (niche) 產品或服務
- 行銷自己 / 建立品牌
- 電商 / 網路開店
- 接業配 (advertorial)
- 聯盟行銷
- Google AdSense
更多部落格平台
輪到你了
以上是如何架設網站：12個教學＋費用…
你已學會申請網址、租用虛擬主機、區分 WordPress.org vs. WordPress.com 和三種架站平台（網頁製作、電商、部落格）
開始建立網站吧！
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.