你瀏覽的是我們在Google的加速版網頁,你可以點選Logo回到主網站取得更多的資訊
加入LINE@好友 隨時掌握SEO最新趨勢

如何架設網站?架站流程教學、免費平台、外包費用一次看

架設網站的方式有非常多種,這篇文章比較免費架站平台、外包設計公司與自學架站可能產生的費用以及優缺點,幫助你快速選擇最適合自己的架站方式。

架設網站三大方式:架站平台、外包公司、自學架站


架設網站大致上可區分為下列三種不同的方式


1. 架站平台:透過架站平台架設網站,在台灣知名的網站架設平台有 Wix、Weebly、WordPress。架站平台通常有易於編輯的網頁編輯器,讓完全不懂寫程式的人也可以輕鬆架設網站,簡單易上手,適合預算有限的個人或小型企業。


2. 外包公司:聘請專業的網頁設計公司進行訂製與開發,適合需要高品質和專業性網站的企業,適合有預算的企業


3. 自學架站:自己學習用程式語法架設網站,需要在網路上查找資料,甚至花錢去學習程式語言,投入大量時間和精力,但優點能夠完全掌控網站的設計和功能,且只需要負擔網域、主機費用。



架站方式

適合對象

優缺點

架站平台

預算有限的小公司或者部落客

簡單快速,但可自訂的功能有限,需有程式背景或者付更高的費用才能完全自訂

外包公司

需要專業網站的企業

高度客製化,但費用可能較高

自學架站

願意找資料且不排斥看程式代碼的人

可以完全自訂,但對於沒有程式背景的人非常花時間


架設網站前必學步驟:什麼是網域、主機、網頁設計?


除非已經確定自己要找外包公司架設網站,在開始動手架設網站之前,一定要先搞懂什麼是網域、主機以及網頁設計這三個構成網站的重要核心。


1. 什麼是網域?


網域簡單來說就是這個網站的名片,也是網站識別和品牌宣傳的重要角色,簡潔、有辨識度的網域是最好的。企業多半會以品牌英文來當作網域名稱。要獲得屬於自己網站在網路世界的名片,就需要找網域註冊商註冊網域,在台灣較知名的有:GoDaddy、NameCheap、CloudFlare


2. 什麼是主機?


主機就是存放網站資料的地方,有實體主機和虛擬主機之分。一般來說實體主機價格高昂

每年需要花費大約 36,000 ~ 60,000 元,而虛擬主機則是 3,000 ~ 8,000元,如果網站的目的只是做為企業形象網站、作品集、部落格通常不需要實體主機,在台灣知名的主機廠商除了 Bluehost、Ghandi 以及大家熟悉的中華電信。


3. 什麼是網頁設計?


有了自己的網域以及主機,我們要開始思考網頁設計該如何呈現才能給消費者最好的體驗。如果說網域和主機是骨架,網頁設計就是網站的血肉。申請網域與主機不需要有專業背景,但要做出具有品牌識別度以及體驗好的網站通常需要交給專業的公司或者 UI/UX 設計師。


如果是為了個人作品集與部落格而架設網站,想節省預算的話,可以使用該架站平台本身的範本(template)來進行網頁設計與微調。


網站架設方法一:使用網站架設平台


使用網站架設平台是技術門檻最低,適合沒有程式背景的人展示作品集,以及部分小型企業形象網站,如 WordPress、Wix、Weebly。這類網站架設平台非常多,提供的功能各不相同,通常依據使用功能的多寡有不同等級的收費方案。


需要注意的是這類網站架設平台通常並沒有支援台灣的金流功能,只有 wix 於 2021 年與綠界、LINE PAY、TapPay 等金流服務合作,而 WordPress 則根據不同的外掛支援不同的本土金流收費方式,也有不少擅長 WordPress 的工程師會提供串接金流的接案服務。


使用網站架設平台的基本流程如下:


1. 選擇網站架設平台:根據自己的需求以及預算選擇合適的架站平台,需要注意的是如果您想建設的網站是電商網站,需要支援台灣本地金流服務,建議考慮原本就支援台灣金流服務的「開店平台」,如 Shopline、WACA、Cyberbiz。


