【2026】Weebly 教學：4 步驟快速架站 + 優缺點分析

最後更新時間：2026-01-03，由 Dean 更新

Weebly 是一個網站架設平台，於 2006 年成立於美國，因為很早就開放免費使用，直觀好上手，並且提供繁體中文介面，所以有不少中文用戶。

對新手而言，平台本身算是容易上手，但一些像是建立表單、串接網域、數據工具、SEO 設定等功能，就會比較複雜。在這篇 Weebly 教學中，我會帶著你一步步架起網站，並分享我對 Weebly 優缺點的評價。

Weebly 教學：4 步驟架設一個網站

要建立一個 Weebly 網站，會有四大部分：

1. 註冊帳戶 + 建立網站
2. 添加元件 + 樣式設定
3. 新增頁面 + 選單設定
4. 撰寫文章

以下詳細分享操作步驟。

第一部分：註冊 & 架站

step 1

進入 Weebly 官網，點「開始吧」。

step 2

先填寫資料，註冊一個帳戶。

step 3

我這次要架設的是作品集網站 (Weebly 比較適合當作品集網站)，所以選「我只需要普通的網站」。

step 4

先選一個適合的主題模板，之後想改還可以再改。

選好模板之後，接下來新增元件和修改樣式。

第二部分：添加元件 & 樣式設定

在 Weebly 編輯器中，「元件」是組成網頁的最小單位，如文字、標題、圖片、幻燈片、地圖、分隔線等，需要什麼元件就直接從左側拖曳到右邊的畫面上。

這一部分我會示範如何加入並編輯「幻燈片」和「回覆選單」等 2 個元件。

step 1

進入編輯器介面，我想把自己的精選作品放在首頁，於是選擇「幻燈片」元件，拖曳到右邊。

step 2

在剛拖曳過來的「幻燈片」元件上點一下，會跳出選擇排版的視窗，我選下面有縮圖的。

step 3

接著，一一上傳要放在幻燈片裡的圖片。

step 4

上傳好圖片後，在圖片上點一下，會出現編輯視窗。

點開每張圖片：

1. 按「對話」標示。
2. 填入圖片標題後「儲存」。

如果要附上連結，就在每張圖片點一下，叫出編輯視窗：

1. 點「連結」圖示。
2. 在跳出的選單上點「網址」
3. 改好後，按「儲存」。

整體效果如下圖，我上傳了 10 張圖片，大約可上傳 14~15 張圖片。

step 5

我發現圖片標題的字太小了，但幻燈片沒有相關選項，要到「主題」才能修改：

1. 到上方選擇「主題」。
2. 左側會跳出選單，選「變更字型」。

左側選「幻燈片標題」。

等跳出選單，將文字數值調大，可看到文字清楚很多。

step 6

最後，在首頁下方和聯絡我頁面加入表單，確保想合作的客戶可以聯絡到我。

1. 左側選擇「回覆表單」元件。
2. 用滑鼠拖曳到右邊的頁面上。

step 7

點一下表單，再按「表單選項」。

等跳出視窗，一定要填寫收信用的信箱，其他則看需求填寫或修改。

接著，調整表單欄位：

1. 點開每個欄位，修改說明文字。
2. 按「儲存」鍵，就完成了。

第三部分：新增頁面 & 選單設定

編輯完元件之後，要來介紹如何新增頁面，並設定成下拉選單。

step 1

我的目標讀者是台灣用戶，所以先一一把選單名稱改成中文：

1. 最上面選擇「頁面」。
2. 按頁面鈕右邊的小圖示。
3. 等跳出視窗，在「頁面名稱」欄位一一輸入名稱。

step 2

名稱都改好後，接著設定下拉選單，先回上層選單加入新頁面：

1. 選單右上角按「+」。
2. 跑出選單後，選擇「標準頁面」。

跳轉選單後，輸入頁面名稱，按「完成」，這樣就成功新增一個頁面了。

