免費網頁製作平台經驗分享+製作網頁教學


8大免費網頁製作平台推薦

許多博主建議網友去把每個免費網頁製作平台都註冊試用看看。這就類似學生問老師說,我想寫出像憤怒鳥一樣的遊戲應該用什麼程式語言?老師竟然回答說:「我推薦你10種程式語言,你都去嘗試寫看看」

每個語言都要花很多時間學習,學生當然希望「最適合的程式」寫出遊戲。製作網頁也是一樣,每個平台都有不同的工具跟設定方式,也各有優缺。我會在下面一一說明,網友可以依照喜好選擇最適合自己的平台來建立網站即可。

1. Webnode

  • 【免付費】便可使用所有套版
  • 【用戶龐大】已有超過2200萬個網站
  • 所有裝置皆支持【繁體中文
  • 進階版本最低每月 $3.9美元
  • 支持個人博客、企業網站、網路電商
10/14/2021 更新
網站博士經驗談:第一次使用Webnode到現在已經有五年了。過去Wix還沒有大量打廣告以前,說到網頁製作平台,首先能想到的一定是Webnode。其針對個人博客、品牌官網、甚至是網路電商都有對應的模板可以選擇,針對網頁新手來說非常方便。

而且對於需要建立品牌網站和產品展示的網友,Webnode也提供了很多現代的專業套版。在保持主題頁面好看的同時,也提供了豐富的頁面來做進一步的說明和展示。

目前使用Webnode製作的網站已經超過2200萬個,是Wix的六倍之多。雖然Wix廣告打得很大,然而網站數量的差距代表著資源的多寡,越多人使用的架站平台意味著有越多的套版、小插件可以使用。由於Webnode在後台的繁體中文優化是目前所有網頁製作平台中表現最好的,對於比較喜歡看中文的朋友,Webnode將是我首要推薦的網站製作平台

在操作上,Webnode也提供了非常直觀的拖拉套件,僅須將喜歡的工具拉至您的網站即可輕鬆做出美觀且功能多樣的品牌官網或個人網站。對於網頁新手來說,Webnode可以說是最容易上手的平台之一。

針對網路商城功能,在大多數的平台都是需要付費會員才能使用,然而Webnode卻提供了免費版本的網路商城,雖然僅提供了部分功能,不過在我看來算是最佛心的免費製作網頁平台了。

Webnode 註冊教學

步驟一:先到Webnode 官網,點選「免費開始使用」


步驟二:輸入想要創建的網站名稱,網站名稱是可以隨時修改的,只要暫時想一個覺得還行的即可。接著是電子郵件、設定密碼,或是直接使用Google, Facebook 登入。


步驟三:選擇想要建立的網站類型,有一般網站跟網路商城兩種可供選擇。一般網站類似「個人博客、品牌官網」;電商則要串接金流服務,主要以銷售產品為目的(如果大家感興趣歡迎在底下留言,未來我將令寫一篇電商教學)


步驟四:選擇樣式。Webnode有許多樣板,想做個人部落格可以選擇「部落格」、想經營品牌企業官網可以選車「品牌」。每個樣板類型裡面均有許多可以選擇的網頁樣板,使用者選擇之後僅需修改內容跟圖片就可以製作屬於自己的專屬網頁。點選自己喜歡的樣板之後,大約等30秒左右,網頁雛形就完成了。


前往 Webnode官網【免費製作】您的網站

2. Wix

Wix 製作網頁優勢
  • 【免付費】便可使用所有套版
  • 所有裝置皆支持【繁體中文
  • 進階版本最低每月 $4.5美元
  • 800種以上模板,甚至支援電商網站製作
9/29/2021 更新
網站博士經驗談:我使用Wix大概有三年多了,有做過網站的人都知道,做網站多少都會遇到一些問題。由於Wix在中文市場有第二大的市佔率(僅次於Webnode),大部分的問題在網路上都被廣泛討論過,只需要查找即可解決。比起許多主要經營英文市場為主的製作網頁平台,獲取資源相對容易。

Wix 的特色在於提供免費用戶800種以上全方位的網站套版,即使網友不曾做過網站,也可以透過修改套版的方式輕鬆簡單做出高品質的網站。如果用戶在未來想使用自己的域名,僅需要支付最低每月5美元的價格。除此之外,針對想做品牌電商的網友,Wix也提供了電商金流串接方案。


3. Weebly

Weebly 製作網頁優勢
  • 【免付費】即可製作精美網站
  • 【手機APP】即可管理整個網站
  • 所有裝置皆支持【繁體中文
  • 進階版本最低每月 $5美元
  • 支持個人博客、企業網站、網路電商
