你搜尋了很多「架站教學」,但資訊總是不完整?

「如何架設網站?費用與流程有哪些?」你問~

所以,阿道以下示範「架站一條龍」。從註冊網域到租虛擬主機、從設定DNS到安裝架站軟體… (文末有Google Analytics教學影片)

想30分鐘快速自架網站?看這篇就對了!

1. 購買網域

台灣提供「網域申請」的網站有:

  • 捕夢網
  • TWNIC
  • 遠振資訊
  • 中華電信 DNS

但我們來看一下費用:

網站架設教學:費用 流程懶人包(2018更新)

HiNet DNS 網域費用(這網頁大概十幾年未更新…)

如果在國外註冊網域,價錢大約每年$10 USD。

這裡以Namecheap為例,首先查詢想買的域名:

網站架設教學:費用 流程懶人包(2018更新)

查詢想買的網域

若查詢的網域還沒被註冊,你會看到費用(此範例為一年$10.69美金):

網站架設教學:費用 流程懶人包(2018更新)

若網域已被註冊,你可以選擇其他TLD,或重新查詢另一個網域~

所有域名的後段,如 .com / .net / .xyz / .tw 等,稱為TLD(Top-Level Domain)。當你查詢某個域名,你會看到很多奇怪的TLD。雖然 .com 在今日逐漸匱乏,讓許多商家選擇非.com的TLD,但不可否認,.com仍是我們首先想到網址結尾。

挑選域名的五個建議:

  • .com 優先:.com 早已長存我們的記憶。它是最好記、最理所當然的TLD。
  • 品牌化:域名和你的品牌名相關嗎?若你的市場在台灣,可以考慮用拼音的域名(假設你的品牌中文成分居多)
  • 簡短:短域名好記、好打。
  • 去除 www: www 開頭的網址,已非常的過去式。若你能選擇,我建議無www開頭的。
  • 勿用數字和橫線(-):難記又難打!

接著決定購買年數、是否購買whois隱私保護… 然後確認訂單:

網站架設教學:費用 流程懶人包(2018更新)

whois查詢(例如用whois.com)會顯示域名註冊人資訊。若購買whois隱私保護,註冊者的資訊會被隱藏

接下來的創建帳戶、付款流程這邊就不贅述…

注意:聯絡資訊務必填寫正確,否則有可能會被吊銷網域所有權。

付款完成後,查看你的收件匣。你會收到一封標題含 VERIFICATION REQUIRED 的email:

網站架設教學:費用 流程懶人包(2018更新)

這是Namecheap的email。若你在其他網站買網址,你也會收到類似email~

這類email是ICANN(一掌管網域的機構)透過網域註冊商,要求購買者確認whois資料的正確性。

確認whois資料無誤後,點擊「Click here to verify your email address」:

網站架設教學:費用 流程懶人包(2018更新)

Verify成功後,你的網域 / 網址 / URL就申請完畢!

2. 租用虛擬主機

一個網站,是由包含HTML、CSS、JavaScript、及其他檔案的資料夾所組成。為了存放這些網頁檔案,你須要租用虛擬主機(又稱Web hosting、主機代管、網路空間)。

主機有很多種,例如共享型、VPS (Virtual Private Server)、專屬型、雲主機等。其中共享型的費用最低,適合架站新手。

我們先來看台灣主機商的報價:

網站架設教學:費用 流程懶人包(2018更新)

捕夢網主機費用(共享型)

網站架設教學:費用 流程懶人包(2018更新)

遠振的台灣主機費用(有流量限制)

首先,SSD是行業標準。但光是這個條件,就刷掉不少台灣業者,尤其是那些千元平價主機

24小時客服(24小時全年無休,在線即時問答)是歐美的業界標準。台灣有些也聲稱24小時客服,但實際上如何不予置評~

台灣主機商的唯一優勢,可能是中文客服。但很多的架站專有名詞,都是英文…

例如遠振,即使是台灣業者,費用表上也有一半的名詞是英文。也就是說,你無論如何都要記一些英文。

主機商推薦

虛擬主機的價格戰打得火熱。歐美主機商擁有「規模經濟」,不只硬體價格低,軟體科技也走在世界前端。綜合這些因素,歐美業者算是「俗擱大碗」。

如何比較主機商?除了價格、規模、評價與24小時客服之外,你還要考慮它的機房位置。

若你的目標訪客都在台灣,虛擬主機機房最好在台灣,或鄰近的亞洲國家 – 如新加坡、日本、韓國。

機房在地球的另一端會產生網路延遲,進而影響使用者經驗。若網站是你賴以為生的工具,你當然要提供最好的「用戶體驗」吧?

這是我的推薦:SiteGround虛擬主機

優點:

  • 全年無休、24小時客服
  • 免費SSL憑證
  • 評價好
  • 有新加坡機房可選

缺點:

  • 客服只打英文

「客服只打英文」是否為缺點,應因人而異。對某些人來說,English only反而是優點。

虛擬主機的線上客服,主要是打字溝通(偶而需要截圖)—這代表你可隨時Google翻譯!再說,主機和網站相關單字才幾十個。

主機租用流程

首先到SiteGround的Web Hosting。你可以依照需求選擇方案。在粉紅色匡處,你能看到方案的配置清單:

網站架設教學:費用 流程懶人包(2018更新)

費用以美元計價。選定方案後點擊 GET STARTED