2. 註冊帳號以及網域名稱:多數網站架設平台都會提供網域註冊服務,在註冊平台時可以直接選擇和購買網域,不需要去額外購買主機空間。這個步驟只需要思考網站的網域名稱。建議將品牌的英文名稱用於網域,提高品牌辨識度。


3. 選擇模版:選擇適合的模版是使用網站架設平台最耗時的步驟。Wix 有超過 800 種模版、Weebly 有約有 50 種不同的模版,選擇模版除了外觀考量之外,也需考慮架設網站的目的。例如以攝影、美食等圖片為主的網站可能較適合雜誌型態,以文字為主的則需考慮有標籤、分類以及熱門文章功能的模版,增加 SEO 友善程度。


4. 編輯模版內容:依照網站架設平台的教學編輯模版內容,這類網站架設平台的編輯器通常都有直覺式的拖放功能。


5. 發佈網站:確認網站內容正確後即可發佈網站。


網站架設平台優缺點


優點:簡單易用,完全不須要任何技術背景,只需要熟悉網站架設平台的介面後便可以讓網站快速上線。


缺點:自訂功能有限,難以滿足企業的特定需求,由於網站資產在第三方手上,未來要搬家也會比較困難。(注意如果是 WordPress 自行架設網站則沒有這方面的問題)


3大網站架設平台推薦


平台名稱

特點

Wix

模板非常多,自由度高,支援台灣金流服務

Weebly

有免費版可使用,有繁體中文介面,支援部分台灣金流服務

WordPress

自由度非常高,費用相較其他平台較低


網站架設平台費用


大多數網站架設平台提供訂閱制,年繳也會有一定的折扣。以下整理 Wix、WordPress 以及 Weebly 這三個網站架設平台的月費。

Wix

 

 

 

Weebly

 

WordPress

 

 

 

平台

方案名稱

月費(台幣)

年繳優惠

年繳優惠後費用總額

輕盈方案

210

需與代理商洽談

1980

核心方案

330

需與代理商洽談

3960

商業方案

660

需與代理商洽談

7920

高級商業方案

1380

需與代理商洽談

8280

個人方案

390

300

1800

專業方案

約 480

約 360

約 4320

最佳性能方案

870

約 780

9360

個人方案

300

130

1560

商業方案

500

240

2880

商用方案

1200

799

9588

電子商務

2230

1438

17256


免費網站架設平台好用嗎?


大部分網站架設平台都有免費方案,但如果需要自訂域名或更高存儲空間,則需升級至付費方案,透過上面的表格可以瞭解,透過架設平台架設小型企業等級的網站,一年的費用約 8000 元至兩萬元不等,價格落差非常大。


網站架設方法二:外包網頁設計公司


如果不想透過架站平台架設網站,也可以外包給網頁設計公司,一般來說網頁設計公司製作網站會有以下四個流程



1. 網站規劃

瞭解網站的主要目的後規劃架構圖與 sitemap,依照資料屬性製作 sitemap,除此之外客戶也需要提供網站相關的素材,包含文字、影片、圖片,或者是喜歡的網頁當作參考資料。好的設計公司會繪製 wireframe(線框稿),可以用簡單的方式具體化設計概念,確認需求。

2. 視覺設計

在網站 sitemap 與 wireframe 定案後,會由 UI/UX 設計師進行視覺設計,並加入客戶本身的品牌辨識元素,也會依照客戶內部是否有製圖能力來決定網站的排版與細節。



3. 程式設計

前端工程師使用 HTML、CSS 和 JavaScript 編寫網站的前端代碼,實現視覺設計和互動效果。確保網站在不同設備(桌面、手機、平板)上的響應式設計。而後端工程師會根據需求選擇合適的後端技術( PHP、Node.js、Python 等),編寫伺服器端代碼。建立資料庫(如MySQL、MongoDB),並設計數據結構以存儲網站內容和用戶資料。


4. 功能與介面驗收、上線

網站正式上線前會先將網站架設在測試主機上,來檢查網站是否有問題,再協請工程師修復功能,此時客戶也會進行功能與介面驗收的環節,確認網站的功能是否符合自己的預期。


