Portaly

Portaly Blog

文章總覽

精選範例

內容經營

使用教學

訂閱

【網站架設全攻略】帶你從 0 開始架設個人網站

2022-09-01

「個人網站」是什麼?

網站是一個承載被整理、規劃過的資訊平台,而「個人網站」,更是將內容聚焦在「你」這個人,把關於你最重要的內容,有系統地放到個人網站上。比起 Facebook 或 Instagram 帳號,個人網站更能創造信賴感與專業度,回想過去在搜尋某個創作者的時候,當找到對方做得還不錯的網站,心裡是否會不禁出現「好專業啊」的聲音呢?

「個人網站」在現今社群媒體平台琳瑯滿目,同時有越來越多小型創業者、個人工作者的時代下,它的重要性與價值會日漸重要,因為它將成為個人化的樞紐 (hub),把關於你的資訊、作品、產品服務等整合在一起,讓大家可以更容易找到你,了解你的個人風格,進而認識你,甚至下單購買,或依需求連結到你的各種服務平台。

圖片來源

架設個人網站有什麼好處?

或許你會問:我已經這麼認真在經營 YouTube、IG 帳號…,為什麼還需要架設個人網站?個人網站到底可以為我帶來什麼好處、有哪些加分?以下整理四個好處分享給你:

1. 完整地策展你的故事,提升你的價值

不管是哪一個社群媒體平台,都有其框架與限制,且大部分都是專注在特定一種內容形式,例如文字、圖片或影片。個人網站因著更自由開放的特性,讓你可以更完整的把所有能夠為你的品牌形象、公信力、專業度、收益等加分的資訊放上去,並用屬於你的方式來編排與設計。

就像在為你自己進行一場線上展覽,用你的方式向大眾說你的故事。你能同時使用文字、圖片、影片、音訊等多媒體自由組合,並加入屬於你的顏色與設計元素。透過這樣完整的資訊、個性化的設計,來展現你的專業、價值與獨特性。

2. 提升 SEO 搜尋能見度,讓人更容易找到你

或許你有注意到,當你使用 Google 搜尋內容時不容易找到 Facebook 或 Instagram 等社群平台上的內容。因為社群平台本身的設計並非 SEO 友善,所以若在搜尋時沒有加上「FB」、「IG」等關鍵字,便很難找到對應的貼文內容,等於「你」便無法有效地曝光。

反之,網站的設計是友善搜尋引擎的。除了本身就比較容易被搜尋到,你還可以透過網站的內容設計、語法架構等,強化網站的 SEO,讓你的內容更有機會出現在搜尋的前幾頁,在茫茫資訊海中脫穎而出。

圖片來源

3. 內容可以有系統地累積,而不是隨時間沖淡或被演算法稀釋

社群媒體一個最大的限制,就是內容會隨著時間被沖淡,儘管是新的內容,也會被演算法稀釋,讓你辛苦製作的內容無法被好好地看見。

但是個人網站卻能幫助你有系統地累積你的內容,例如你不斷更新並附上完整說明的服務或產品,或是有系統分類的文章內容,亦或你隨時間累積的作品集等。這些內容都是你的資產,搭配上網站更容易被搜尋到的特性,有系統地累積,也等於不斷增加你的搜尋能見度。

4. 透過數據進一步了解粉絲行為,規劃你的未來策略

網站的另一個好處,是能夠紀錄使用者的相關數據,來了解粉絲的輪廓、行為、需求等。雖然社群媒體也會提供你粉絲的數據,但都是比較概略的資訊。

網站的優勢,是能夠掌握更細緻的使用者行為,例如哪一個網站區塊是最多人停留的(代表是使用者最有興趣的)、哪一個按鈕是最多人點選的,點選這個按鈕後他又做了什麼。

透過理解使用者在你的網站到底瀏覽什麼、做了什麼,如何在各個內容區塊、分頁、按鈕間穿梭,能夠幫助你掌握自己的優勢,並不斷優化你的網站設計。


常見的四種個人網站類型與用途

