網站架設教學
Posted in: 網站架設教學

網站架設【基礎+進階教學】- 2021年更新

如何架設網站是個簡單又複雜的問題,如果自己摸索可能需要花費龐大的時間成本。本文總結2021年台灣地區最優的網域/虛擬主機購買方案、WordPress主題設定,您將透過本文了解:


網站架設前情提要 – 網域、網址

在開始架設網站之前,我們要先了解一些網站架設的基本名詞。

網站與網頁

網站是由多個網頁構成,如同酒店(網站)是由很多房間(網頁)所構成。而酒店的品牌名稱,如同網站的首頁我們稱為網域;酒店中每間房間的專屬房號,如同網站的某個頁面,而這個頁面的地址稱為網址簡稱URL。

網域與網址|架網站 Web101

子網域

子網域如同酒店的分店,如同A酒店有紐約館、倫敦館、台北館。許多免費部落格像是blogger、痞客,還有社群Instagram、臉書等都有提供免費的子網域。下圖以痞客邦舉例說明子網域一觀念。

子網域

子網域的優缺點

我們再來說明使用免費子網域的優缺點。台灣大家最簡單的就是使用Blogger或是痞客幫來寫部落格,優點是基本上不需要了解太多技術上的細節,只需要申請帳戶成功就可以直接發布文章。

反之,子網域的缺點是比較不容易建立起自家品牌,想像你的目標是要建立起一家像蘋果的一樣有品牌的公司,你不會寄生在別的平台之下,而會希望有自己的網域,一個屬於自己的空間。再者,建立在免費子網域的網站,速度上會受到限制,且不容易做優化跟客製化,這件事情將對網站曝光率有致命性的影響。關於「哪裡可以購買自己的網域」,目前全球最大的幾個網域商為:

備註:關於網站曝光,想了解如何有效提供網站排名可參閱「SEO指南一文


網站建置的基礎 – 虛擬主機

虛擬主機、架設網站

虛擬主機是存放一個網站資源的地方,如同房子的土地一般。以下將分別介紹為什麼要用虛擬主機、2021年虛擬主機評測與選擇。

為什麼要用虛擬主機(VM)

有人會說,可否使用家中的電腦當作虛擬主機?首先我們必須考慮到穩定性,虛擬主機只負責網頁運作,家中的電腦或許還有其他程式需要運行,穩定性上面相對較低,同時必須要考慮到全年無休開機狀態等。使用虛擬主機成本相對便宜不少。

如何選擇虛擬主機(VM)

如果使用者選擇的是「免費架站平台」那無需擔心此問題,免費架站平台的服務均已包含虛擬主機。然而如果您是自己購買域名想建立WordPress網站,則虛擬主機服務的幾個選擇依據分別為:

  • 軟體必須隨時間更新
  • 有24小時的專業客服
  • 速度不能太慢

對於虛擬主機來說,穩定性是主要考量的點。根據Website Setup的數據,穩定性在99.93%以上的虛擬主機均有達到專業網站的水準。而網站速度而言,只要超過3秒平均來說則會有24%的人直接離開,所以網站速度越快越好,以下推薦常見的三個虛擬主機,均有達到以上水準。

我們建議網站新手可以先使用HostGator的服務,雖然在速度上較慢,然而對於新手來說,價格上比較親民(12個月),且有24小時客服。(如果是對於速度上有極大要求,建議使用CloudWay,雖然價格較高,但速度上有極大優勢,同樣有24小時客服。)

HostGatorBlueHostCloudWay
有中文?
單月購買價格$10.95/月🏆 $10/月
年度購買平均🏆 $3.95/月$5.95/月$10/月
穩定性99.93%99.96%🏆 99.99%
速度(越低越好)2670 ms1560 ms🏆 340 ms

自己架網站的好處

架設網站、一站式架站

