登陸頁設計
登陸頁設計的核心，是讓一個頁面只負責一件事：標題呼應廣告的承諾，證明資料緊鄰唯一的按鈕，表單簡短，在手機上也能快速載入。以下依序說明組成部分、8 條規則、3 個範例，以及免費建立登陸頁的方法。
本指南於 2026 年 10 月 13 日審閱 · Mobirise 團隊
登陸頁的組成
登陸頁是訪客從某一則特定的廣告、電子郵件、貼文或 QR Code 進入的頁面，存在的目的是促成他們採取一個行動。它通常由同樣六個部分，依下列順序組成。
呼應承諾的標題
沿用帶訪客前來的廣告或訊息中的用語。廣告若提供免費屋頂維修報價，標題就直接這樣寫，而不是公司的口號。
一行說明適合誰
用一兩句話的副標題說明：這項優惠適合誰、對方會得到什麼、多快能拿到。名詞和數字比形容詞更有力；「明天前給您固定價格」比「快速、親切的服務」更能傳達資訊。
真實事物的圖片
產品、空間、團隊或成果。擺拍的圖庫照片只會增加頁面負擔，不會增加資訊。請檢查圖片在窄螢幕上如何裁切。
唯一的行動呼籲
只放一個按鈕，文字包含動詞和成果，並使用頁面上唯一的強調色。頁面下方可以再重複一次，給讀到最後的人，但不要加入第二個互相競爭的目標。
決策旁的證明
附上姓名的評語、含評價數量的評分、您有權使用的客戶標誌、證書。把它們放在按鈕旁邊，也就是疑慮出現的地方，而不是堆在頁面底部。
先解答疑問，再放表單
說明運作方式、費用，以及點擊之後會發生什麼。然後才是表單：只放下一步需要的欄位，再加一句話說明訪客會得到什麼、何時得到。
經得起檢驗的登陸頁設計規則
每一條都能在完成的頁面上花一兩分鐘檢查。凡是帶有數字的規則，數字都來自有名稱可查的公開標準。
移除出口
拿掉主選單、部落格連結和社群圖示。每多一個連結，就多一條在行動之前離開的路。頁尾只要有標誌、聯絡資訊和法律相關連結就夠了。
與流量來源一致
沿用廣告的用語、優惠和視覺風格。Google Ads 把登陸頁體驗（即頁面對點擊者有多相關、多實用）列為 Quality Score 三大組成之一。
重點擠進一個畫面
在手機上，標題、副標題和按鈕應該在還沒捲動之前就全部看得到。如果圖片把按鈕擠到下面，就縮小圖片，而不是縮小文字。
在按鈕上寫出成果
「取得我的報價」、「預約參觀」、「寄給我價目表」。「提交」或「了解更多」這類標籤描述的是點擊這個動作，而不是訪客會得到什麼。
少問一點
首次接觸時，姓名加上電子郵件或電話號碼通常就夠了。每多一個欄位，都要有您能說明的理由；篩選性的問題可以留到通話時再問。
達到 Google 的速度門檻
在第 75 百分位的訪問中，最大元素於 2.5 秒內完成渲染、輸入在 200 毫秒內得到回應、版面位移不超過 0.1，Core Web Vitals 才會將頁面評為良好。
通過無障礙的基本要求
WCAG 2.2 的 AA 等級要求文字對比度至少 4.5:1（大字為 3:1），點擊目標至少 24 × 24 CSS 像素。每個表單欄位都要有看得見的標籤，不能只靠預留位置文字。
一次只測試一項改動
A/B 測試比較的是只有一處不同的兩個版本，而且每個版本都需要足夠的訪問數和轉換數，才能排除偶然。在小型廣告活動中，觀察幾個人實際使用頁面，往往學到更多。
三款 Mobirise 佈景主題的登陸頁設計範例
本指南標題下方的三張電腦版截圖，是 Mobirise 佈景主題示範頁的首屏：志工組織（HumanityM5）、保健食品品牌（EvolveM5）和醫療診所（SpecialtyM5）。它們是示範頁，不是廣告活動頁，所以下面說明各首屏做得好的地方，以及在花錢買流量之前該修改的部分。
志工組織
一切置中：一個大標題、一句談理念的話和一個深色按鈕，底下是淡化的伸出雙手的照片，文字依然清晰可讀。若用於招募活動，請把按鈕「About Organization」改為「報名成為志工」，並寫出下一場活動。
保健食品品牌
滿版的綠葉特寫，在任何人讀到字之前就先營造出氛圍。產品名稱以非常大的白色字體呈現，左下是簡短說明，右下是「About supplement」按鈕。用於廣告時，請把標題改成功效而不是品類，並在按鈕附近加上評分或證書。
醫療診所
左右分割的首屏：左邊是襯線字體的標題，以及三行談資深醫師、診斷檢查和以病患為中心的照護的文字，右邊是明亮診所內部的照片。真實的空間比插圖更能贏得信任。若用於預約活動，主按鈕應寫成「預約看診」，旁邊放上電話號碼。
三者都會修改的地方
每個示範頁都保留完整的選單（首頁、關於、活動或價格），一般網站本來就該如此。用於廣告活動時，您會刪掉選單，只留一個行動，並在下方加上證明資料和簡短的表單。由於每個頁面都是一疊區塊，這只是編輯，不必重新設計。
如何用 Mobirise 製作登陸頁
同一個編輯器既能製作登陸頁，也能製作完整網站，可在瀏覽器中使用，也可在下載的應用程式中使用。四個步驟就能讓頁面上線。
取得初稿
用您自己的語言，以一兩行文字告訴 AI 您提供什麼、服務誰，或改為提供手繪草圖或螢幕截圖。AI 網站生成器會傳回 4 種設計方案，每種都附有文案和圖片，通常不到一分鐘；Regenerate 可提供更多版本，且不會用掉一次生成機會。您也可以開啟佈景主題，手動加入區塊。
精簡成一個目標
拖放區塊排好順序，刪掉對行動沒有幫助的區塊，並且不要放選單。用 Clone Block 在頁面下方重複行動呼籲，再為每個標題選擇 H 標籤，讓頁面只有一個 H1。文字和圖片可直接在原處編輯；每個區塊的參數可設定間距、背景、欄數和顯示的元素。
加入表單與附加功能
Form Builder 負責建立潛在客戶表單，Popup Builder 負責加入彈出視窗，Chat Button 則可在 WhatsApp、Telegram、Messenger 和其他應用程式中開啟對話。這三項都包含在 KIT、BASE 和 GROW 這些付費方案中。
先用手機檢查，再發布
可在手機、平板和桌面寬度下預覽；圖片會自動轉成 WebP。可發布到使用 HTTPS 的 mobirisesite.com 位址，或發布到自訂網域（BASE 和 GROW 方案）。任何方案（包括 FREE）都能用桌面應用程式透過 FTP 或 FTPES 上傳、發布到 GitHub Pages，或寫入本機資料夾。
Mobirise 沒有內建 A/B 測試。若要比較兩個版本，請把各個版本發布到各自的位址，將一半的廣告導向其中一個，再到廣告帳戶或分析工具中比較結果。編輯也可以在離線桌面應用程式中不連線進行；發布和 AI 則需要網路連線。
哪款登陸頁建構器適合這項工作
專門的登陸頁平台以測試和廣告流量為核心。通用的網站建構器費用較低，也能讓單一頁面擴充成完整網站。以下是我們的建議，也包括不會選擇自家產品的情況：
- 付費流量上要跑大量版本
- Unbounce 或 Instapage。兩者都把 A/B 測試放在中階方案；Instapage 採伺服器端測試，並提供個人化功能。
- 預算較少的 A/B 測試
- Leadpages，A/B 測試從 Grow 方案開始提供。
- 花費極少就能做一個簡單頁面
- Carrd：有免費方案，付費方案按年計價。
- 免費、且檔案由您自己保管的頁面
- Mobirise：桌面應用程式不收費，可匯出 HTML，並發布到任何主機。
- 付費前先看 AI 設計
- 8B AI：設計不收費，上線則需要 Pro 方案。
- 會成長為完整網站的頁面
- Mobirise，或其他網站建構器，因為之後的頁面都放在同一個專案裡。
- Mobirise 的不足之處
- 沒有內建 A/B 測試；表單和彈出視窗屬於付費擴充功能；沒有獨立的手機版面；免費網站帶有 Mobirise 品牌標示。
六款登陸頁建構器比較
Mobirise 在 A/B 測試這一列落後；專門的平台則輸在檔案可自行保管和離線作業。請留意價格列的計費基準：按月或按年。
| Mobirise | Unbounce | Leadpages | 8B AI | Carrd | Instapage | |
|---|---|---|---|---|---|---|
| 適用對象 | 以響應式區塊製作登陸頁和完整網站，檔案由您自行保管 | 製作活動頁的行銷人員與代理商 | 發布登陸頁、網站和部落格的小型企業 | 免費試用完整的 AI 網站設計，之後再發布 | 簡單的單頁網站與個人檔案頁 | 大規模的廣告活動，並支援個人化 |
| A/B 測試 | 沒有，未內建 | 有，不限數量，從 Experiment 方案開始 | 有，從 Grow 方案開始 | 未列出 | 未列出 | 有，採伺服器端測試，從 Optimize 方案開始 |
| 表單 | Form Builder 擴充功能，包含在 KIT、BASE 和 GROW 中 | 所有方案都有潛在客戶開發表單；多步驟表單從 Build 方案開始 | 所有方案都有表單和 webhook | 聯絡表單和潛在客戶表單，免費版與 Pro 皆有 | 從 Pro Standard 開始提供；進階表單需 Pro Plus | 所有方案都有表單建構器；多步驟表單從 Optimize 方案開始 |
| AI 輔助 | 每次生成 4 種設計方案，可從輸入的文字、草圖或螢幕截圖開始；每月 3 次免費生成 | Build 方案起提供 AI 文案撰寫；Optimize 方案提供 AI 流量最佳化 | 所有方案都有 AI 頁面建立 | 一句話就能生成整個設計；Pro 方案可透過對話讓 AI 修改 | 未列出 | AI 文字，可生成標題、段落和按鈕文字 |
| 免費方案 | 有：桌面應用程式及其 200 多個區塊，可在任何伺服器上建立不限數量的網站，另有 3 個使用 Mobirise 子網域的免費線上網站；免費網站帶有品牌標示 | 沒有；提供 14 天試用，無需信用卡，試用期間不能使用自訂網域 | 沒有；提供 7 天試用，需要信用卡 | 僅限設計，不能發布 | 有，最多 3 個網站，帶有「Made with Carrd」標示 | 沒有；提供 14 天試用，需要信用卡 |
| 最低價付費方案 | KIT 每年 US$149：桌面應用程式、所有擴充功能、無品牌標示。BASE 每年 US$199，另含 Mobirise 主機上的自訂網域 | Starter，每月 US$22（按年計費；按月計費為 US$29）：5 個頁面，流量上限為 500 | Pro，每月 US$29；按年計費可省 20% | Pro 每月 US$9（按年付費），含主機和自訂網域 | Pro Lite 每年 US$9（僅限 Carrd 網址）；Pro Standard 每年 US$19，另含自訂網域和表單 | Create，每月 US$79（按年計費；按月計費為 US$99）：每月 15,000 位不重複訪客 |
| 匯出程式碼 | 可以：純 HTML、CSS 和 JS 檔案，桌面應用程式可免費匯出；網頁版匯出需要 BASE 或 GROW | 不行；頁面只能下載為供 Unbounce 使用的 .unbounce 檔案 | Classic Builder：匯出的 HTML 檔案會從 Leadpages 載入頁面；不支援靜態副本 | Pro 方案可完整匯出 HTML | Pro Plus（每年 US$49）：以 zip 檔匯出 HTML、CSS 和 JS；表單會失效 | 未列出 |
| 可離線使用 | 可以，在桌面應用程式中使用（Windows、macOS、Linux） | 不行，僅限瀏覽器 | 不行，僅限瀏覽器 | 不行，僅限瀏覽器 | 不行，僅限瀏覽器 | 不行，僅限瀏覽器 |
資料於 2026 年 10 月 13 日取自各家業者的價格頁面和支援文章。價格以美元計；「按年計費」指一次年付款換算成的每月費用，而 Mobirise 和 Carrd 直接標示每年價格。Leadpages 的美元金額取自其價格頁面上的常見問題。較舊的評測常引用早期的方案，價格也會變動，購買前請至各網站確認。
登陸頁上線前檢查清單
在第一個付費點擊進來之前，請用手機並透過行動數據（而不是辦公室 Wi-Fi）逐項檢查這份清單，並自己透過表單送出一筆測試資料。
未通過的項目請在投放流量前修好：付費點擊落在壞掉的表單上，是這裡最昂貴的錯誤。如果做的是一頁式網站而非活動頁，可略過第一項和單一目標。
- 與來源一致。標題使用廣告、電子郵件或貼文中的用語。
- 首屏。標題、副標題和按鈕在手機上不必捲動就能看到。
- 單一目標。選單和無關的連結都已移除；重複出現的按鈕都導向同一個行動。
- 按鈕文字。寫出訪客能得到什麼。
- 證明資料。放在按鈕附近，每則評語都有姓名。
- 表單。只保留下一步需要的欄位，每個欄位都有看得見的標籤。
- 測試資料。能送達正確的收件匣，感謝訊息會說明接下來會發生什麼。
- 對比度與點擊大小。文字達到 4.5:1，按鈕用拇指容易點到。
- 速度。頁面在 PageSpeed Insights 中通過 Core Web Vitals。
- 搜尋基本功。頁面標題和描述說明了優惠內容，且只有一個 H1。
- 頁尾。隱私權政策和聯絡連結都能正常使用。
- 追蹤。轉換會被計入您的分析工具或廣告帳戶。
登陸頁設計常見問題
什麼是登陸頁設計？
登陸頁設計是指圍繞單一行動，為來自特定來源（廣告、電子郵件、貼文或 QR Code）的訪客規劃一個頁面。內容涵蓋標題、版面配置、證明資料、表單和速度，成效只看一個數字：採取行動的訪客比例。
好的登陸頁有哪些特點？
承諾與訪客的來源相符、只有一個行動、行動旁有證明資料，再加上一份簡短的表單。它還必須載入快速、在手機上好讀，因為廣告活動的流量常常是從手機進來的。
如何一步步設計登陸頁？
先寫下您想要的唯一行動，以及流量從哪裡來。用來源本身的用語擬出標題，收集您能展示的證明資料，並規劃六個組成部分的順序。接著用區塊或 AI 初稿建立頁面，上線前先在手機上試用。
一頁式網站和登陸頁是同一回事嗎？
不完全一樣。一頁式網站把整個小型網站放進一個可捲動的頁面，通常附有可跳到各區段的選單，用途不只一種。登陸頁只有單一目標，通常為某次廣告活動而做，也可以放在較大的網站之中。
登陸頁需要導覽選單嗎？
通常不需要：每個選單連結都是讓訪客在採取行動前離開的出口。請保留標誌、聯絡資訊和法律相關連結；頁面較長時，可用一個跳到表單的按鈕取代選單。
登陸頁應該多長？
長度取決於訪客有多少問題。免費下載只需一兩個畫面；昂貴的服務則需要價格、流程、證明資料和解答，所以會比較長。請在自然的停頓處重複放上同一個按鈕。
最好的登陸頁建構器是哪一款？
這要看用途。若要在付費流量上持續做 A/B 測試，Unbounce、Instapage 和 Leadpages 就是為此設計的。Carrd 是做單一簡單頁面的便宜選擇。Mobirise 適合想要一個可以放在任何主機上、日後又能擴充成完整網站的免費頁面，不過它沒有內建 A/B 測試。
可以免費製作登陸頁嗎？
可以。Mobirise 可下載的應用程式是免費的，內含 200 多個區塊，並能把頁面上傳到您自己的伺服器。在線上使用時，免費方案包含 3 個 mobirisesite.com 位址的網站，加上每月 3 次 AI 生成，且每個網站都會帶有 Mobirise 標示。Form Builder 和 Popup Builder 需要付費方案，每年 US$149 起。
AI 可以設計登陸頁嗎？
可以。在 Mobirise 中，您描述優惠內容和目標受眾，然後從 4 種 AI 設計方案中挑選一種，再透過與 AI 對話或自己編輯區塊來調整。一次生成會產出一個頁面，或完整網站的粗略版本。實際的價格、事實和照片仍須由您提供。
Mobirise 支援 A/B 測試嗎？
不支援，沒有內建 A/B 測試。您可以把兩個版本發布到不同的位址，將一半的廣告流量導向其中一個，再到廣告帳戶或分析工具中比較結果。
建立您的第一個登陸頁
先在線上取得 AI 生成的初稿，或在 Windows、Mac 或 Linux 電腦上用免費應用程式逐一排列區塊，再發布到您的廣告活動需要的任何地方。