9/29/2021 更新
網站博士經驗談:過去我曾經使用過一陣子Weebly,當時為了給廠商做一個範本,根據我的個人使用經驗,Weebly更像是簡易版本的Wix。Weebly 雖然提供的套版遠遠不及Webnode, Wix,然而其後台操作簡單,如果網友想要簡單體驗免費做出精美品牌官網,Weebly依然是一個好選擇。

針對【中文優化】相對完整,具備簡單且廣泛討論度,目前僅有上面三個網站製作平台 (Webnode, Wix, Weebly),以下我將繼續介紹在全球較為知名網頁製作架構與平台。

如果您希望製作一個相對複雜的網站,並使用自己的服務器(必須付費,且成本較高)。您可以參考我們所寫的「WordPress 專業網站架設」一文。

4. WordPress

WordPress 相對於網頁製作平台較為複雜,也需要一些網頁程式基礎。我們針對WordPress有寫了一篇專業的教學,如果想更深入研究建立網站的朋友,可以參考「WordPress專業架站教學」一文。


5. Strikingly


6. Jimdo


7. Yola


8. Gatsby

Gatsby 是完全免費,且能做出全球最快的網頁,也是最有利於搜尋引擎優化的系統。幾乎沒有博主在教如何使用Gatsby 製作網頁,原因在於想要使用Gatsby 需要具備深厚的程式編碼技巧,幾乎所有的網頁套件都必須自己編程才能做出來。過去我有一個網頁曾使用Gatsby 套件做了一個網頁,若網友有興趣歡迎在底下留言,我將在未來有空時攥寫一篇「Gatsby 網頁架設研究與討論」一文。


製作網頁的知識與補充

一個完整的網頁可以簡單理解成一棟完整的房子,必須要有「住址」、「土地」、「內部設計」。

  • 住址:網頁的地址,稱為網址(如Google.com)
  • 土地:放置網站的地方,稱為服務器
  • 內部設計:網頁內容,如網頁的文章與圖片等

當我們去拜訪一位遠親時,透過住址可以找到某塊擁有該住址的建築。如同當我們透過瀏覽器輸入某網址(地址)時,瀏覽器會在全球互聯網中找到存放該網址的服務器(土地),並向服務器獲取內容(內部設計)而顯示於我們的瀏覽器上。

備註:如果您具備高度研究精神,想自行購買網址、購買服務器、並建置網頁,請參考「專業架站指南」一文


免費網站架設平台的優缺點

如同我在上文所提到的,Web製作平台如同向建商購買房子。可以省去自己向政府單位申請地址、購買土地、找建築師與土木專家的瑣事,大幅節省時間成本與建造成本。

✅ 社群資源相對多

許多較大製作網頁的平台有上百萬用戶,即使是中文市場都有上萬的使用者。當遇到問題時僅需要上網查詢所與到的問題,多數時候能獲得解答。如同當我們使用iOS/Android系統的手機遇到問題時,我們上網查詢問題大多時候均能得到解答,然而如果是自己設計的手機系統(自己製作網站),估計遇到問題也只能慢慢研究找出答案。

✅ 做網站不需寫程式

目前許多免費架設網站的平台,都已經全面使用”drag and drop“的建立網站工具,意思是僅需透過拖拉工具的方式,就可以輕鬆的建立精美網站。


是否真的完全免費?

在台灣的朋友或多或少都有聽過「痞客邦」,網上有許多類似這樣的博客系統,功能更多也更完善,有些甚至還提供了購物車、金流串接等功能。然而就像我上面舉的例子,房子必須要有土地如同網站必須要有主機,這是必然的成本,使用完全免費的服務勢必有些限制,以下我將列出幾項比較重要的限制。

備註:雖然有限制,然而廠商通過付費服務來免除此類限制。大多數的平台最低月費為每月$4~$5美金,相當於不到台幣150的價格,對於網站新手而言是非常親民的價格。

🚫 限制一:包含Web製作平台網址

網址如同網站的門面,一般來說免費Web製作平台會在後方加上其平台網址。使用者可以通過付費的方式來去除該限制,一般來說大約是每月$4~$5美元的價格。

🚫 限制二:版權聲明

當我們在網路上引用別人的圖片或是文章時,必須註明出處,然而當我們支付給作者版權費用時,該圖片/文章就屬於我們所有,不需註明出處。

免費架站平台大多時候會在底下註明「由XX平台製作」,然而大多時候只需支付大約$4~$5美元每月的價格,即可解除所有限制(包含限制一的專屬網址等)。


品牌官網、個人博客的成功指南