上面的介紹的購買網域跟虛擬主機的方法,適合對網站客製化需求較高的網友,如可以搜集用戶電子郵件、製作互動性的圖片跟表格,甚至是互動式的網頁遊戲。其中最著名的內容管理系統是WordPress,有興趣的朋友可以繼續閱讀本文,我將在下面詳細介紹WordPress及網頁製作教學。

然而針對部落格、電商、個人品牌網站等,現在已經有許多一站式平台,可以全包所有的服務,只需要使用簡易的拖拉套件就可以完成網站的製作,像是Webnode、Wix、Weebly等平台,有興趣的朋友可以參考「免費網頁製作教學」一文。前往「免費網頁製作」


WordPress 教學

WordPress 教學

剛剛提到WordPress是最知名的內容管理系統,內容管理系統顧名思是是用來管理網頁的內容,例如圖片、影片、互動套件等等。WordPress可以將其分類,幫助使用者在編輯上更具便利性。

網友可以想像成,假設有許多影片、圖片、文件需要放到電腦上分類,這時候若是使用Windows系統,我們則稱Windows系統是我們的「內容管理系統」。

WordPress 的特色

WordPress是一套免費的開源軟件,像是維基百科一樣免費開放給全球網友使用。需要注意的是許多人搜尋WordPress會找到 “WordPress.com”,如同搜尋台大,不但會找到台灣大學,也會找到許多的 “台大補習班”,台大補習班與台灣大學沒有任何關係,只是補台大補習班有一定比例可以考上台大而已。

WordPress.com 是一家公司採用WordPress系統販賣其網頁製作產品,由於其主要服務歐美市場,且客製化程度不高,若想使用WordPress我們並不推薦網友採用WordPress.com的服務。

WordPress 的好處

WordPress是目前全世界最流行的網頁內容管理系統,市佔率高達60%以上,有許多插件可以使用(例如要備份則有備份插件、要搜集用戶Email有搜集Eamil的插件等等)。所以很多大型的知名網站是透過WordPress建立,如美國白宮官網、微軟部落格皆是採用WordPress建立的網站。

WordPress 使用教學

介紹完WordPress的特色和好處以後,就可以開始學習用WordPress了。這裡我們列舉了WordPress教學的大剛,想繼續了解的朋友可以參考「WordPress教學」一文:

  • 安裝WordPress。
  • 基本設定。
  • 設定主題(包含免費和付費)。
  • 如何安裝套件教學。
  • 安裝必要插件。
  • 如何發布文章,基礎語法概念教學。
  • 如何設定MetaTag。
  • WordPress 備份/還原/搬家。

架設網站 – 結論

在這篇文章中,我們介紹了什麼是網域,比較了市面上常見的虛擬主機,分析自己架設網頁的好處,並且介紹了什麼是WordPress。我們將在以下提供一些如何製作網站的重點總結,如果有任何問題,歡迎在底下留言區留言或分享心得。

架設網站費用

我們上述已經提到架設網站主要有兩種不同做法,如果是有大量客製化需求,建議購買網域和虛擬主機並使用WordPress;若是一般針對官網架設、電商平台、個人博客簡單需求者則可透過一站式平台架站。

我們簡單做了一下費用比較,如果是購買網域跟虛擬主機,大概每個月成本是10-20美金,如果是透過一站式架站平台,大概每個月成本(使用個人網址、無廣告)是5-10美金。對於網站建置完全是新手的網友,建議可以先透過一站式平台架設網站,先體驗看是否已經符合自己客製化的需求,如果還覺得客製化程度不夠,再轉往自己架網站跟學習WordPress。

新手建立網頁建議

如何建立網站,對於新手來說常常是一個令人困擾的問題,首先是要先了解自己的目標,自己網站的用途以及自己的觀眾群或是客戶群的需求,之後就是選擇自己喜愛的架網站方式以及熟悉網站建置的各種工具。前往「免費網頁製作」

Leave a Reply

Your email address will not be published. Required fields are marked *