輸入你在上個教學申請的網域:

網站架設教學:費用 流程懶人包(2018更新)

若你的網域沒有www開頭,請忽略欄位上的www。它不會對你的網域有任何影響

接著輸入你的聯絡資料、付款方式。記得選新加坡機房:

網站架設教學:費用 流程懶人包(2018更新)

帳號密碼一定要記好啊~

3. 取得主機DNS位址

當你第一次登入SiteGround帳戶,你會看到一個設置精靈的畫面。它提供精簡、流水式的設定,讓你快速達成目標(例如安裝WordPress)。

但我們身為站長,必須熟悉一般操作方式,因此這裡選 I don’t need help setting up:
網站架設教學:費用 流程懶人包(2018更新)

按照以下順序點擊,你會在「Account DNS」處,看到兩行網址(綠色底線標示):

網站架設教學:費用 流程懶人包(2018更新)

把這兩行網址,貼入你Domain的Nameservers欄位

複製這兩串網址,然後按照下面的DNS設定教學,把它們貼入Nameservers欄位。

若有任何技術問題,如找不到DNS位址… 請聯絡SiteGround的24小時客服Google翻譯很好用~)

4. 設定DNS指向

除了申請路標(網域),你還需要一塊地(主機)來蓋房子(網站)。

但你得先確認,這個路標(網域)是指向你租來的那塊地(主機)。這就是DNS指向設定。

以下是Namecheap的實際操作…

登入Namecheap帳戶 > Domain List > MANAGE:
網站架設教學:費用 流程懶人包(2018更新)

在NAMESERVERS欄位: 1. 選擇Custom DNS, 2. 貼入主機商提供的DNS位址, 3. 儲存
網站架設教學:費用 流程懶人包(2018更新)

這樣就搞定了!

不同服務商的後台會有差異,但操作流程是一樣的。

當然,網域註冊商不是只有Namecheap。我們來看 name.com 和 Godaddy 的設定方法…

name.com

name.com修改DNS指向,做法和其他註冊商類似:先找到Domain,然後編輯Nameservers欄位:

網站架設教學:費用 流程懶人包(2018更新)

1. Edit Nameservers, 2. 貼入主機商提供的DNS資訊(大部分皆為兩串網址)

GoDaddy

省錢技巧:以美元(USD)計價的GoDaddy產品,會比以台幣(NTD)計價的產品便宜。試著切換幣種或國家 / 語言,你會發現同一樣東西,價錢差好多!

修改DNS指向:找到Domain > 點擊「DNS」或「Manage」 > 在Nameservers(網域名稱伺服器)區塊選Custom > 貼入主機商提供的DNS位址:

網站架設教學:費用 流程懶人包(2018更新)

1. 選擇Custom, 2. 貼入從主機商取得的DNS位址

等待幾小時(最多不超過2天),你的域名就指向你的主機了。

如何查詢是否生效?很簡單:在瀏覽器輸入你的域名。若出現主機商的預設頁面,新的DNS設定即告生效。

若有任何技術問題,如找不到Nameserver欄位… 請聯絡註冊商的全年無休、24小時客服!

5. 安裝架站軟體

WordPress是全球最熱門的架站軟體。根據W3Techs統計,全球有30%的網站是用WordPress架設—遠遠超過3%(第二名)的Joomla!

你可以安裝WordPress外掛來擴充功能。WordPress有上千個外掛—有免費的,也有付費的。

WordPress主題(又稱版型)決定網站的外觀。如同外掛,主題有免費也有付費。市場上充滿各式各樣WP主題及外掛,因為全球有超過30%的網站是WordPress。

為什麼推薦WordPress?

  • 免費!
  • 支援正體中文
  • 社群龐大(用戶、前端設計師、後端工程師…)
  • 上千個版型
  • 上千個外掛(社群分享外掛、備份外掛、電子商務外掛…)
  • 頻繁發布更新(安全升級、新功能…)

WordPress.org vs. WordPress.com

我們常說的WordPress,其實有三種:

  1. WordPress軟體:一個開源、免費的架站軟體。只要把它裝在任一伺服器,你就可以在網路上發佈內容。
  2. WordPress.orgWordPress開源計劃的官方網站。在WordPress.org,你可以下載WordPress軟體、閱讀官方文件、及參與討論。
  3. WordPress.com一個SaaS(Software as a Service 軟體即服務)架站平台 – 有免費及付費版。

你可以在WordPress.com免費架站(且無須安裝WordPress軟體),但你的網站受限於平台規則。例如:免費版有廣告,且只能使用WordPress.com的子網域…

… 還有,你無法自行擴充平台的功能。若想安裝第三方提供的主題和外掛,你必須購買商務版:

網站架設教學:費用 流程懶人包(2018更新)

WordPress.com費用表

6. 一鍵安裝WordPress

按照以下步驟進入cPanel:

網站架設教學:費用 流程懶人包(2018更新)

會常用到,請牢記~

在WORDPRESS TOOLS區塊,點擊WordPress Installer:
網站架設教學:費用 流程懶人包(2018更新)

點左上角的Install標籤。輸入你的網站資訊、選擇語言、安裝WPForms外掛… 然後點擊下方的Install:

網站架設教學:費用 流程懶人包(2018更新)

黃色標示,為「網站管理員」登入後台要用的資訊,務必牢記!

幾秒鐘後… 大功告成!你的網站已架設完成

閱讀全文