了解了什麼是個人網站,以及建立個人網站的好處之後,接下來要定位,如果你要製作網站,適合製作哪一種類型與用途的個人網站呢?

1. 個人社群多連結頁面:建立品牌第一印象與入口

我們往往使用不只一個社群媒體或服務平台,個人網站便可作為整合這些平台的中樞與傳送門,例如想要認識你的生活可以到 IG 找你、想要閱讀你的文章可以到 Medium、想要購買你的設計商品可以到 Pinkoi、想要下載你的電子書可以點特定連結等。

再加上吸引人的圖片與文字介紹,以及一致的介面設計,讓你的資訊不只一目瞭然,還能凸顯你的風格,建立你的品牌第一印象。

2. 個人部落格/自媒體:適合生活或知識分享者、內容倡議者

另一個常見的網站用途,是作為個人部落格或自媒體平台,特別適合專門產製內容的工作者,或是內容會為你特別加分的產業。內容舉凡生活風格、學習筆記、旅行遊記、知識技術、教學文章、觀點評論等,透過內容的累積,逐漸建立你在某領域的聲量與權威,藉此創造更多影響力或收益。

圖片來源

3. 個人作品集/履歷:適合設計師、工程師、創意工作者

如果你是設計師、工程師或其他類型的創意工作者,有一個常見的需求,就是要有一個地方來整理與展示你的作品集與過去經歷。

所以有許多創意工作者選擇架設個人網站來整理與「策展」過去經歷與作品集,用網站的彈性來發揮自己的創意,創造出屬於自己特殊的作品集呈現方式,令人眼睛為之一亮。另外因為網站設計的自由度,也能讓人一進入網站,馬上感受到個人風格,吸引到價值觀相近、懂得欣賞你的風格的客戶。

圖片來源

4. 個人賣場:設計你的線上商場,增加下單率

最後一種常見的個人網站用途,便是作為個人商場,尤其這幾年因為疫情,越來越多人習慣在線上消費。不管你是販售線上商品,像是電子書、影片或音檔;或是販售實體商品,例如設計商品、食品甜點等;或是專業服務,例如線上諮商、課程等,個人商場讓你展示你的產品,並讓你的受眾直接下單。

個人賣場有時候也會整合個人部落格、作品集等內容,增加大家對你或你的品牌的信任感,提高下單轉換率。個人網站讓你可以設計展現你個人特色的線上商場,並搭配仿間許多金流服務的串接,讓使用者能夠安心購買你的商品/服務。

圖片來源

不同類型的個人網站該放什麼內容?延伸閱讀:【個人網站的內容應該要放什麼?】


建立個人網站的三種方式

了解了個人網站的好處與類型,那麼接下來要如何打造自己的個人網站呢?以下介紹三種建立網站的方式,你可以依據你的成本、時間、能力等綜合考量,選擇最適合自己的:

透過網站設計/製作公司自己寫程式語言開發透過網站架設服務平台
彈性★ 介面設計與功能可客製化★ 自由度最高,隨心所欲• 設計與功能會有一定的限制
難度★ 不需自己學習網站相關知識,例如程式、 UI 等• 需要會程式開發、基本 UX、UI 知識與美感可能遇到難以解決的技術問題,需找人支援★ 完全無需工程背景
★ 快速整合各種網站功能如設計套版、圖文編輯、購物車等
時間• 需配合網站公司時程且有額外的溝通時間• 難以掌握投入的時間★ 時間最快,也較可掌控投入時間
費用• 製作費用最高,後續維護衍伸額外費用• 無法估算自己的人力成本★ 成本最低、最可控制

1. 透過網站設計/製作公司

如果你有比較充裕的時間與預算,那麼便可以考慮請網站設計公司來替你製作個人網站。網站設計公司有專業的網站設計師與工程師,能幫助你打造高度客製化的網站。通常一個網站製作期程會落在 2 到 6 個月之間,預算從幾萬塊到上百萬都有,會隨著網站公司的名氣、案量,以及你的網站需求而有所差異。

