架設網站作為品牌接觸大眾的管道,已是每個品牌行銷的基礎。
隨著網路的蓬勃發展,根據線上架站資源媒體 WebsiteSetup(2022.12) 統計,現今在全世界已有將近 20 億個網站,超過 45 億人在各種網站上進行互動,甚至每天都有超過 50 萬個新網站誕生,而你的品牌是否也身在其中呢?
而既然全世界能有這麼多的網站,且每天都在產生,主要也是因為建立網站的方式,相比以前已是越來越容易。在過去,你可能需要找上設計公司,交由工程師與設計師處理,才能打造出理想的網站。但如今憑藉著各式各樣的服務與架站系統、No Code Website Builder 等開店工具,就算我們自己不懂程式語言,也可以輕鬆靠自己架設網站。
有鑑於此,本文將要帶你從頭來瞭解如何架設一個網站,從為什麼需要網站、網站架設步驟與方法,到常用架站方式評比等,幫助你瞭解如何製作網站,快速打好品牌經營之路的基本功。
文章目錄
現代「網站」代表著什麼?
「網站」是品牌傳達資訊給顧客的重要載體,不論是藉由文字、圖片、影片等各種資訊來構築,都只為了藉此向更多的人傳遞消息。
而通常在我們製作完網站後,最主要就是想將網站提供給所需要的人,因此透過「讓搜尋引擎看懂」的方式,當有其他人在搜尋引擎中打上關鍵字找尋資料時,你的網站若能滿足搜尋者的搜尋意圖,便有機會被搜尋引擎的演算法呈現給這些人找到你的網站,進而認識你。
而對於以前架網站來說,可能僅是品牌曝光的一個管道,但隨著電商蓬勃地發展,越來越多購物交易皆在網站(這裡指的是品牌官網)中進行,網站不僅僅代表品牌的形象,同時也是消費者完成交易的終點,也是品牌營利的重點。
為什麼你需要一個屬於品牌的網站?
由上述可見,如果你想在網路上傳遞資訊,「網站」是一個很好的媒介。但除了網站之外,同時也有很多可以向外傳遞個人資訊的管道,例如社群媒體。既然如此,為什麼網站還是很重要呢?
其實網站對個人或企業來說有一個很重要的價值,就是建立「形象」並創造「信任感」,可以清晰且完整的呈現「你是誰,你在做什麼」。雖然社群系統也可以利用文字向大眾說明,例如本公司的核心價值、服務的項目,或是個人的專長和工作經歷等,但在資訊氾濫的時代,要別人花時間在社群或部落格上閱讀你的服務、專長等資訊,簡直是天方夜譚。
若且試想你今天看到一個新品牌,他社群內容做的很多,但缺少了網站,這時你可能就會思考:「網站不是很基本嗎?為什麼這個品牌沒有官網,感覺有點疑慮…」,又或者是,有些品牌有網站,但網站呈現上看起來品質就很低,甚至會讓人聯想到詐騙網站。
所以,網站的重要性就是建立與顧客之間的信任,甚至是營造品牌風格讓大眾能沈浸在與品牌網站的互動之中,這些彈性極大的設定與特性,都是能夠創造出更活潑或易於閱讀的內容給大眾,同時也更容易讓人留下印象,強調出個人或品牌的特性。
風格簡潔有力的網站,會讓人對品牌留下幹練、大器的印象,而色彩繽紛的網站,可以傳達活潑有朝氣的氛圍
不懂 Coding 技術也能架設網站嗎?
誠然在過去,不懂技術是無法打造網站的。但現在隨著各種軟體與工具的進步,打造網站的門檻已經大幅降低,完全不懂技術的人也能輕鬆打造網站。但嚴格來說,若你想在網站中呈現出比較複雜或有趣的功能、特性,則還是要仰賴技術人員以程式來完成。
在下面的段落中,我們會簡單介紹各種架站方式,以及能各自實現不同的功能或互動,例如放上能讓顧客留下資料的表單、或是電商網站必備的購物車功能。所以接下來我們先來瞭解,品牌架設網站背後的原因,以幫助我們挑選適合的工具。
常見的 4 種架設網站的原因
網站架設最常見的四種目的,可分成公司需求,如企業形象網站與電商網站;個人需求則有個人部落格及個人作品集及履歷兩種。
一、企業形象網站:在大眾心中建構品牌印象
不論是哪一種類型的企業或公司,都需要一個網站來傳達品牌形象,來展現公司的理念、產品或服務。例如:電子零件相關的公司可以利用官方網站塑造專業形象,同時能將提供的商品放在網路上,當作線上型錄。
而在這類的形象網站中,通常會具有完整的網站架構及清楚的導航,幫助潛在客戶快速利用網站瞭解公司。這些頁面包含關於我們、產品介紹,及最重要的聯絡我們,幫助潛在客戶若有意向公司聯繫或合作時,能快速找到公司的聯絡窗口。
二、電商網站:創造品牌獲利管道
若有公司或店家想直接在網路上販售商品,就會透過電商類型的網站,來實現線上銷售。這類網站需要更豐富的內容與設計,例如:為取信於網路上的消費者,商品除了圖片展示外,會需要放上如商品使用說明、網友推薦等等。
此外電商網站最重要的功能,不外乎就是購物車與金物流串接了。電子商務網站需能在消費者購物時提供線上購物車、結帳功能,並支援信用卡、超商等付款取貨方式,以實現完整的線上銷售流程。
三、個人部落格:建立個人品牌影響力
隨著自媒體興起,有越來越多人開始在網路上撰寫文章,透過食衣住行育樂的資訊分享,或是各種知識,來培養自己的讀者和粉絲,亦或是記錄自己的生活。坊間有許多提供部落格服務的系統,例如:痞客邦、Medium 等等,這類服務的優點是申請容易,缺點則是在內容呈現及功能上需受制於系統。
若想搶占 Google 排名,仰賴這些系統很難自行操作 SEO 優化,另外也受限於系統本身的發文格式,難以創造出個人特色。此時自架網站就能解決這些疑難,部落客不僅能按照自己喜好的風格設計網站,更能在網站中加入更豐富的內容,例如互動、或是影音呈現等等。
四、個人作品集或履歷:凸顯個人專業能力
現在有越來越多人會打造自己的網站,將個人過去的作品集、工作經歷等資訊放上,不僅增添了易讀性,也更容易在想面試的公司面前,從眾多競爭者中脫穎而出。這類網站不需完整的頁面和架構,重點在於如何呈現出我的個人特色,故一些提供基礎架站服務的系統,便相當適合這類需求。
瞭解 3 種網站架設的方法
在我們瞭解常見的架站需求後,你是否發現不同的架站目的,網站所需填入的內容也都有所不同呢?
尤其是公司行號的需求,往往需要更完整且強大的功能,才能更清楚的呈現公司的「內容」,並有效吸引潛在客戶或消費者行動。這裡我們再深入來探討,最常見的 3 種網站架設方法,以及各種不同目的最適合的架站方式。
一、透過線上架站系統與服務
現今最常見的架站方式,透過架站系統的好處,在於這類系統商能提供完整的架站所需要的功能,如網域購買、空間購買、頁面編輯器、設計模板、購物車功能……等。這些功能往往需透過前後端工程師 Coding 所作出來,但透過線上的架站系統,基本上任何人都可以輕鬆建立自己的網站,上手難度低。
線上架站系統優點:
- 上手簡單,簡單就能打造網站。
- 無需具備技術背景和知識。
- 技術維護由系統本身負責。
線上架站系統缺點:
- 設計上的彈性較低,通常仰賴系統本身。
- 若有特殊的功能需求,同樣須仰賴系統方提供,並不一定能實現。
- 若沒有技術人員協助,使用版型較難做出品牌的個人特色。
線上架站系統適合誰使用:
- 公司品牌電商官網或個人部落格、履歷等,有架站需求但沒有大筆預算者。
- 建立電商網站,完整商務功能能免去許多自行串接的麻煩。
二、透過網站架設公司
若你有較多的客製需求,且擁有較多的預算時,網站架設公司便會是一個你可以考慮的選擇。透過與網站設計公司討論需求,你可以提出如「互動式網頁設計」、具個人特色的設計風格等需求,以此打造出獨一無二的網站。
網站架設公司優點:
- 高度客製化,易於打造獨具風格的視覺網站。
- 支持打造較複雜的功能或互動式高的頁面。
網站架設公司缺點:
- 所需負擔費用較高,部分功能或串接需額外加錢。
- 無法自己維運,需與設計公司溝通如何進行後續維護及更新。
網站架設公司適合誰使用:
- 企業形象網站,適合與網站公司合作,樹立鮮明形象。
- 有大筆建置與維護網站預算的品牌。
三、自己開發網站
如果你本身具有工程背景,或是僱用網頁工程師,便可以透過自己開發的方式打造網站。這是自由度最高的網站架設方式,但同時也需承擔自行維運的成本。若你有意透過自學來打造網站,則需留意學習時間,因為背後需具備相當豐富的專業知識與實務經驗。
自己開發網站優點:
- 高度客製化,相較與設計公司合作,可省下其中的溝通成本。
- 無需支付委託設計公司的設計費及架站系統的託管費。
自己開發網站缺點:
- 人力成本昂貴,難以實際計算其中成本。
- 維運皆需靠自己,沒有其他技術團隊供諮詢或協助解決問題。
自己開發網站適合誰使用:
- 本身具有相關知識背景者。
- 願意聘請工程師來自行開發者。
在以上三種方式當中,你可以先釐清現有的資源,及理想中的網站需具備哪些功能、為你完成什麼,以此作為依據來選擇應該以哪一種方式來架站。而其中我們尤其推薦的,就是「線上架站系統」。站需具備哪些功能、為你完成什麼,以此作為依據來選擇應該以哪一種方式來架站。而其中我們尤其推薦的,就是架站平台。
如何透過線上架站系統來架設網站?
線上架站系統能為你實現最小成本的架站,現今坊間有許多提供免費服務或試用服務的廠商,不論你是個人還是公司需要一個網站,都可以從這些既有的架站系統開始,初步建置出一個適合的網站。接下來我們就來介紹,如何透過線上架站系統 5 步驟快速架設網站:
步驟一:挑選合適的線上架站系統
坊間不論是國內外,都有許多架站系統,各家主打的性質及適合的對象也有所不同,就像選擇何種架站方式時一樣,你可以先釐清自己的需求,並審視各家系統商提供哪些服務,以此挑選適合的系統。
這邊我們簡單列出常見的架站系統及各自的特色,詳細的系統比較及介紹,待後面段落時會再做更詳細的介紹。
- 【適合企業建立形象網站】:WordPress、Squarespace、Webflow
- 【適合建立電商網站】:SHOPLINE、Shopify
- 【適合建立個人部落格】:痞客邦、Medium、WordPress
- 【適合建立個人作品集及履歷】:Wix、Strikingly
步驟二:選擇網域和主機
使用者若想在網路上找到你的網站,他們會需要一個地址。而「網域 URL」就像是你的網站在網路上的地址,若有人想拜訪你,他需要抵達你的地址,才能順利訪問網站,就像當你想拜訪在地的某間餐廳時,需要獲得地址一樣。
註冊獨一無二的網域 URL,以此來告知大家如何在網路上找到你。除此外,我們還需要一個主機空間。什麼意思呢?
同樣以餐廳來舉例的話,你註冊了門牌,同時還需要一塊地,才能在之上蓋一間餐廳,販售餐點。虛擬主機正如同這塊地,專門存放我們在網路上的所有內容。
大部分的架站系統會替你搞定這些問題,在你初次註冊這些系統服務時,會一併幫你註冊好網域及主機,你無需自行研究購買網域或主機等相關事宜。
步驟三:開始架設網站
接著,你就可以開始根據系統提供的編輯器或各種視覺化模板,開始設計你的網站囉。若你的網站中需要放上大量的資訊,在建置網站時,就需要特別注意網站的動向與規劃。好的規劃能讓消費者或潛在客戶進到你的網站時,立刻找到所需的資訊,進一步促使他們瞭解產品服務或是公司。
在規劃網站時,有幾個小技巧,能幫助你瞭解在剛開始時怎麼將內容分類,並劃出網站架構。
- 寫下你想放在網站上的所有內容,並將這些內容進行簡單的歸納分類。
- 觀察競爭對手或同性質的他人網站,網站如何規劃及放入了哪些內容。
- 參考他人的網站,並與夥伴、親友討論,理出完整的全站內容。
- 將內容進行分類,並畫出完整的網站心智圖,以此為基礎開始製作頁面。
步驟四:進行 SEO 優化
大部分的網站,我們都希望搜尋引擎能索引(Index),並將我們的網站排名在各類關鍵字的最上面,好讓目標受眾快速找到我們,這時候 SEO 便是必做的重要功課。
若是自行開發網站,通常需由工程師將 SEO 所需的標籤、代碼添加到網站裡面,以優化 SEO。但坊間大部分的架站工具都有針對 SEO 優化設計相關的功能,例如:圖片 ALT 標籤、網頁標題 H1-H6、標題與描述標籤等等。你只需要在指定的欄位中,填上相對應的內容即可完成基本的 SEO 設定,當然後續如何優化 SEO 又會是另一門學問。
延伸閱讀:《如何掌握 SEO 關鍵字流量|SEO專家推薦的 6 款關鍵字管理工具》
步驟五:發布並宣傳
最後,當網站都設定、製作完成後,便可以將網站發布上線,讓潛在用戶透過網站來認識你。若發布後你想知道有多少使用者瀏覽了我們的頁面,瞭解使用者在網站上的行為,便可以倚賴其他第三方工具,來搜集相關數據。常見的有如:GA4、Hotjar 等等。
網站剛上線時,沒有流量、來訪者是相當正常的,想要讓大家來到網站並認識我們,就需要請 搜尋引擎來爬取我們的網站,並針對網站進行宣傳。你可以利用提交網站地圖(Sitemap)主動請搜尋引擎造訪網站,並依上線後的搜尋引擎展示的狀況進行 SEO 優化,也可以同步經營 Facebook、Instergram、LINE 甚至是近期在台灣竄紅的 Threads 等社群媒體,來培養願意與品牌互動的粉絲受眾,當然我們也可以與 KOL / KOC 大小型的自媒體網紅合作露出等方式來曝光網站,慢慢培養網站的流量。
8 個架站系統、工具大評比!找到最適合你的方法
瞭解了架站方法和如何架站之後,最後則要來介紹幾個最常見的架站系統,你可以參考以下的比較,挑選最適合自己的系統來使用。以下會以架設目的做為區分,羅列常見的架站系統。
適合企業建立形象網站:WordPress、Squarespace
WordPress
全世界有將近 40% 的網站是利用 WordPress 來架設的,是全世界最受歡迎的架站系統。WordPress 的特點在於開放度高,除了基本的後台及基本編輯功能之外,還可以透過新增各種外掛,來實現各種不同的需求或功能。
另外如果你本身有一定的前端及後端工程基礎,WordPress 也能夠透過自行編輯 HTML、CSS、PHP 來實現各種客製化的視覺需求,因此,幾乎所有的網站類型都可以利用 WordPress 來進行編輯。
WordPress 本身為免費的,但你需要另外負擔網域與主機的費用。坊間也有許多與 WordPress 配合的主機商,註冊及建立的難易度都極低,很輕鬆就能上手。
WordPress 本身最大的優點在於它的開放性與自由度,但同時這也成為了 WordPress 的缺點:你很可能迷失在茫茫的功能海當中,或是因為錯誤設定而搞砸網站。加上 Worpress 本身沒有線上客服或支援,通常需要自行研究與排解,且相關學習資源或問答,大多是英文的,遇到問題時較不容易處理。
Squarespace
Squarespace 是提供一站式服務的架站系統,也就是從基本的網域主機、網站編輯,到行銷工具等等皆可一站式一次完成。他最大的特點具有高彈性的網頁編輯器,靈活且易於上手,搭配極富設計感的模板,易於打造獨具特色的官方網站。
Squarespace 的編輯器本身為拖拉式,但拖拉的位置本身有所限制,因此你的網站中物件和物件之間的高度距離,皆是固定的。看似給予了網站限制,但卻能讓對網站設計、編排沒有概念或經驗的人,能輕鬆擺放物件,拉出兼具美觀與專業的網站。
再來,Squarespace 為付費系統,費用為每月 12~40 美金不等。基本的網域、SEO、RWD 等功能基本方案中皆有囊括。較高階的方案則是增加了電子商務相關功能、自定義 CSS、API 串接等等,可依對網站的需求選擇。目前 Squarespace 未支援中文,但支援線上填表的方式,為用戶解決問題。
適合建立電商網站:SHOPLINE、Shopify
SHOPLINE
SHOPLINE 為全亞洲最大的網路開店系統,全球超過 600,000 商家已使用 SHOPLINE 開店,提供一站式的電商解決方案,除基本的電商網站架設之外,也提供網路銷售及實體零售 OMO 線上線下整合時所需的周邊功能,如:即時庫存管理、全通路會員管理、訂單管理、實體門市的 POS 系統、社群直播購物工具等等。
SHOPLINE 非常適合有網路銷售需求的電商店家使用,透過系統後台,可以一站式的管理電商營運的大小需求,金物流等串接也能為電商店家省不少力。也可以針對商品銷售檔期,與各種行銷工具進行串接,例如 Google Ads、Meta 廣告、LINE 廣告,來推廣促銷商品並檢視活動成效,幫助店家推廣商品。
SHOPLINE 本身為付費系統,可以免費試用,費用相比坊間也較為划算(詳見官網)。同樣包含網域、SEO 等基本工具。若在電商經營上有其他的功能模組需求,例如網紅團購、定期購、熟客回饋與集客優惠等工具,則可以視需求添購。此外 SHOPLINE 提供中文的線上客服服務,在操作或使用上遇到問題時,都能有台灣在地團隊協助排除。
想要開店嗎?快來試用 SHOPLINE 免費開啟你的網路生意!
Shopify
Shopify 主要在歐美市場提供一站式的電商網站架站功能,有豐富的應用程式供擴充,及可套用的網店模板,可供電商店家快速打造風格網店。
Shopify 因生態體系龐大,故能提供豐富的電商網站功能,例如虛擬行銷助理,或是常見的商品優惠功能。並同時支援廣大的金物流串接,但主要皆在海外市場,例如:PayPal。目前雖有中文網站,不過如需串接台灣在地金流則需要透過第三方服務商做中介來串接各家銀行。
Shopify 同為付費系統,每月大約 19~2,300 美金,按照需求如需增添功能,可另外選購。Shopify 亦同樣提供線上客服,但客服與官方網站的資源仍為英文,遇到問題需處理或排解時,可能會較難立即排除。
適合建立個人部落格:痞客邦、Medium、WordPress
痞客邦、Medium
痞客邦為台灣老字號的部落格系統,提供部落格、網路相簿等功能。Medium 則為全球最大的部落格系統。
先前我們曾提到痞客邦、Medium 這類部落格系統難以掌控 SEO 及打造個人風格,但若架站你本身僅是想分享生活,或是嘗試撰寫部落格,你仍可以從痞客邦或 Medium 這類的部落格系統開始小試水溫。
兩者皆為免費註冊即可使用,在編輯、發布上也相當簡單好上手,雖然無法透過自有網站來累積用戶、蒐集使用者資訊,但可以倚賴系統本身的高流量及高影響力,來提高部落格網站被潛在用戶、顧客發現的機會。
WordPress
WordPress 是作為個人部落格的一個很好的選擇。它能完美克服痞客邦、Medium 本身流量帶不走、網站視覺風格受限的問題,能輕鬆編輯出極富個人特色的部落格網站。
使用 WordPress 做部落格最大的好處在於,能針對 SEO 進行較完整的優化,以利文章被搜尋引擎爬取並收錄,此外經營自媒體,做出自我風格也是相當重要的,WordPress 豐富的佈景主題則能很好地滿足這一點。
適合建立個人作品集及履歷:Wix、Strikingly
Wix
Wix 是一個相當簡易上手的架站系統,你只需要註冊,即可獲得免費的編輯器及網域。需注意的是,免費方案僅提供 wix.com 結尾的網域,你無法取得完整的自訂網域。然而這點對於僅需要一個空間展示個人作品集及履歷的人來說,反倒無傷大雅。
Wix 支援強大的編輯器,透過拖拉你就可以自訂出各式各樣的網站,這對從事設計、行銷等創意類工作的人來說,以此來打造個人作品集和履歷,創造個人特色可說是再適合不過。
Wix 本身提供免費的方案,但免費方案上方會顯示 Wix 的廣告,及無法獲得自訂網域。付費方案每月 7~46 美金,若你本身想利用 Wix 來打造網站,且需要個人網域,就需要參考 Wix 的付費方案,來開通其他功能。
Strikingly
Strikingly 和 Wix 同樣,都是提供免費架站服務,及高度彈性編輯器的網路架站系統。同樣支援拖拉式編輯,及免費但不可自訂的網域。Strikingly 的特色在於,後台介面支援全繁體中文,在眾多英語為主體的編輯器當中,更能輕鬆簡單的上手。
而 Strikingly 同樣在免費版的網頁中,會有廣告版位,及無法自訂網域,要撤除廣告及獲得自訂網域,需升級付費方案。付費方案每月 12~59 美金,若一次訂閱超過一年,還有其他折扣可選用。
總結
最後,我們將以上介紹到的架站系統做個簡單的整理,挑選最大的重點在於你的需求與功能,在實際付費使用前,最好先深入瞭解各個系統再行開通帳號。
而在費用方面,大多數的系統都需支付費用,原因在於這些工具的維護與功能開發,往往需要人力與許多資源,才能持續提供良好的產品與服務,故大多數的架站系統,都會按照功能開發的難易、提供的服務與支援多寡,向使用者收取固定的月費或年費。
此外,比較適不適合自己使用,及評估預期使用多久,也是選擇系統時需要注意的重要功課。若你碰到想要將網站搬家,內容移植到其他系統上的狀況時,會發現有些系統本身沒有提供轉移的服務,屆時從網域到網站內容要搬家時,都會是不小的功夫。所以最好的方式,就是一開始就挑對系統,避免後續可能出現的麻煩。
現在,若你想在網路上傳遞資訊或是宣傳,網站往往是最好的媒介。隨著工具的進步,架站的門檻也在逐漸降低,只需要挑選適合的工具,人人都可以在網路上輕鬆架站。
而在眾多需求當中,電商網站因需要更複雜且多樣的功能,門檻是相對更高的。如果你想初次踏入電商市場,SHOPLINE 絕對是你的最佳選擇,建議你可以試用看看,而除提供網站服務外,更提供完整的開店教學課程、線上顧問開店諮詢等服務,讓你第一次開店就上手,快速建立屬於自己的品牌生意!
(文章封面圖片由 AI 生成再進行後製)
SHOPLINE 電商教室編輯,喜歡研究消費者心理領域的相關資訊,擅長將複雜的東西轉成白話文,希望能利用電商教室協助店家將生意做得更好