外包網頁設計公司優缺點


優點:專業團隊提供高品質服務,可根據需求進行高度客製化。

缺點:費用較高,需要較長時間完成,較依賴外部團隊支援。


網頁設計公司怎麼選?

1. 確認網頁設計公司過往經驗是否符合需求

舉例來說,如果網站有金流需求,需要先確認網頁設計公司是否有能力與經驗可以串接金流服務。如果網站是以 SEO 排名為目標的部落格型網站,需要先確認網頁設計公司是否有 SEO 相關經驗以及經驗。此外響應式網站是現代網站必備的一項功能,雖然多數網頁設計公司都有能力製作響應式網頁,但這部分仍須事先溝通清楚。


2. 確認網頁設計公司是否採用套版網站

套版網站指得是主題套版公司自行開發的模版,部分較符合歐美視覺偏好,也有部分設計與美感程度並不好,可以說是品質參差不齊,好的網頁設計公司應有能力不使用現成的模版,而是開發出自家的模版。


3. 確認網頁設計公司是否提供完整的網站資料權限

前面提到的主機與網域,都需要進行續約以及購買,有的網頁設計公司本身提供主機與網域,有的則是與外部廠商合作,這部分一定要確認好主機與網域的租賃日期,以免主機與網域到期沒有繼續運作,導致網站無法運行,造成巨大的損失。此外也要確認網站的原始碼歸屬,通常原始碼為設計公司的智慧財產權之一,不一定會授權給予。


4. 確認網頁設計公司是否提供維護方案

網站上線後並不是永遠都不會出問題,如果公司內部沒有相關的工程師可以維護網站,則需要事先了解網頁設計公司是否提供後台的維護方案以及支援,避免網站出現問題是沒有人可以維修。

網頁設計公司推薦


1. 鯊客科技


鯊客科技擅長原生 APP 開發,致力於打造好看而且「能為品牌帶來價值」的企業網站,成功案例遍布全台,並有多語系網站的建置經驗,收費方案多元且彈性。鯊客科技更擅長 SEO 行銷,不僅擅長建設網站,更可另外購買文字內容,讓網站不僅好用,更可以長期帶來免費的自然流量。


成功案例:優群科技、Sunlight 金融平台


2. 愛貝斯網路


愛貝司網路(iBest)提供全方位的網站設計和行銷服務,服務範圍包括台北、台中、台南和高雄等地,並且擁有超過 15 年的網站開發經驗,提供預算十萬以上半客製與全客製方案。


成功案例:大倉久和大飯店、台灣晶技



3. 天矽科技


天矽科技是成立 27 年的老牌網路設計公司,除了網頁設計作品也有程式開發作品,提供全方位的前端與後端設計整合服務,在 Google 評論上有非常高分的評價。


成功案例:SIGMA 明基材料、億力光電、澄清醫院


網頁設計公司費用


網頁設計的公司費用主要取決於網站的客製化程度,我們整理了網頁設計公司架設網站的價格區間。


網站設計方案

價格範圍(新台幣)

特點

套版型網站

約2萬至7萬不等

使用套版網站預先設計的模板,調整空間有限

半客製型網站

10萬元至20萬元

設計公司使用自家的模組型與客製化,部分功能可調整

全客製化網站

20萬元以上

完全依據客戶需求量身打造


網站架設方法三:自學語法開發網站


如果你有一些程式開發基本基礎,是可以透過自學語法開發網站的。前端開發會需要 HTML、CSS、JavaScript 語法,後端開發則會需要 PHP、Python、Ruby、Node.js 等語法。

自學語法開發網站優缺點


自學語法開發網站的優點就是開發者擁有網站的所有權限,缺點就是非常耗時。完全沒有程式設計基礎的人,想要完整架設一出個網站最快也需要一年的時間,因此實務上使用 WordPress 架設網站或者尋找網頁設計公司的人還是佔多數。


如果沒有時間自學語法開發網站,也沒有時間用網站架設平台架站,鯊客科技提供小資部落格架站方案以及 SEO 優化的品牌官網等彈性方案,不論您是小型品牌或者是大型企業,鯊客都有能為您量身打造能吸引自然流量的品牌官網。