架設網站前必讀：網站建置流程、報價行情、改版SEO問題等知識解析

尋找專業設計公司架設網站之前，我們得先做好一系列的功課，了解網站設計公司的作業內容、人員組成、行情報價、日後維護等議題。畢竟網站設計涵蓋範疇很大，小到圖案設計，大到系統架構、其中牽涉到的學問從藝術、科技到人文，不可謂之不廣。但只要會編寫HTML，使用簡單的繪圖軟體，人人都說會做網頁設計，最後只是頁面的超連結串起來，找台主機放上網路頁面，沒有考慮到後續維護以及SEO等議題。

網站架設不只是畫面的呈現，更是一項結合主機環境、金物流、SEO 與資訊安全的複雜工程。為了協助您在架設網站的過程中能與專業團隊順利溝通，我們整理了洽詢前必備的實務清單，帶您從需求藍圖一步步完成企業期望的網站。

如果你已經確定需要做網站，但不知道怎麼開始，歡迎聯繫網頁設計專業公司：愛貝斯網路
延伸閱讀：為什麼需要有網站？

為什麼要尋找專業網站公司架設網站？

首先我們先探討自己DIY網站和尋找專業網站設計公司有什麼不同。DIY網站首先會遇到的第一個問題是，要使用什麼平台或工具？若不熟悉程式語法或網站組成原理的人，可能在這個階段就會卡關很久，畢竟網站架設的工具非常多，Google尋找相關關鍵字就可以發現有PHP、ASP、VUE、Laravel、MYSQL、Wordpress等諸如此類的文章卻搞不懂這些工具的前後因果關係，要如何綜合應用。
其實網站架設的學問很廣也很深，從視覺設計、前端程式、後端程式、主機環境、網址租用、系統分析、金物流處理、網站維護、資訊安全、SEO、流量分析、廣告投放、網路行銷等，都是網站架設可以涵蓋的範疇。

每一道範疇都可以是一門很深的學問，一般人根本無從開始著手了解這些網站架設的細節，因此尋找專業的網站設計公司就很重要。好的網站設計公司集結了各種專業人才，搭配執案的專案經理，可以引導你構思心目中想要的網站藍圖，進而幫你實現屬於自己企業的網站。不用為了這些技術細節傷腦筋，只要專注自己的工作事務就可以了。因此尋找一個能引導你一步一步網站架設的網站設計公司非常的重要。

網站設計公司有什麼建置服務？

我們從網站架設的流程來看，會比較好了解網站設計公司包含了哪些服務。

流程	網站建置服務項目
了解網站需求	1. 需求訪談 2. 建置報價
網站視覺設計	1. 視覺設計
網站前端工程	1. RWD技術導入 2. 前端特效導入
網站後端工程	1. 系統分析 2. 後台建置 3. 金物流處理 4. API串接 5. 資料庫設計
網站測試	1. 測試與驗收網站功能 2. 後台上架教學 3. 資訊安全評估
網站上線	1. 網址申請 2. 虛擬主機租用與代管 3. 網站客服
網站經營	1. SEO經營 2. 數位廣告投放 3. 流量分析

以上林林總總列出了10多項的服務內容，有些設計公司還會包括CIS設計、攝影等服務。由此可知要完成一個網站是有多麼浩大的工程了，一個好的網站，絕非是只有出至一人之手。

網站由哪些基本元素組成？

一個完整的網站，基本上由「網頁程式、網站主機、網址」三個部分組成。

• 網頁程式是實際呈現內容的地方，包含設計、文字與功能
• 主機是存放網站程式的空間
• 網址則是讓使用者能找到你的門牌地址

少了其中一項，網站都無法正常運作，這也是所有網站建置的基本架構。

網站網址（網域）要怎麼申請？會很困難嗎？

申請網址其實一點都不難，只要到合法的網域商查詢是否可用，填寫資料並完成付款即可。
常見的像是中華電信域名服務、PChome、GoDaddy、網路中文、TWNIC等網站，都可以線上申請。
網址通常以1年為單位續約，建議選擇管理介面清楚、客服穩定的註冊商，避免日後轉移或設定時卡關，這點很多人一開始都會忽略。

延伸閱讀：如何透過中華電信hinet購買網址?

網站建置需要哪些人員？