找網站公司的優點:

  • 極度客製化的介面設計
  • 可以製作更精緻的動畫特效、互動體驗、複雜功能等
  • 不需自己學習網站相關知識,例如 UI、UX 等

找網站公司的缺點:

  • 成本較高,通常也較費時
  • 有額外與網站公司的溝通成本
  • 後續維護需要透過網站公司,衍伸額外費用

2. 自己寫程式語言開發

如果你有工程背景,或是你想要自學程式語言,那麼便可以嘗試看看自己開發個人網站。不過在自己開發的過程中,可能會遇到一些自己無法解決的問題,這時候若有網站相關專業的朋友可以諮詢,或是知道去哪裡可以找到答案,便會非常有幫助。

自己開發網站的優點:

  • 隨心所欲,完全依照你的想法來製作,無需徵求他人同意或負擔溝通成本
  • 完成後有滿滿的成就感,是自己從零到一打造出來的作品
  • 可練習自己的程式語言能力

自己開發網站的缺點:

  • 無法計算自己的人力成本,需要投入較難掌握的心力與時間
  • 可能遇到無法解決的技術問題,導致想法難以如期落實
  • 需要有基本設計美感、網站介面體驗知識

3. 透過網站架設服務平台

第三種方式,是透過市面上的網站架設服務平台,例如:Wordpress、Wix、Portaly 等,這也是最多小型企業、個人創業者使用的方式。因為這類平台整合了網站架設所需要的常見功能,例如設計排版套件、內容編輯器、主機網域購買、金流系統、購物車功能等,讓儘管不會程式語言的芸芸眾生,仍然能透過平台簡易的操作,製作出盡可能符合個人風格與需求的個人網站。

透過網站架設服務平台的優點:

  • 完全無需技術或工程背景
  • 較容易上手,成本也可控制在一定範圍內
  • 快速整合各種網站功能,例如設計套版、圖文編輯、購物車等

透過網站架設服務平台的缺點:

  • 設計排版不如自行開發彈性與自由,會有一定的限制
  • 無法製作過於客製化或複雜的特效或功能
  • 網站製作若遇到問題,需要找人諮詢或自己找答案

建立個人網站的三大階段

第一階段:架站前

確認個人網站的類型與主要用途

前面了解了個人網站幾個主要用途,在架站以前,便要先思考你的網站的類型與用途是什麼。因為不同用途,會衍伸出不同的功能需求、排版方式、內容規劃等。明確列出你的網站目標,例如是要展示作品集、導購你所提供的服務或產品等,能幫助你在架站時不容易失焦。

規劃網站內容/資訊架構

確認類型與用途後,接著開始列出你想要放在網站上的所有資訊與功能,接著,把這些內容用樹狀圖的方式整理(建議可使用 XmindWhimsicalFigJam 等線上免費軟體),規劃你的網站頁面與層級關係。也可以使用畫圖的方式把你的網站內容與排版規劃出來。

使用 Whimscal 製作的網站規劃示意圖

購買主機服務與網域

一個網站要被人找到,需要一個網址以及架設在主機上,前者像是網站的地址,後者像是網站的「家」。如果你使用像是 Portaly、Wix 等架站服務,可以直接使用它們提供的網址。

不過若是自行架站或使用其他架站平台,可在許多第三方服務購買專屬你的網域,例如:Name.comNamecheap.com,以及租借虛擬主機,像是 BluehostCloudways 等,通常以月付或年付一定金額的方式,便可以讓你的網站持續運行。

評估資源配置並選擇合適的架站方式

最後,你便需要並估你的資源配置,例如你有多少時間與財力,參考前述「建立個人網站的三種方式」的內容,評估最適合當下自己的架站方式,開始準備進行架站!

圖片來源

第二階段:架站中

製作網站素材(包含文案、圖片、影片等)

開始架站後,最重要的事情之一,便是開始準備你的網站素材,包含所有要放在網站上的內容,例如文字、圖片、影片,甚至動畫檔、音檔等。

