你也想踏入網站架設的大門,為自己或是公司建立形象網站,進行宣傳或銷售嗎?
隨著網路的蓬勃發展,根據線上架站資源媒體 WebsiteSetup 統計,現今在全世界已有將近 2 億個網站,超過 45 億人在各種網站上進行互動,甚至每天都有超過 10 萬個新網站誕生,而你的品牌是否也身在其中呢?

全世界能有這麼多的網站,且每天都在產生,一切都要拜各式各樣的架站工具所賜。在過去,你可能需要找上設計公司,交由工程師與設計師處理,才能打造出理想的網站。但如今憑藉著各式各樣的服務與架站平台、工具,就算我們自己不懂程式語言,也可以輕鬆靠自己架設網站。

本文將要帶你從頭來了解如何架設一個網站,從為什麼你需要一個網站、網站架設的步驟與方法,到常用工具評比等,幫助你了解如何製作網站,快速上手踏上品牌經營之路。

現代「網站」代表著什麼?

「網站」一般是指一個呈現文字、圖片、影片等各種資訊的載體。我們將關於個人或公司的資訊放在網站上,藉此以網站向更多的人傳遞消息。

通常在我們製作完網站後,可以將網站提供給所需要的人,也可以透過「讓搜尋引擎認識」的方式,當有其他人在搜尋引擎中打上關鍵字搜尋各種資料時,你的網頁若與關鍵字相關,便有機會被這些人找到你的網站,進而認識你。

而對於以前架網站來說,可能僅是品牌曝光的一個管道,但隨著電商蓬勃地發展,越來越多購物交易皆在網站(這裡指的是品牌官網)中進行,網站不僅僅代表品牌的形象,同時也是消費者完成交易的終點,也是品牌營利的重點。

繼續閱讀文章

為什麼你需要一個屬於品牌的網站?

由上述可見,如果你想在網路上傳遞資訊,網站是一個很好的工具。但除了網站之外,同時也有很多可以向外傳遞個人資訊的管道,例如社群媒體。既然如此,為什麼網站還是很重要呢?

其實網站對個人或企業來說有一個很重要的價值,就是建立「形象」,可以清晰且完整的呈現「你是誰,你在做什麼」。雖然社群平台也可以利用文字向大家說明,例如本公司的核心價值、服務的項目,或是個人的專長和工作經歷等,但在資訊氾濫的時代,要別人花時間在社群或部落格上閱讀你的服務、專長等資訊,簡直是天方夜譚。

而網站因為可以加入文字、圖片、影片,甚至是營造品牌風格讓大眾能沈浸在與品牌網站的互動之中,這些彈性極大的設定與特性,都是能夠創造出更活潑或易於閱讀的內容給大眾,同時也更容易讓人留下印象,強調出個人或品牌的特性。

《品牌網店設計電子書》
網頁設計及瀏覽體驗對一個電商網站來說,是決定品牌第一印象的關鍵,下載此電子書讓你一個下午就能做出好看的網站!

不懂技術也能架設網站嗎?

誠然在過去,不懂技術是無法打造網站的。但現在隨著各種軟體與工具的進步,打造網站的門檻已經大幅降低,完全不懂技術的人也能輕鬆打造網站。但嚴格來說,若你想在網站中呈現出比較複雜或有趣的功能、特性,則還是要仰賴技術人員以程式來完成。

在下面的段落中,我們會簡單介紹各種架站工具,根據工具的不同,能各自實現不同的功能或互動,例如放上能讓顧客留下資料的表單、或是電商網站必備的購物車功能。不同網站根據目的不同,所需的功能也大不相同,所以接下來我們先來了解,你架設網站背後的原因,以幫助我們挑選適合的工具。

常見的 4 種架設網站的原因

網站架設最常見的四種目的,可分成公司需求,如企業形象網站與電子商務;個人需求則有個人部落格及個人作品集及履歷兩種。

一、企業形象網站:在大眾心中建構品牌印象

不論是哪一種類型的企業或公司,都需要一個網站來打造企業形象,用來說明公司的理念、產品或服務,並藉此傳達企業的形象。例如電子零件相關的公司可以利用官方網站塑造專業形象,同時能將提供的商品放在網路上,當作線上型錄。

而在這類的形象網站中,通常會具有完整的網頁架構,及清楚的導航,幫助潛在客戶快速利用網站了解公司。這些頁面包含關於我們、產品介紹,及最重要的聯絡我們,幫助潛在客戶若有意向公司聯繫或合作時,能快速找到公司的聯絡窗口。