專業的網站設計公司，通常一個專案會由5-8個人進入團隊，每個人各司其職針對負責的內容提出最專業的建議與技術提供，從前期規劃、UIUX視覺設計、程式建置，到最後的客服，才會是一套完整的服務流程。

專案企劃：協助釐清企業DNA，規劃網站架構、網站策略擬定

網站本身要精準到位，最一開始的規劃非常重要，愛貝斯視每個專案一樣重要，從起初的深度訪談了解客戶的需求、建立網站架構、網站策略擬定到線匡搞的規劃，並分享適合的案例參考，皆會配有專屬的企劃負責規劃並且溝通協調。

UIUX網站設計師：視覺設計、UX動線規劃、RWD視覺規劃

UI、UX在網站設計裡的地位越來越重要，數位化時代來臨，任何事情都講求E化作業，打造完美的使用者體驗，便是每位設計師的最大目標，動線設計的好，使用者才不至於在網站裡迷路。
愛貝斯的設計師皆受過專業的UIUX課程訓練，設計風格除了具備市場美感之外，也能精準的符合客戶的需求，針對不同產業的調性有源源不絕的設計風格。

前端工程師：RWD網站切版、JS特效、API串接

透過HTML程式編寫，將平面的視覺圖轉譯成網頁格式並呈現在螢幕上，並搭配CSS、JS的網頁技術，讓網站增添美感，靜態的網頁也變成動態網頁。手機的裝置的普及後，響應式網站為變是現代網站的基本功能，除了電腦尺寸的切版語法之外，前端工程師還需另寫一套程式給不同尺寸裝置閱讀，而為了符合google演算法的規則，語法越乾淨越能提能網站排名，這也考驗了工程師個人的功力了。

後端工程師：後台設計開發、前端資料介接

網站可以運作分為「前台」與「後台」，前端工程師處理螢幕上我們所看到的畫面，但背後龐大的資料計算與程式邏輯運轉，任何資料的傳遞儲存，甚至富有「人性化」的後台介面，皆需要經由後端工程師之手得以完成。

網站建置與架設的流程

一、網站規劃

網站規劃階段可以再細分為四個小任務，讓我們更能精準規劃客戶需求，卻也是來回最繁瑣的階段，雖然來回溝通辛苦，看到成品後也就覺得不虛此行了(拍胸脯掛保證)。

1. 了解需求

   網站設計之前第一步都要先了解網站被需要原因，例如，網站後台操作不友善？功能缺乏？不符合美學？

2. 規劃架構圖

   針對客戶的需求來規劃網站架構圖，也依照資料屬性來規劃每個單元需要幾層分類，這也就是網站地圖（sitemap）。如下圖（待補圖）：

3. 資料收集

   請客戶提供關於網站的素材，可能是文字、影片、圖片，或是喜歡的參考案例，資料收集越完善，對企劃與UIUX設計師更有幫助。

4. 繪製wireframe

   許多設計公司省略了wireframe的步驟。繪製wireframe的主要目的是讓客戶了解網站的閱讀邏輯與策略佈局。如下圖（待補圖）：
   
   舉例來說，我們在訂房時，可能會很注重飯店的交通位置、飯店設備、房間類型或是周遭景點。因此愛貝斯會針對產業來分析TA端的操作目的，再從客戶所提供的資料，去菁存蕪提取重點呈現在首頁上，並針對重要程度來決定擺放順序。因為愛貝斯覺得，網站不只要好看，也要好用。

二、視覺設計

在wireframe定稿後，UIUX設計師便進場執行視覺設計，設計師會依先照客戶喜歡的案例，加以凝膜，並加入客戶本身的CI調性。為了方便日後經營與保持網站美觀，也會考量到客戶本身是否有產圖的人力資源，來決定網站排版特效多寡。

三、程式設計

程式設計階段分為「前端」跟「後端」，網站要活起來，這可是重要工程呀！

1. 前端頁面切版

   前端工程師根據視覺設計進行切版。編寫html、css、js等語言，將設計圖編譯成電腦能夠判讀的程式碼，最後在螢幕上呈現。

2. 後端後台串接

   後端工程師根據網站資料內容，設計後台欄位與模組的搭配選用，以一個蘿蔔一個坑的欄位設定形式，讓新增或修改資料變得更加快速。

四、測試與資料上架