建議可以先從首頁開始準備,因為首頁是最重要的門面,在製作到一個階段先放上去看看效果,評估是否需要調整。

規劃網站介面的視覺風格

另一個重要的任務,是要確認你的網站視覺風格。

建議可以搜尋與你相似類型的網站,或是你欣賞的品牌網站作為你的靈感來源。也可以瀏覽像是 Awwwards 網站,裡面有許多經典的網站設計案例,開啟你對網站的想像。不過同時,要確保你的網站設計與你的品牌視覺的一致性,這樣才能讓網站成為你的個人品牌的延伸。

若你選擇委託網站公司開發,通常會多一步「網站視覺稿」的環節,透過平面設計圖,來模擬與溝通對網站設計的想像,確認之後才進入開發製作階段。若你是自己開發,或用網站架設服務平台,則可以自己評估你是不是需要這個步驟。

開發製作

確認網站視覺風格與介面設計後,接下來就進入開發製作。

開始自己寫程式,或是摸索架站服務平台,亦或開始與網站製作公司來回溝通等。通常在進入製作後,又會有更多想法出現,一邊製作一邊進行微調。

網站上線前測試

當網站製作大抵完成後,正式上線前的重要一步,就是進行測試。

除了自己測試,還可以邀請身邊的朋友一起幫忙,測試看看網站有沒有 bug、各種操作或排版上的問題等,特別要測試網站在不同載具以及主流瀏覽器上的呈現,載體如手機、電腦、平板等;主流瀏覽器如 Safari、Google Chrome、Edge、Firefox 等。

第三階段:架站後

未來網站的維護與更新規劃

恭喜你,到了這一步,代表你的網站已經順利上線。

一個好的網站需要不斷維護與更新,所以你需要規劃後續要如何定期更新你的網站,例如定期更新你的網站資料、作品集、文章等,讓你的網站一直有水流入,不會成為一灘死水。

另外,也需要定期測試看看網站有沒有問題,及早發現便能及早修正,讓你的網站持續在最好狀態下運作。

數據收集與分析規劃

文章前半段有提到,網站的價值之一是能夠收集到使用者的行為數據,所以在網站上線後,可以串接 Google Analytics,讓你可以從後台持續收集所有造訪者的數據。

每收集一段時間(例如三個月到半年),便可以進行分析,看看使用者的行為是否符合你的預期,若否,則可以不斷微調,讓你的網站為你創造更多價值。

SEO 與內容優化

網站的最大優勢之一,是比社群媒體有更好的曝光,讓你更容易被搜尋到。你能夠透過 SEO 優化,來不斷提升你的網站搜尋排名。

可以先思考你希望大家用什麼關鍵字搜尋到你,接著善用網站架設平台上既有的功能,例如圖片 ALT 標籤、網頁標題 H1-H6 等,把你關鍵字放進去。或是撰寫有這些關鍵字以及相關內容的文章,定期更新到你的網站上,來讓搜尋引擎更容易找到你的網站。

SEO 說實話是一門大學問,若要更了解如何優化 SEO,可以參考這篇文章【SEO 第一聖經:史上最齊全 SEO 自學筆記】

不會程式也能建立個人網站的 5 大工具推薦

內容型網址個人形象網站設計師或設計團隊社群創作者
WordPress最推薦:功能最齊全且有中文介面
Wix / Weebly最推薦:有完整中文介面與大量模板次推薦:最快速簡單上手
Webflow最推薦:讓你用設計師邏輯打造網站
Portaly (台灣原創品牌)次推薦:最快速簡單上手最推薦:創造關於你的所有入口

以上平台的免費資源比較,歡迎閱讀【4 個免費架設個人網站的平台比較:WordPress、Wix、Weebly、Portaly】

WordPress:內容型網站的好夥伴