二、電子商務:創造品牌獲利管道

若有公司或店家想直接在網路上販售商品,就會透過電子商務類型的網站,來實現線上銷售。這類網站需要更豐富的內容與設計,利如為取信於網路上的消費者,商品除了圖片展示外,會需要放上如商品使用說明、網友推薦等等。

此外電商網站最重要的功能,當屬購物車與金物流串接了。電子商務網站需能在消費者購物時提供線上購物車、結帳功能,並串接信用卡、超商等付款取貨方式,以實現完整的線上銷售流程。

三、個人部落格:建立個人品牌影響力

隨著自媒體興起,有越來越多人開始在網路上撰寫文章,透過食衣住行育樂的資訊分享,或是各種知識,來培養自己的讀者和粉絲,亦或是記錄自己的生活。坊間有許多提供部落格服務的平台,例如痞客邦、Medium 等等,這類服務的優點是申請容易,缺點則是在內容呈現及功能上需受制於平台。

例如若想搶占 Google 排名,仰賴這些平台很難自行操作 SEO 優化,另外也受限於平台本身的發文格式,難以創造出個人特色。此時自架網站就能解決這些疑難,部落客不僅能按照自己喜好的風格設計網站,更能在網站中加入更豐富的內容,例如互動、或是影音呈現等等。

四、個人作品集或履歷:凸顯個人專業能力

現在有越來越多人會打造自己的網站,將個人過去的作品集、工作經歷等資訊放上,不僅增添了易讀性,也更容易在想面試的公司面前,從眾多競爭者中脫穎而出。這類網站不需完整的頁面和架構,重點在於如何呈現出我的個人特色,故一些提供基礎架站服務的平台,便相當適合這類需求。

流行的 3 種網站架設的方法

在我們了解了常見的建站需求後,你是否發現,不同的架站目的,網站所需填入的內容也都有所不同呢?尤其是公司行號的需求,往往需要更完整且強大的功能,才能更清楚的呈現公司的「內容」,並有效吸引潛在客戶或消費者行動。

這裡我們再深入來探討,最常見的 3 種網站架設方法,以及各種不同目的最適合的架站方式。

一、透過架站平台

現今最常見的架站方式,透過架站平台的好處,在於這類平台商能提供完整的架站所需,如網域、內容編輯器、設計模板、購物車功能……等。這些往常需透過前端工程師利用程式所編造出來的內容,透過架站平台,便可以輕鬆以拖拉或其他極易上手的方式進行編輯。

架站平台優點:

  1. 上手簡單,簡單就能打造網站。
  2. 無需具備技術背景和知識。
  3. 技術維護由平台本身負責。

架站平台缺點:

  1. 設計上的彈性較低,通常仰賴平台本身。
  2. 若有特殊的功能需求,同樣須仰賴平台方提供,並不一定能實現。
  3. 若沒有技術人員協助,使用版型較難做出品牌的個人特色。

架站平台適合誰使用:

  1. 小型公司或個人部落格、履歷等,有架站需求但沒有大筆預算者。
  2. 電子商務網站,完整商務功能能免去許多自行串接的麻煩。 

二、透過網站架設公司

若你有較多的客製需求,且擁有較多的預算時,網站架設公司便會是一個你可以考慮的選擇。透過與網站設計公司討論需求,你可以提出如互動式網頁設計、具個人特色的設計風格等需求,以此打造出獨一無二的網站。

網站架設公司優點:

  1. 高度客製化,易於打造獨具風格的視覺網站。
  2. 支持打造較複雜的功能或互動式高的頁面。

網站架設公司缺點:

  1. 所需負擔費用較高,部分功能或串接需額外加錢。
  2. 無法自己維運,需與設計公司溝通如何進行後續維護及更新。

網站架設公司適合誰使用:

  1. 企業形象網站,適合與網站公司合作,樹立鮮明形象。
  2. 有大筆預算者。

三、自己開發網站

如果你本身具有工程背景,或是雇用網頁工程師,便可以透過自己開發的方式打造網站。這是自由度最高的網站架設方式,但同時也需承擔自行維運的成本。若你有意透過自學來打造網站,則需留意學習時間,因為背後需具備相當豐富的專業知識與實務經驗。