如何成功經營一個官方網站,網路上很多人說免費網頁製作平台(如Webnode, Wix)無法做出一個靠譜的網站,必須要透過WordPress才能自定義、客製化。其實這個問題並非如此,這單看使用者想做出怎麼樣的網站而定。

網友可以這樣理解,如果您不是一個建築專業人才,自己購買土地、申請執照、自己蓋房子。多數情況下,品質與安全性並不如建商蓋的房子。如同網頁製作平台做出來的網頁,多數情況下會比自己從零建立網頁有更好的表現與設計感。

利用網頁製作平台成功案例

Cuts & Bruises 是英國一家紳士理髮店,該店長在2017年決定使用免費網頁製作平台來製作官網。在不到一年的時間內Cuts & Bruises 官網每月流量超過一萬人次,更是在英國地區「我附近的理髮店」排名至Google前10名,因為線上預約的便利性,成功為該店創造每月10萬英鎊的營業額。


網址的重要性

不論是個人博客、品牌官網,「網址」是最重要的一項關鍵。如果我們今天想逛Nike官網,多數人希望去的是Nike.com,而不是nike.wixsite.com 或是pixnet.nike.com 這類沒有品牌意識的網站。免費網頁製作平台多數會要求使用者支付一筆小額的費用,大約是每月$3~$5美金就可以使用自己的品牌網址。

內容搜尋引擎優化

一個網站能否被查找到,最重要的關鍵是有沒有進行搜尋引擎優化。很多人自己建立了一個網站,非常認真的寫了博客文章,卻怎麼樣也無法在Google被找到,這正是因為沒有根據搜尋引擎進行優化(SEO)的結果。


製作網站:一百萬的教訓

我將在此分享過去我曾經製作網站虧損超過百萬台幣的慘痛教訓,每張圖都截自本人過去網站的Google後台,資訊完全屬實。經過這次的教訓也了解到如何避免網站流量大跌、無法被搜尋到的困境,我將一併在下文分享。

有做過網站的朋友都知道,網站做好之後Google是搜尋不到的,而網站設計公司主要負責設計網站,並不負責讓您的網站被Google找到,或是排名至第一名。為了做好網站排名,我們除了請網頁設計公司之外,需要再額外娉請「網頁排名優化公司」優化排名。由於當時我在美國,這類的服務基本上每個網頁的費用在1千美元一個月左右,當時我網站的頁面總共10多個,每月開銷高達一萬美元。以下是我當時製作網頁的開銷:

  • 網站架設:5萬台幣
  • 服務器費用&後台:每年2萬台幣
  • 網站排名優化:每月30萬台幣(一萬美元)

網站流量成長期

擷取自本人在美國網站的Google Search Console

當時我跟廠商談妥了廣告費用,為「每位訪問客人$1美元」。眼看2020/10/1~2020/12/1 已經成功讓55.6萬網友搜索到,並且有25,900位客人進入我們的網站,意味著平均每個月可以獲利$13,000美元左右,而我自己網站製作的成本大約已經達到每月$12,000美元。

百萬台幣的教訓

Google更新算法後流量下跌70%

眼看繼續成長就要回收成本,並且按照趨勢有機會再2021年達到每月三萬人次訪問量(亦即有機會達到每月三萬美元的獲利),然而Google 在2020年12月3日進行年度算法更新

網站的流量掉到每天僅有265人次,意味著每個月大約是$8,000美元的獲利,看似很多然而完全無法負擔每月高達$12,000美元的網站與排名優化成本。

經過五個月的優化,流量再也沒有回來

我與合夥人不斷找網頁設計公司與優化團隊開會討論依然無解,我們甚至換了優化團隊。在更新後的五個月時間內,我們除了原本每月的$12,000美元而外又找了許多網站優化顧問,總共開銷超過$80,000美元,卻只吸引到了42,400位客人進來(意味著$42,400美元),虧損超過百萬台幣實在受不了只好收掉網站


如何避免我的慘痛經驗

我們花了許多時間找尋問題的答案,而答案正是因為網站設計公司提供的網站架構型式老舊,這是後台程式碼的問題,如果是一般不是資訊背景出生,幾乎無法察覺。

簡單來說,如果使用Webnode, Wix 這類有提供搜尋引擎優化套件的製作網站平台,使用者無需進行任何設定,您的網站就可以在Google被搜尋到。

因此對於新手小白,我並不建議自己租用服務器、架設網站、研究怎麼排名,這是非常耗費時間且成本巨大。如果有任何一個環節出錯,最終做出來的效果會遠不及每個月僅僅花費不到$5美元使用Webnode製作的網頁來的有效益。

Dr. Website
Logo