終於到了上架前的最終環節！上架前會先將網站架設在測試主機上，來檢查網站是否有bug，再協請工程師修復功能。

五、網站上線

當資料上架完畢後，準備好你的主機與網域，將網站程式碼存放到主機後，透過工程師資料設定步驟，將每個網址指定到專屬網頁後，三者之間便可以產生連動關係。你的網站就可以正式啟用啦。


延伸閱讀：愛貝斯網路的網站製作流程

網站建置的方案有哪些？

4種常見的網站建置方案

市面上網站建置的方案包裝五花八門，看起來眼花撩亂，但簡單依照網站建置方式來分的話還是可以分出4種不同的方案類型。

比較項目	租用型網站	套版網站	半客製	全客製
建置費用	幾千塊～幾萬不等	3萬～9萬	10萬～30萬	30萬以上
費用機制	年租約	可租、可買斷	可租、可買斷	可租、可買斷
建置方式	至套版平台完成付費後，會取得一組帳密，登入後可以自行選擇版型組裝	從設計公司開發的諸多版型中挑選，僅能修改文字、抽換素材，調整顏色	部分頁面客製切版；部分頁面套版	全站客製切版
設計範疇	僅設計部分圖片	僅設計部分圖片	部分頁面由設計師設計	全站由設計師設
建置時間	1~5個工作天	7~10個工作天	60工作天	90~120個工作天
功能擴充	無法擴充	無法擴充	可以擴充	可以擴充
SEO優化	共用無法優化	容易被侷限	較完善	較完善
符合需求程度	低	低～中	中	高
定位	階段性的代替品，適合草創階段的公司與個人工作室	階段性的代替品，適合草創階段的公司與個人工作室		半客製已經無法滿足品牌風格與功能，適合中大型公司與品牌
舉例	wordpress、Wix	設計公司建置	設計公司建置	設計公司建置

愛貝斯網路的建置方案是屬於半客製與全客製兩種範疇，可以參考 愛貝斯的網站建置方案說明
如果有預算上的考量，也可以參考推薦的同業：愛立歐網路，這家設計公司的製作方式主要以套版加上微客製方案為主，但仍保有水準之上的設計品質。

什麼樣的網站建置方案適合我?

如果您對於網站的細節很要求，對於網站也非常有想法，建議至少採用半客製方式來進行。畢竟客製化的部位才能依照需求，因地制宜調整。或是公司內校稿的長官很多，也建議採購客製化的方式，畢竟每個人的想法意見都不同，也只有客製化才能滿足大家的校稿需求。
若您對於網站的依賴性不高，只是想曝光產品和聯絡方式，沒有企業形象要營造的問題，可考慮使用套版方式，讓自己能快速的在網站上有一席之地即可。

架設網站需要多久時間？

網站架設的時間會依據設計功能的難易度、客製化的頁面數量由所增減，以一個半客製化網站來說的話，可以依照三個階段預估製作時間：

• 前置討論與資料準備期：約20個工作天
• 視覺設計期：約20~30個工作天
• 前後端程式設計期：約20個~30工作天

如果就一般企業形象官網來估算的話，約3~4個月可完成一個半客製的網站。全客製化網站的話則需要6個月左右。
如果有外語系建置需求，會再增加10~15個工作天不等。
一般設計公司不會包含翻譯的服務，要記得把準備翻譯文件的時間也計算進去。

網站建置的報價行情，多少費用才算合理？

網站報價其實沒有那麼容易估算，畢竟網站設計公司提供的是專業服務與時間的付出，並非是實體五金零件，可以從產發物流就估能出成本利潤。那麼網頁設計費用到底該怎麼抓呢？從視覺複雜度、校稿次數、網站功能、主機、客服維運都會各自產生相應的報價。
簡單依照方案類型的估算的話，一般網站設計的行情如下：

• 套版網站方案：30,000 ~ 50,000元
• 半客製網站方案：100,000 ~ 200,000元
• 全客製網站方案：300,000元以上

如果您要求手繪原創，或是設計的視覺風格很特殊的話，視覺設計費用會再往上加上去。

網站維護/代管包含什麼內容，費用如何計算？