WordPress 是世界網站架設平台的龍頭,目前約有 40% 以上的網站使用 WordPress 來架設網站。它的彈性高,既可以讓不會程式的人直接套用模板以及使用它的擴充功能製作網站,也可以讓會程式語言的人進行客製化開發,是許多工程師選用的後台開發平台。不過由於功能強大與繁雜,初學者可能會需要一些時間上手。

WordPress 尤其適合給內容型的網站,例如部落格,因為它有成熟的文章管理後台。它也有較完善的繁體中文介面,讓語言不會成為架設網站的阻礙。另一個特點,是它能夠在不付費的情況下,就讓你做出基本網站,省下每月的平台服務費用。

WIXWeebly:快速打造個人形象網站

WIX 與 Weebly 都主打讓你可以快速架設個人網站,特別適合製作個人形象網站、個人簡歷作品集,或是小規模的品牌網站。介面清楚且容易上手,並且擁有上百個模板供選擇。在建立網站後,還有後續維護服務。不過每月都需要支付一定的費用來移除廣告、流量限制與自訂網域。

因為能夠快速套版,缺點就是自由度比較低,不能像 WordPress 一樣能自由調整或增加各種功能套件。另外就是你無法「擁有」網站,因為你的網址會隸屬在「Wix/Weebly.com」這個網域中,對於想要長遠發展品牌的團隊可能較不合適。

WIX 與 Weebly 的主要差異在於 Weebly 的中文介面較完善,且支援金流系統,適合想要做電商的人。

Webflow:適合重視設計與視覺的你

官網上強調已有超過 350 萬個設計師或團隊使用 Webflow 來製作網站,製作過程就像在做介面設計,讓你不用寫程式就能建立富有美感與創意的網站,十分友善本身就有 UI 或設計背景的人。另外也主打可以快速做出精美的活動型頁面,適合給有高行銷需求的人或團隊。

Portaly 傳送門:給創作者快速建立個人品牌入口

因應多元社群需求以及個人品牌林立的世代,Portaly 主打讓你三分鐘就可以打造呈現品牌識別的微型個人網站。剛上線不久,便有許多知名創作者,如廢物女友街頭故事等加入,另外也吸引議題型 KOL 例如:何則文、江湖人稱 S 姐等使用。 

它以創作者或個人品牌經營者的需求出發,幫助你快速整合各種社群連結、多媒體內容,例如 Podcast、報導文章、合作夥伴、作品集、你的服務/產品入口等。同時也支援金流及數據分析功能,讓你可以線上販售產品或讓粉絲贊助,以及分析你的內容瀏覽量與點擊數。

Portaly 免費版即支援以上所有關鍵功能,另外也有付費版提供更升級的服務。

結語

身為個人品牌經營者或是創作者,製作每一則內容都需要心力與時間。透過個人網站,我們得以突破社群演算法的枷鎖,有系統地累積屬於你專業領域的內容,優化網站的 SEO,讓更多人透過關鍵字主動搜尋到你,藉此提升你的知名度、議題權威,甚至是線上商店的獲利。

現今有越來越多成熟、甚至是完全繁體中文化的網站架設服務平台(例如 WordPress 或是 Weebly),讓不會寫程式的人也能夠快速架站。甚至出現專門給有在經營多個社群媒體平台的創作者,更輕量的快速打造個人網站(例如 Portaly)。

希望透過這篇文章,能幫助你更認識個人網站、釐清你的網站用途,並幫助你從零開始,規劃並選擇最適合的方式,開始打造屬於你或你的品牌的網站吧!


3 分鐘,打造自己的微型網頁

Portaly 協助創作者與品牌在幾分鐘內,架設專屬的微型網頁,並聯結社群與粉絲,建立專屬的經營空間。

免費註冊

作者介紹

傳送門編輯團隊

Portaly 傳送門是一台灣團隊開發的「創作者品牌首頁」Link-in-bio 網站工具。以極簡的介面設計,整合創作者的作品,完成一個專屬的微型網站,永久免費使用。

傳送門編輯群由社群小編、品牌經理人等夥伴組成,專注於探索品牌經營、個人網站相關主題,陪伴創作者與原創品牌一起成長。