自己開發網站優點:

  1. 高度客製化,相較與設計公司合作,可省下其中的溝通成本。
  2. 無需支付委託設計公司的設計費及架站平台的託管費。

自己開發網站缺點:

  1. 人力成本昂貴,難以實際計算其中成本。
  2. 維運皆需靠自己,沒有其他技術團隊供諮詢或協助解決問題。

自己開發網站適合誰使用:

  1. 本身具有相關知識背景者。
  2. 願意聘請工程師來自行開發者。

在以上三種方式當中,你可以先釐清現有的資源,及理想中的網站需具備哪些功能、為你完成什麼,以此作為依據來選擇應該以哪一種方式來架站。而其中我們尤其推薦的,就是架站平台。

如何透過架站平台架設網站?

雖然架站平台有部分限制,但初期先利用架站平台建站,等未來組織擴編或是需求增多時,也可以再轉換成委託設計公司或是自行架設網站。初期透過架站平台的優點除了上述之外,也可以當作熟悉網站架構的入門方法。

架站平台能為你實現最小成本的架站,現今坊間有許多提供免費服務或試用服務的平台商,不論你是個人還是公司需要一個網站,都可以從這些既有的架站平台開始,初步建置出一個合用的網站。

接下來我們就來介紹,如何透過架站平台,以 5 步驟快速架設網站。

步驟一:挑選合適的架站平台

坊間不論是國內外,都有許多架站平台,各家主打的性質及適合的對象也有所不同,就像選擇何種架站方式時一樣,你可以先釐清自己的需求,並審視各家平台提供哪些服務,以此挑選適合的平台。

這邊我們簡單列出常見的架站平台及各自的特色,詳細的平台比較及介紹,待後面段落時會再做更詳細的介紹。

  • 適合企業建立形象網站:Wordpress、Squarespace
  • 適合建立電商網站:SHOPLINE、Shopify
  • 適合建立個人部落格:痞客邦、Medium、Wordpress
  • 適合建立個人作品集及履歷:Wix、Strikingly

步驟二:選擇網域和主機

使用者若想在網路上找到你的網站,他們會需要一個地址。而「網域」就像是你的網站在網路上的地址,若有人想拜訪你,他需要抵達你的地址,才能順利訪問網站,就像當你想拜訪在地的某間餐廳時,需要獲得地址一樣。

註冊一個獨一無二的網域,以此來告知大家如何在網路上找到你。除此外,我們還需要一個主機空間。什麼意思呢?同樣以餐廳來舉例的話,你註冊了門牌,同時還需要一塊地,才能在之上蓋一間餐廳,販售餐點。虛擬主機正如同這塊地,專門存放我們在網路上的所有內容。

大部分的架站平台會替你搞定這些問題,在你初次註冊這些平台服務時,會一併幫你註冊好網域及主機,你無需自行研究購買網域或主機等相關事宜。除部分架站平台如 WordPress,需要另外尋找主機商購買網域及租用主機外,大部分的架站平台,你只需要依照指示即可輕鬆完成設定。

步驟三:架設網站

接著,你就可以開始根據平台提供的編輯器或各種視覺模板,開始設計你的網站囉!若你的網站中需要放上大量的資訊,在建置網站時,就需要特別注意網站的動向與規劃。好的規劃能讓消費者或潛在客戶進到你的網站時,立刻找到所需的資訊,進一步促使他們了解你或是公司。

在規劃網站時,有幾個小技巧,能幫助你了解在剛開始時怎麼將內容分類,並劃出網站架構。

  1. 寫下你想放在網站上的所有內容,並將這些內容進行簡單的歸納分類。
  2. 觀察競爭對手或同性質的他人網站,網站如何規劃及放入了哪些內容。
  3. 參考他人的網站,並與夥伴、親友討論,理出完整的全站內容。
  4. 將內容進行分類,並畫出完整的網站心智圖,以此為基礎開始製作頁面。

步驟四:進行 SEO 優化

大部分的網站,我們都希望搜尋引擎能收錄,並將我們的網站排名在各類關鍵字的最上面,好讓目標受眾快速找到我們,這時候 SEO 便是必做的重要功課。

若是自行開發網站,通常需由工程師將 SEO 所需的標籤、代碼添加到網站裡面,以優化 SEO。但坊間大部分的架站工具都有針對 SEO 優化設計相關的功能,例如圖片 ALT 標籤、網頁標題 H1-H6、標題與描述標籤等等。你只需要在指定的欄位中,填上相對應的內容即可。