當網站架設完成，開始上線運作的時候，通常網站公司會有一年的保固期。
這一年的保固會包含網站後台的操作諮詢、Bug處理、依據使用狀況微幅調整等，若有主機方面連線的問題，通常也可以在這一年跟設計公司詢問。
若要續約維護的話，一般每年的維護的費用落在1~3萬之間，比較複雜的系統網站會使用網站建置的%數作為維護費用的計算。如果有用到高運算型的主機，或是有資安環境的主機，通常每年費用就會在10萬元以上了。

網站主機如何挑選？有哪些注意事項？

網站主機可以劃分為虛擬主機、VPS主機、雲端主機、實體主機。需要的預算費用也是由低到高。

• 虛擬主機：多用戶共用軟硬體，成本最低。適合流量較低的基礎B2B企業形象網站
• VPS主機：多用戶共用硬體，但軟體環境可以分開，不會受到其他用戶影響。適合複雜功能、購物網站和資訊量大的網站。
• 雲端主機：如VPS的硬體軟體特性，但最大特色是可以隨時擴充主機資源(如CPU、RAM、硬碟空間)，主要適用於高流量的活動網站或是需要即時備援的網站。
• 實體主機：自己一台專屬硬體與軟體。擁有獨立的環境與資訊安全架構，適用於高度客製化的金流網站與高強度資安需求的網站。

基本上一般官方網站只要使用虛擬主機即足夠，未來再升級也沒問題。
如果有現階段有資安需求，可以考慮使用VPS主機，即可依需求安裝軟體與客製防火牆設定。
延伸閱讀：網站主機介紹，網站設計不同種類的主機挑選建議！

作網站常問的SEO優化

新網站可以沿用舊網站的網址嗎？

可以的，只要將網址的DNS指向存放程式碼的主機IP即可。但記得做好301轉址轉移舊網址的權重。

網站改版後，SEO 排名會不會全部歸零？

只要網域相同，並且正確設定 301 轉址，SEO 成效不一定會消失。
301 轉址可以協助搜尋引擎，把舊頁面的權重轉移到新頁面，避免排名重來。
真正容易出問題的情況，通常是沒有轉址、刪除大量有流量的頁面，或改版時忽略 SEO 架構。
因此，網站改版前一定要先規劃好 SEO 轉換策略。

如何加快 Google 收錄速度？

網站上線後，第一件事就是把 Sitemap 提交到 Google Search Console，主動通知 Google 來收錄你的網站。
同時，也可以把官網連結放在 Google 商家、Facebook、IG 等平台，增加搜尋引擎發現網站的機會。
雖然收錄仍需要時間，但這些動作都能有效加速流程，讓網站更快出現在搜尋結果中。
延伸閱讀：SEO是什麼？SEO行銷知識懶人包
延伸閱讀：舊網站改版需要注意哪些項目？

什麼是SSL安全憑證？一定要裝嗎？

SSL (Secure Sockets Layer)是一種網站的安全加密機制，防止客戶個資在傳送的過程中被駭客擷取。
最容易判別SSL的方式是網址開頭是 HTTPS，透過這種類型的網址，SSL 就會啟動加密，類似於給資訊上了一把鎖。例如你在網站輸入帳號、密碼、信用卡資料時，SSL 會幫你把這些資訊「上鎖」再送出去，避免被偷看。
此外Google也在2014年的時候就將HTTPS納入排名訊號，因此為了網站安全和搜尋排名，SSL必定是要安裝的。

延伸閱讀：SSL 是什麼？和 TLS 的差別？透過安裝 SSL / TLS 保障網站連線安全
延伸閱讀：SSL憑證比較，免費SSL跟付費有什麼差別？

如何挑選好的網站設計公司？

網站設計費工費時，除了經由多道程序，並透過多次需求討論來確定網站架設的目的、瀏覽網站的TA、喜歡的風格等多方面考量來定調網站的組成，還有後續主機廠商的選擇，以及日後後台操作有問題時可以向何人尋求協助等等，網頁建置的一步步其實都有許多考量及需要注意的部分，找一間專業的網頁設計公司來替你代勞會替你節省掉很多麻煩。

1. 網站設計公司成立時間、案例品質與經驗

網站設計這個行業相當競爭，如果沒有跟上技術的迭代，很容易就消失在紅海中。因此架設網站時建議選擇成立時間超過10年，並服務500間企業的網頁設計公司。如果上述基本條件沒有達到，您很難確認這間公司能在競爭激烈的市場存活多久。
然而案件數量固然重要，品質更重要，如果一看就是的套版網站，那麼將無法在UI/UX設計(使用者體驗/使用者介面)上體現您的品牌特色。
 #愛貝斯網站設計案例參考