step 3

按上一步驟的方法加入 2 個頁面，再新增一個「非點按式選單」。

接著，把 2 個剛新增的頁面用滑鼠拖曳到選單下方。

效果如下圖，滑鼠移到「更多作品」上就會滑出選單。

第四部份：撰寫文章

在這一部分，我會介紹如何編輯文章。

step 1

參考上個部份的步驟 2，新增一個部落格頁面。

把頁面名稱改成「文章」，就完成了。

step 2

1. 左邊點一下剛新增的「文章」頁面。
2. 跳轉畫面後，右下角按「新貼文」。

step 3

進入文章編輯介面後，先新增文章的類別，以後方便管理：

1. 左下點「貼文選項」。
2. 等跳出選單，按「新增類別」上的「+」。
3. 在欄位中填好類別名稱，按 Enter 就完成了。

step 4

接下來，開始編輯文章：

1. 輸入文章標題。
2. 從左邊挑選適合的元件插入，我選擇「文字」。

要注意的是，如果是「文字」元件，最多只能設定 H2 的標題標籤，如果你想要設定 H3~H6，就需要插入「嵌入程式碼」元件，並直接輸入 HTML 代碼。

例如：

<h3>這是一個 H3 標題</h3>
<h4>這是一個 H4 標題</h4>
<h5>這是一個 H5 標題</h5>
<h6>這是一個 H6 標題</h6>

step 5

寫好文章之後，按右上角的「貼文」按鈕，就會發佈網站的第一篇文章了。

如何在 Weebly 串接自己的網域？(付費設定)

在串接網域之前，要先購買一個網域名稱，並購買付費方案。

以下，我會示範如何串接 Namecheap 網域。

step 1

1. 上方選單點「設定」。
2. 左側選單點「一般」。
3. 在「網站位址」下點「這裡」。

step 2

等跳出視窗，點「立即連結或轉移」。

step 3

1. 填寫網域名稱。
2. 點「連結您的網域」。

step 4

選擇「自行變更 DNS」。

step 5

總共要複製 3 條 DNS 紀錄。

step 6

新開一個分頁登入 Namecheap，在要設定的網域旁按「MANAGE」。

step 7

1. 上方點「Advanced DNS」。
2. 點「+ ADD NEW Records」。
3. 從 Weebly 複製 3 條 DNS 紀錄，一條一條貼上：
   • Types：A Record；Host：@；Value：Weebly 給的 IP 位址。
   • Types：CNAME Record；Host：www；Value：你的網域名稱。
   • Type：TXT Record；Host：@；Value：Weebly 給的值。
   • TTL 都選 1 min，最後按 √ 儲存。

回到步驟 5，視窗右上角按「完成」，就完成設定了，最久約 1 天的時間可連接上。

DNS 是什麼？如何設定指向主機？2 種最常見的方式（附圖教學）

Weebly SEO 怎麼做？有哪些設定？

Weebly 有基本的 SEO 設定，包括：

• 網站標題、描述和中繼關鍵字，說明你的網站是什麼主題，會有哪些內容。
• 頁面標題、永久連結和描述，說明你撰寫的頁面是什麼主題、有哪些內容。
• 站內的 301 重定向 (Redirection)，把瀏覽者從錯誤的網址引導到正確的網址。

接下來，我會一一介紹該如何設定。

全站 SEO 設定

先設定全站的 SEO：

1. 上方點「設定」。
2. 左側選「SEO」。
3. 網站說明：簡單敘述網站提供什麼內容，當有人搜尋你的網站時，在 SERP (搜尋結果頁面) 就會顯示在網站標題連結的下方。
4. 中繼關鍵字：填寫跟網站主題相關的關鍵字，例如：作品集網站和「剪輯」有關，就可以填「剪輯」。
5. 以上都填好後，按右下「儲存」。

單一頁面 SEO 設定

接下來，設定每個頁面的 SEO，以下示範：