步驟五:發布並宣傳

最後,待你的網站都設定、製作完成後,便可以將網站發布上線,讓潛在用戶透過網站來認識你。若發布後你想知道有多少使用者瀏覽了我們的頁面,了解使用者在網站上的行為,便可以倚賴其他第三方工具,來搜集相關數據。常見的有如 Google Analytics、Hotjar 等等。

網站剛上線時,沒有流量、來訪者是相當正常的,想要讓大家來到網站並認識我們,就需要請 搜尋引擎來爬取我們的網站,並針對網站進行宣傳。你可以利用提交網站地圖主動請搜尋引擎造訪網站,再透過 SEO 優化,或是搭配社群媒體、與他人合作露出等方式來曝光網站,慢慢培養網站的流量。

8 個架站平台、工具大評比!找到最適合你的方法

了解了架站方法和如何架站之後,最後則要來介紹幾個最常見的架站平台,你可以參考以下的比較,挑選最適合自己的平台來使用。以下會以架設目的做為區分,羅列常見的架站平台。

適合企業建立形象網站:Wordpress、Squarespace

WordPress

全世界有超過 30% 的網站是利用 WordPress 來架設的,是全世界最受歡迎的架站平台。Wordpress 的特點在於開放度高,除了基本的後台及基本編輯功能之外,還可以透過新增各種外掛,來實現各種不同的需求或功能。

另外如果你本身有一定的前端及後端工程基礎,Wordpress 也能夠透過自行編輯 HTML、CSS、PHP 來實現各種客製化的視覺需求,因此,幾乎所有的網站類型都可以利用 WordPress 來進行編輯。

WordPress 本身為免費的,但你需要另外負擔網域與主機的費用。坊間也有許多與 WordPress 配合的主機商,註冊及建立的難易度都極低,很輕鬆就能上手。

WordPress 本身最大的優點在於它的開放性與自由度,但同時這也成為了 WordPress 的缺點:你很可能迷失在茫茫的功能海當中,或是因為錯誤設定而搞砸網站。加上 Worpress 本身沒有線上客服或支援,通常需要自行研究與排解,且相關學習資源或問答,大多是英文的,遇到問題時較不容易處理。

Wordpress 架設網站平台
圖一、Wordpress 架設網站平台

Squarespace

Squarespace 是提供一站式服務的架站平台,也就是從基本的網域主機、網站編輯,到行銷工具等等皆可一站式一次完成。他最大的特點具有高彈性的網頁編輯器,靈活且易於上手,搭配極富設計感的模板,易於打造獨具特色的官方網站。

Squarespace 的編輯器本身為拖拉式,但拖拉的位置本身有所限制,因此你的網站中物件和物件之間的高度距離,皆是固定的。看似給予了網站限制,但卻能讓對網站設計、編排沒有概念或經驗的人,能輕鬆擺放物件,拉出兼具美觀與專業的網站。

再來,Squarespace 為付費系統,費用為每月 12~40 美金不等。基本的網域、SEO、RWD 等功能基本方案中皆有囊括。較高階的方案則是增加了電子商務相關功能、自定義 CSS、API 串接等等,可依對網站的需求選擇。目前 Squarespace 未支援中文,但支援線上填表的方式,為用戶解決問題。

Squarespace 架設網站平台
圖二、Squarespace 架設網站平台

適合建立電商網站:SHOPLINE、Shopify

SHOPLINE

SHOPLINE 為全亞洲最大的網路開店平台,提供一站式的電子商務解決方案,除基本的電商網站架設之外,也提供網路銷售時所需的周邊功能,如訂單管理、會員管理、實體門市的 POS 系統、直播購物工具等等。

SHOPLINE 非常適合有網路銷售需求的電商店家使用,透過系統後台,可以一站式的管理電商營運的大小需求,金物流等串接也能為電商店家省不少力。也可以針對商品銷售檔期,與各種行銷工具進行串接,例如 Google、Facebook、LINE 廣告,來推廣促銷商品並檢視活動成效,幫助店家推廣商品。

SHOPLINE 本身為付費系統,費用划算(詳見官網)。同樣包含網域、SEO 等基本工具。若在電商經營上有其他的功能需求,例如熟客經營、數據分析等工具,則可以視需求添購。此外 SHOPLINE 提供中文的線上客服服務,在操作或使用上遇到問題時,都能有台灣在地的團隊協助排除。

想要開店嗎?快來