2. 業務專業度及是否為單一窗口

對接窗口的專業度與服務態度絕對是您選擇網頁設計公司最重要的因素之一，如果接洽的只是想要簽單的業務員而非專案企劃/網站規劃師，那是無法真正理解您的需求。因此洽詢時得確認，在網站製作期間是否是同一窗口，若是過程中一直跳換人員，該案件的掌握度一定不高。

3. 討論的流程與內容是否符合需求？還是一直增加預算？

在與對應窗口討論網站時，要留意提出的內容是否符合您的需求，而非一直增加功能，抬高價格。因此尋找網站設計公司前，您得先做好功課，多參考幾間同業的網站，並將網站製作需求整理下來，如窗口也建議與反饋，也需要去思考該項網站服務、功能是否符合您的需求，以免花了冤枉財。當然最重要的還是，貨比三家。

4. 圖片的版權來源

再者，需要確認圖片的版權問題，市面上有太多因為使用了未授權圖片而挨告，通常只要被查到且無法提出購買證明，都需要負擔一筆非常大的費用。即便使用了「免費圖庫」仍然會有被告的風險。因此建議在簽約前，得與網頁設計公司確認，該廠商使用的圖片來源，是否為合法購買。

5. 後台操作友善程度

網站終究會由自己管理，因此後台的友善程度就很重要，建議在簽約之前可以了解後台的基礎操作是否符合自己使用
延伸閱讀：愛貝斯網路後台具有AI輔助管理，讓網站維護更直覺

6. 驗收與修改方式

網站設計完成後也會有驗收與修改的階段，這部分需要在簽約前與網站公司確認清楚，畢竟網站因產業性質不同，功能面與結構也會依據客戶需求進行客製化。多數公司會提供設計修改，在簽約時得確認清楚，以避免日後配合延伸更多問題。

7. 使用的網站主機是否穩定，有資安認證

主機往往是許多人遺漏的重點，國外主機比國內主機價格便宜便宜，因此也常常有人會因此被價格蒙蔽雙眼，一分錢一分貨的概念，主機的價格會取決於規格配置，容量足夠嗎？月流量夠用嗎？超過該怎麼辦？遇到主機事故該如何處理等，這些都可以納入選擇的考量。

8. 售後服務與保固

通常網站製作並不會包含後續維護，需要由客戶自行接手更新內容。如有需要網頁製作公司協助代管，會收取月費或年費，價格將根據主機規格與維護項目各有不同。
且簽約時切記要注意保固時間與保固條款，如網站莫名損壞，網站設計公司需要負責修復。若是客戶自身的不當操作造成網站程式損壞，這就另當別論了。

9. 網站結構是否依循正確的SEO概念

網站做得好看固然重要，但能否在Google上被使用者搜尋到更重要。若是網站做成，卻因程式體質不符合SEO的規矩而無法曝光，那麼這筆錢也能說是白花了。SEO分成兩大方向：內容派與技術派。內容行銷需要長期經營，依靠高質量的文章產出與行銷推廣，是用戶端需要費心思的；技術派就是網站的結構，是否達成Google要求符合使用者體驗的標準。因此擁有SEO體質的網站系統，絕對是挑選網站設計公司的重大要素！

網站建置常見問題整理

愛貝斯網頁設計做的不只是把網站做出來，我們更在意的是：
你的網站能不能好用、好維護、能被 Google 找到、也能長期幫你累積品牌信任。從需求訪談、網站架構（Sitemap/Wireframe）、UI/UX 設計、前後端程式開發到上線與維運，我們用清楚的流程把每一步做扎實，讓你不用猜、不用賭，也不用一直補救。
如果你正在評估新建或改版，想確認：

• 你適合套版、半客製還是全客製？
• 你的功能需求，會不會讓費用「不小心爆表」？
• 你現在的網站結構，SEO 體質是不是先天不良？

👉如果您正在洽詢階段，想確認您的需求適合哪種架設網站方案，歡迎與愛貝斯顧問聊聊，我們會提供具體的改版建議。
👉準備好啟動您的開發計畫？點此查看我們的 網頁設計方案與報價