1. 上方選單列點「頁面」。
2. 左側選擇你要設定 SEO 的頁面。
3. 點進下一層選單，選「先進的」。
4. 在「先進的」選單，填寫網頁標題、頁面說明和中繼關鍵字。

301 重定向 (301 轉址)

301 重定向 (Redirection)，通常被稱為「301 轉址」， 主要用在下列情形：

• 刪除頁面，設定連到其他頁面或首頁。
• 出現 404 錯誤頁面，需連結到正確頁面。
• 合併兩個頁面，設定連結到其中一個頁面或新的頁面。

參考「設定全站 & 頁面 SEO」的步驟，先進入 SEO 設定，把右側頁面拉到最下面：

1. 找到「301 重新指向」，按「新增重新指向」。
2. 等跳出欄位，填寫：
   • 舊的網頁名稱 (頁面固定連結) + 附檔名 (html)，例如：「about.html」。
   • 選擇連到哪個頁面，只能連到站內的頁面。
   • 填寫完按「儲存」即可。

如何在 Weebly 串接 Google 數據工具？

只要購買付費方案並串接網域，Weebly 可串接 Google Search Console、Google Analytics、Google Adsense。

串接 Google Search Console

Google Search Console 的作用是向搜尋引擎告知有個新網站、網站有多少個頁面及網站結構，並且監控 404 錯誤頁面、用戶搜尋的關鍵字等等，非常實用。

step 1

登入 Google Search Console，點開左邊選單，按「新增資源」。

step 2

