Webnode評價與圖文教學
完整指南看這一篇就夠
內容最後更新時間:2023-02-16
前言
提到架設網站,市面上有許多架站平台,有些可以架設電商、有些可以架設形象網站,另外也有不同的部落格平台,像是之前介紹過的痞客邦、Medium、方格子。
這篇文章,想要來為你介紹一個能夠製作成電商網站,也能夠變成部落格的架站平台 – Webnode。
除了會做完整的功能介紹與教學外,也會進行 Webnode評價,告訴你使用它的優缺點,並與現在市面上常見的幾個架站平台 (如:Wix、Weebly) 進行比較。
Webnode是什麼?

Webnode 隸屬於捷克的一家公司,於 2008 年成立,是一個架站平台,可以讓人架設不管是部落格、形象網站、作品集網站,甚至是電商網站都支援。
平台的最大特色在於「簡單」,號稱業界最簡易操作的架站平台,只要按幾個按鈕就能架設起屬於自己的網站;且介面完全視覺化,在頁面編輯上,能夠直覺化進行設計。
最一開始僅開放中歐幾個國家使用,所以只有捷克語與斯洛伐克語的版本,而後開始向海外拓展,目前已經開放 80 多個國家的用戶使用,總會員人數超過 4500 萬人。
平台提供 26 種語言版本,其中包含台灣繁體中文,有別於許多平台在中文化的程度上可能比較不完善,Webnode 在中文化這部份其實做的還蠻不錯的。
Webnode教學(後台完整操作)
如何建立一個 Webnode 網站?
step 1
首先,進到 Wenode,點擊畫面中間「免費開始使用」。

step 2
頁面上會跳出一個框框,需要輸入:
- 網站名稱 (如果不知道網站名稱怎麼取,可以參考網站命名教學)
- 電子信箱
- 帳戶密碼
輸入完後就按「註冊並創造」。(記得信箱要去驗證)

step 3
接著,畫面會跳出選項,可以選擇你想要建立的網站屬性。
接下來我們先用網站來做示範,點選「網站」。

step 4
接下來要選擇網站的模板,有很多種類,像是:企業、網路商店、個人、部落格、作品集等等。
每個套版都可以「預覽」,點擊即可查看是不是自己喜歡的版型;找到自己喜歡的套版後,點擊「選擇」,就能進到下個步驟。

step 5
在確定網站外觀後,會需要幾秒鐘給它設定你的網站,等待一段時間後,你的網站就架設好了。
此時畫面中間會有一個框框,可以點擊下方的「編輯我的網站」,開始進行網站設定。

如何做 Webnode 網站基本設定?
畫面最上方「設定」的選項點進去,可以看到有非常多東西可以進行設定。
我這邊就說明幾個我覺得比較需要設定的部分:
- 網站設定:裡面有很多選項,你可以設定網站名稱,也可以連結 Google Analytics 與 Google Adsense,但最重要的是你要記得把第二項的「搜尋引擎索引」選起來,不然你的網站不會在搜尋引擎中出現。
- 網域名稱:如果是預設的,會是帶有 webnode 的子網域名稱,如果你想要讓網址可以是自己喜歡的,可以去 Namecheap 等網域平台購買,然後在這個選項中做一鍵套用 (就是輸入你購買的網域名稱,系統會自動幫你做套用)。
- 網站編輯者:如果你網站有小編,那可以在這邊利用郵件邀請新的編輯或管理者。
除了以上講到的其他設定,我覺得都比較不是必須的,如果真的要用到的時候再去研究就好 (或是有些功能是需要付費升級的)。



如何編輯 Webnode 網站外觀?
Webnode 強調「視覺化」編輯,也就是套版上所有的區塊、顏色、文字與圖片,都可以自由修改。
像是我們能夠去編輯頁首標題,中間區塊的樣式與擺放位置,甚至於頁尾的字樣的是可以調整的,自由度非常高。
而且很棒的是,你畫面上編輯完看到的模樣,就會是真正網站的樣子,而不是預覽畫面。


除了前面說到,目前的版塊都可以做更改外,也可以自己新增新的區塊。
到版塊的交界處,有 + 號,點下去後就可以新增不同屬性的區塊。

這個部份,因每個版型可以編輯的區塊與文字都不同,所以就不一一說明,大家可以花一些時間自己摸一下,不會太難,很簡單就能上手。
如何編輯 Webnode 網頁選單?
如果你想要編輯「網站選單」,可以到最上方,會有個「網頁」的選項。

點進去可以看到預設的頁面,能自行進行新增或刪減,每個頁面也都可以單獨進行編輯與設定。(關於 SEO 的部份,後面會詳細說明)