在右邊欄位中填入你的網域網址 (要包含 https://www)，按「繼續」。

step 3

複製代碼，等等貼到 Weebly。

step 4

回到 Weebly：

1. 上方按「設定」。
2. 左側點「SEO」。
3. 右邊頁面找到「標頭代碼」，貼上剛複製的代碼。
4. 按「儲存」。

step 5

先等幾分鐘，再步驟 3 的畫面按「驗證」，等跳出以下視窗，按「前往資源」。

step 6

只要你有在 Weebly 串接網域和發佈網站，就會自動產生網站地圖 (sitemap.xml)。

所以，我們可以直接到 Google Search Console 提交網站地圖：

1. 左側按「Sitemap」。
2. 在主要網域後的欄位填入「sitemap.xml」。
3. 點選「提交」，就完成了。

串接 Google Analytics

使用 Google Analytics (GA) 可了解流量來源、瀏覽者的年齡和性別、停留時間等資訊，觀測哪些網頁受歡迎，流量又是從哪些頁面進來的，進一步分析客戶的資訊和實際需求。

step 1

進入 Google Analytics 首頁，點「開始評估」。

step 2

建立 Google Analytics 帳戶：

1. 帳戶詳情：在欄位填入網域名稱、公司名稱或專案名稱，方便自己管理即可。
2. 帳戶資料共用設定：全部勾選。
3. 按「繼續」。

step 3

1. 屬性名稱：填入網域名稱即可。
2. 按「下一步」。

step 4

按實際情況填完後，按「下一步」。

step 5

勾選前 4 項，按「建立」。

step 6

「服務條款合約」和「共用資料附加條款」2 項都勾選同意後，再按「我接受」到下一步。

step 7

選「網站」，到下一步。

step 8

1. 網站網址：輸入 www. 開頭的網址 (與 Weebly 的設定一致)。
2. 串流名稱：填入網站標題即可。
3. 點「建立並繼續」。

step 9

複製 Google Analytics 代碼。

step 10

接著，回到 Weebly：

1. 上方按「設定」。
2. 左側選「SEO」。
3. 頁尾代碼：貼上剛剛複製的代碼。
4. 按「儲存」。
5. 按「發佈」，更新網站。

step 11

回步驟 9，按「測試安裝狀態」，右上再按「確認」，就完成全部的設定了。

連上網站後，最久 48 小時才會開始蒐集網站資料。

串接 Google Adsense

Google Adsense 就是讓你在網站上放廣告，並獲得一點點的抽成，先跟著 Google Adsense 教學步驟申請 Adsense 帳戶，並取得 ads.txt 程式碼片段。

到 Weebly 後台的一般設定：

1. 將 ads.txt 程式碼片段貼到「授權給 Adsense」的欄位。
2. 按「儲存」。
3. 再按「發佈」，更新網站。

Google Adsense受限如何排解？廣告出不來的原因&處理方式

Weebly 應用程式：推薦哪些免費外掛？

Weebly 有類似痞客邦應用市集的第三方應用程式中心，可以下載別人編寫或官方製作的外掛程式。

step 1

網站編輯器的左側選單拉到底，按「+」進入。

step 2

等跳轉後，頁面往下拉，就會看到所有的應用程式了。

以下介紹 3 種適用於一般網站的免費應用程式：

• Google Ads by Kliken：免費追蹤點擊率、流量及監控廣告成本。
• Mobile Converter：可設一個固定的按鈕，隨著手機滑動而不會跑掉，作品集網站可放置「立即諮詢、聯絡我」等按鈕。
• Quick Facebook Chat：使用 Facebook Messenger 線上聊天，可調整顏色和位置。

Weebly 費用怎麼算？方案有哪些功能？

方案	年訂閱價格 (USD)	功能	適用網站
免費	0 元	．可插入 HTML/CSS 程式碼。 ．可加入站內搜尋功能。 ．基本電商功能。 ．不限制上架商品數量。	履歷表、作品集網站
個人	10 元 / 月	．包含前一方案所有功能。 ．500M 儲存容量。 ．可串接自訂網址。	作品集網站、個人內容網站、小型電商
專業	12 元 / 月	．包含前一方案所有功能。 ．無限制的儲存空間。 ．附贈一年免費網域。 ．移除官方廣告。 ．可使用自訂字型。 ．提供網站流量分析。 ．可有 100 個團隊成員。 ．提供會員註冊功能。	個人網站、形象官網、中型電商
績效	26 元 / 月	．包含前一方案所有功能。 ．不限制團隊成員數量。 ．增加產品評價。 ．若消費者放棄購物車，會自動寄提醒信。 ．商品排程。 ．銷售數據報告。	大型電商
進階	72 元 / 月	．包含前一方案所有功能。 ．顯示即時銷售訂單。	高流量的大型電商

Weebly 優缺點有哪些？適合誰用？

Weebly 優點

• 介面圖像化：圖像化的編輯介面，功能簡易但很好理解，能很快上手。
• 行銷功能多：免費版就能利用表單蒐集名單，並進行 SEO 設定。
• 支援多語系：提供多國語言，方便建立不同語言的網站，做跨國生意。
• 資源較豐富：早期的架站平台之一，網路上有很多資源可查閱。

Weebly 缺點

• 頁面受限：雖然可自由拖拉，但部分功能仍無法完全自訂，還是有受限。
• 翻譯不全：介面雖已中文化，但有時會跳英文，且蠻多說明還是英文網頁。
• 文章編寫：部落格的功能較陽春，文章列表無法調整排版，內文也無法加入 H2 以下的副標 (除非自己寫語法)，如果想寫部落格建議使用其他部落格平台。
• 電商陽春：雖有電商功能，但相較於其他架站平台，功能比較簡單陽春。
• 收款不便：只能使用 Stripe、Square 或 Paypal 收款，對台灣用戶較不便。
• 匯出不易：無法一鍵匯出整個網站，搬家難度較高、成本也高。

Weebly 適合對象

• 不具技術背景、預算有限，但想架設作品集網站的自由接案者。
• 想架設形象官網的初創商家或個人品牌。
• 想架設短期活動網站的中小企業。

Weebly、Wix、WordPress 等架站平台比較

Weebly 架站的常見問題