如何在 Webnode 上發佈內容?
step 1
在網頁最上方,點選「部落格貼文」,要進入文章編輯後台。

step 2
進到裡面後,如果有舊的示範文章,可以先全部刪掉,並點選右上角的「新增部落格貼文」。

step 2
會需要先輸入文章標題,輸入完就點選「建立」。

step 3
接下來就跟編輯網站外觀差不多,你可以直接輸入文章內容。
文章內容全部完成後,點擊右上角的「發佈」,文章就上線了。
而每篇文章的 SEO 設定,後面一段會詳細說明。

Webnode SEO 怎麼做?
經營網站,一般都是想要讓更多人看到,如果想要讓更多人看到,那麼網站的 SEO 就要做的好,所以接下來我想要來跟你分享如何做 Wenode SEO。
進到「網頁」或是「部落格貼文」的設定中,應該能夠看到有個「SEO 網頁設定」的地方,這邊就是我們可以做 SEO 設定的地方。

在此選項的欄位上,我們可以看到:
- 網頁標題:在搜尋結果上希望這個頁面出現的標題名稱,建議可以置入該文章鎖定的關鍵字。
- 網址 (URL):該篇文章的永久網址,設定中英文都行。
- 網站 (Meta) 描述:在搜尋結果的標題下方會出現的描述文字,可以簡短說明該文章主要在講什麼內容。
- 網站 (Meta) 關鍵字:該篇文章的關鍵字 (設定完後會在語法中顯示),不過我覺得這欄可填可不填,因為對於 SEO 基本上沒影響 (排名上還是會以文章內容相關性為主)。
以上為 Webnode SEO 設定方式,都是一些很基本的設定,不過以免費版本來說,算是很佛心了。
Webnode費用(方案統整)
Webnode 費用有 4 種 (含免費版 5 種),每個方案的功能都不太一樣,以下幫你表格整理:
專業版 | 標準版 | 迷你版 | 基本 | |
---|---|---|---|---|
方案價格 | US$22.9/月 | US$12.9/月 | US$7.5/月 | US$3.9/月 |
免費網域 | 一年 | 一年 | 一年 | 自行購買 |
儲存空間 | 7 GB | 3 GB | 1 GB | 200 MB |
表格建立 | 無限個 | 無限個 | 無限個 | 最多 5 個 |
數據統計 | 無限期 | 無限期 | 無限期 | 過去 30 天 |
電郵帳戶 | 100 個 | 20 個 | 1 個 | 無 |
背景影片 | 有 | 有 | 無 | 無 |
網路商城 | 有 | 有 | 無 | 無 |
移除商標 | 可 | 可 | 否 | 否 |
GA 分析 | 可 | 可 | 否 | 否 |
谷歌廣告 | 可 | 可 | 否 | 否 |
會員註冊 | 無限個 | 100 個 | 無 | 無 |
備份還原 | 無限量 | 備 5 份 | 無 | 無 |
適合業務 | 電子商務 | 電子商務 | 作品集/形象站 | 部落格 |
雖然 Webnode 可以免費製作網站,但如果你只是要經營一個作品集或部落格,而非電商的話,買迷你版會是效益比較高的 (免費版會有空間的限制)。
Webnode評價(優缺點分析)
#1 優點
- 可架設網站類型多:一般架站平台都只會有一兩種可架設的網站種類 (通常都是電商),不過 Webnode 支援的網站屬性蠻多的,除了可以架電商,還可以架形象網站、作品集網站,一般部落格也行,非常多元。
- 直覺化的後台編輯:採用視覺化的區塊編輯方式,可以直接在頁面上進行編輯,且看見的畫面就是最終畫面,對於一些不太懂程式,甚至於沒有設計美感的人,Webnode 會是一個很好的架站工具。
- 多國語言系統完善:目前 Webnode 支援非常多種語言,除了常見的英文、德文、法文、中文、日文,還有一些像是斯洛伐克語、挪威語等等,總共有超過 20 多種語言可以使用。
- 頁面可做SEO設定:這是免費架站平台比較少見的功能,一般平台不會有那麼彈性的空間可以讓使用者自行去設定,但 Webnode 是可以讓站主自行設定每個頁面的 SEO 資料。
- 頁面為響應式設計:利用 Webnode 製作出來的頁面,是會自動符合各種裝置的大小,像是平板、手機,在這個行動裝置用戶漸增的時代,會非常方便 (不用另外設計行動版的頁面)。
#2 缺點
- 自行擴充功能限制:如果你嫌網站功能不夠,可以使用頁面的 HTML 編輯區塊,將寫好的代碼填入。不過沒辦法保證每個擴充功能都能夠相容,且也沒有像是 WordPress 一樣能夠直接安裝擴充外掛。
- 外觀編輯功能限制:Webnode 本身不支援 CSS,所以如果你覺得它的預設樣式不好看,那也沒辦法修改,這部份對於很多網頁設計師來說,會是件很麻煩的事情。
- 即時客服需要付費:雖然有提供客服,但目前只有設計常見問題頁面 (且暫無中文),以及利用郵件的方式詢問。若想即時詢問,需要成為付費用戶,才能使用電話進行聯絡。
- 電商功能相對簡單:Webnode 雖然能夠架設電商網站,但功能相對而言比較陽春,比較適合用在一般的一頁式銷售。如果是想要比較多功能的業主,可能需要使用專門性的電商架站平台,或是請工程師客製化。
Webnode好用嗎?實際心得分享
前一段分享完 Webnode評價,這段來分享一下自己實際使用過後的心得。目前平台上的網站類型,像是電商、形象網站、作品集網站、部落格等等,我都有研究過。
先說結論:推薦用 Webnode 來架設一般網站,但不推薦拿它來架設電商。
不適合做電商的原因,是因為功能過於陽春,許多基本功能,像是:數據追蹤、設折扣碼、商品評價等,都需要付費升級到最高等級才能使用;而像是一些比較進階的功能,如:會員分級、社群整合、直播系統等,是完全沒有的。
在這樣的需求下,其實有更多的電商架站平台,甚至於一頁式架站服務,都能夠滿足。
至於其他像是一般部落格等沒有電商功能的網站,就真的蠻方便的,因為套版都幫你設計好了,基本上套用後稍微改變一下文案,網站就能上線了。
以免費版來說,我覺得 Webnode 給予的功能算是多了,像是 SEO 的部份,就非常少有架站平台提供能讓使用者自行設定 (通常都需要另外付費買),站在一個經營者的角度,會蠻推薦的。
另外,我會建議,如果你想要拿它來當作作品集或形象網站,因為媒體素材通常會比較多,可以考慮看看買迷你版方案,儲存空間與頻寬都比較大,對你、對使用者來說都比較好。
Webnode範例網站分享
看到這邊,你應該會很好奇,如果 Webnode 真的那麼好用,那麼現在市場上有哪些網站是用 Webnode 架設,且經營的不錯的?
我跟你一樣對這問題很好奇,所以就花了一些時間去研究,發現還真的蠻多網站是用 Webnode 來製作的,而且各式各樣的業務都有。
以下我從多個 Webnode範例網站中,挑出了幾個來與你分享。
部落格範例:EmailToolTester
EmailToolTester 是一個德國的網站,主要的業務是推廣電郵行銷,他們會進行各個電郵平台的分析、分享不同的電郵行銷技巧,其中也包含客戶關係管理等內容。
而整個網站的收益模式,就他們官網的公開資訊,是以「聯盟行銷」為主,也就是分析各個電郵平台,並進行導購,而獲得分潤。(他們有多個這類型的網站)
總體來說,這個網站可以算是一個【Webnode 部落格範例】,感興趣的可以去看看。
形象站範例:Necesito Reformar
Necesito Reformar 是一個西班牙網站,主要的業務是進行建築物重建或翻新,不管是住家、辦公室都沒問題,也可以根據客戶的預算去制定不同的設計方案。
每個不同的業務,都能夠在網站上看到實際的改造案例。且網站上的照片非常多,每個照片都是他們實際的服務案例,加上文字的內容,我自己是感覺非常有專業度。
整體來說,此網站算是【Webnode 形象網站範例】,好奇的人可以好好逛一下這個網站。
作品集範例:David Hockney
David Hockney 是一位藝術家,他創作類型非常多元,從傳統的圖紙繪畫,到石版畫、舞台設計到 iphone 的桌布,都能看見他的作品。
在這個網站上,你可以看見他不同類型的個人作品,以及個人的媒體報導連結。另外,他個人畫廊的地址,以及近期展覽的時間,都會公布在網站上。
總而言之,這網站算是一個【Webnode 作品集網站範例】,若你也想打造作品集網站,可以看看。
Webnode、Wix、Weebly比較
提到架站平台,除了 Webnode,你也許會想到比較知名的像是 Wix、Weebly,而它們之間又有什麼不同?接下來會用表格的方式做快速的比較,幫你找出合適的平台。
Webnode | Wix | Weebly | |
---|---|---|---|
語言支援 | 約 30 種 | 約 20 種 | 約 20 種 |
編輯方式 | 區塊編輯 | 自由拖放 | 自由拖放 |
SEO功能 | 基本設定 | 進階設定 | 基本設定 |
廣告置入 | 沒有廣告 | 免費版有 | 免費版有 |
網站搬家 | 較難搬家 | 無法搬家 | 自由搬家 |
電商支援 | 基本功能 | 多元功能 | 多元功能 |
如果你還是看不太懂,簡單來說:
- Webnode 適合拿來做【部落格】或【作品集】。
- Wix 適合企業拿來架設【形象網站】。
- Weebly 適合拿來做短期行銷的【簡易電商網站】。
可以根據自行根據需求,去選擇需要的架站平台。
當然,如果想一次定位,我會建議直接自架站,可以參考看看我寫的 WordPress 架站教學。
Webnode常見問題
Webnode適合拿來寫部落格嗎?
Webnode 很適合拿來寫部落格,不過會建議升級到「迷你版」方案,會有比較多的儲存空間可以拿來放置你的內容。
Webnode有不滿意退款保證嗎?
有,如果試用後不滿意,可以在 15 天內要求退款,會 100% 退費。
Webnode有辦法串聯網站與社群嗎?
有,不過僅能在後台編輯時,添加「社交媒體」的按鍵,沒辦法完全地進行兩者整合 (像是同步發內容等)。
如果還有其他問題怎麼辦?
可以先閱讀 Webnode 常見問題 (英文頁面),如果還是有問題的話,可以填寫客服表單。
結論:推薦Webnode嗎?
前面分享了那麼多 Webnode評價與介紹資訊,如果你問我究竟推不推薦 Webnode?撇除 WordPress 這個選項,我是會蠻推薦的,尤其是部落格創作者。
我遇過許多文字創作者,他們很會寫作,但對於「美感」或「設計」一竅不通,所以他們的網站也許很有內容,但多數讀者看到外觀就不會想繼續看下去,很吃虧。
所以我覺得 Webnode 很適合這種類型的創作者,只需要在最剛開始選擇一個套版,再用視覺化的方式去簡單做修改,剩下的就是提供內容了,整體而言相對省去很多事。
Webnode 本身可以免費試用,即便付費後,也有 15 天不滿意退費保證,蠻值得一試的。
部落格經營相關文章
【手機版 表格資訊在下方】
- 【部落格經營指南】超過百篇的部落格實戰內容
- 如何經營部落格?人氣Blogger經營心法與資源分享
- 如何幫網站命名?為部落格取名字的9種技巧建議
- WordPress網站架設教學,最簡單的圖文步驟分解
- 如何免費提升網站流量?6種最有效的方式(附證明圖)
- 網站該寫些什麼內容?分享我尋找靈感來源的方式
- 如何有效率寫文章?分享我的每日更文小技巧
- 遇到網路酸民怎麼辦?深度剖析他們脆弱的內心
- 部落格文章被抄襲怎麼辦?教你防範與對付抄襲者
- 被請求文章授權怎麼辦?轉載分享該注意的4個重點
- 如何進行商標申請註冊?流程、費用、管道完整解析
- 4種常見部落格運營模式,分析曝光與獲利管道(含實例)
- 如何關閉網站(部落格)?停止經營前你該做的5件事
- Dean 的內容創作工具箱
- 架設網站必備虛擬主機!7大服務商優缺點評價
- 12個網站logo製作工具推薦!自己也能設計專業級商標
- 精選15個免費圖庫推薦,可商用無版權的素材懶人包
- 12款線上圖片壓縮工具,快速縮小你的部落格照片
- 20款圖片去背工具分享,線上網站與編輯APP超快速後製
- 配色網站推薦與操作教學,色盤工具幫你訂定品牌主視覺
- 螢幕截圖工具推薦與技巧教學,幫助你寫部落格文章更方便
- 如何為手機截圖加上外框?3套工具美化部落格編排
- 9大縮網址推薦,這些平台可還原網址?還能夠賺錢?
- Canva中文教學,自媒體線上製圖必備的設計軟體
- Google快訊設定技巧,7種應用方式與4種常見語法
- 文章相似度線上檢查工具,PlagiaShield自動幫你分析比較



一位內向的男孩,喜歡思考多於說話。
多年經營部落格,想讓文字成為你我溝通的橋樑。
這邊,是我成長的溫床,也是你最溫暖的歸屬。
商業合作:[email protected]
預約服務:deanlife.blog/service
深入認識:deanlife.blog/about