登陸頁面 是做什麼的?
登陸頁面往往是新創公司第一個真實的實驗:如果陌生人連電子郵件都不願意留下,他們也不太可能付費。這個技能會撰寫頁面、將其建立為單一 HTML 檔案,並設定決定下一步的數據。
使用時機
- 在實際開始建構前測試需求(煙霧測試)、蒐集等候名單或接受預訂。
- 在
brand-identity之後使用(如果已有品牌名稱與色彩),但純文字頁面也可以。 - 不適用於完整的網站或搜尋引擎策略。
輸入
- 目標訪客、痛點、承諾以及任何真實證明(引用、數字、取得授權的標誌)。
- 希望訪客採取的單一動作:電子郵件、預訂、示範請求。
- 品牌元素(如果有的話),以及表單資料應該送往何處。
方法
- 一個頁面、一位訪客、一個動作。 選擇目標訪客與單一行動呼籲;移除所有引導讀者離開的連結。
- 先寫頁面頂端:一個為訪客陳述結果(而非技術)的標題、一行說明如何達成、行動呼籲按鈕,以及產品或結果的圖片。測試:陌生人在五秒內能理解這是什麼以及為誰而設。
- 然後寫其餘部分:用顧客自己的話說明痛點(來自
customer-interviews)、三個步驟說明運作方式、真實證明、回答主要反對意見(價格、信任、時間)、簡短的常見問題,以及再次放上行動呼籲。 - 保持誠實:如果產品尚未存在,請寫「加入等候名單」或「預訂,預計出貨日為…」。絕不捏造推薦、計數器或稀缺性。對於預訂,應註明出貨日期與退款條款。
- 建立為單一 HTML 檔案:使用語意化標題、為圖片加上替代文字、保持可讀的對比度、可在手機上正常運作。表單會寄送到創辦人選擇的服務(表單工具、電子報工具或試算表),並附上簡短的隱私聲明,說明電子郵件的使用方式(歐盟地區需符合 GDPR)。
- 規劃測試:訪客從哪裡來(這與頁面本身同樣重要)、預估人數、事先決定的目標轉換率,以及測試期間。最多測試兩個標題。
- 解讀結果:訪客數與各來源轉換率、人們提出的問題,以及根據啟動前設定的標準所做的決策。
輸出
### 頁面規劃
訪客:… | 承諾:… | 行動呼籲:… | 成功條件:…% 的…位訪客來自…,在…天內
### 文案
標題:… | 標題下方文字:… | 按鈕:…
區段:痛點、運作方式、證明、反對意見、常見問題
### HTML
<一個可存取的檔案,可設定表單位址,包含隱私聲明>
品質標準
- 標題為特定訪客陳述一個結果,頁面只有一個主要的行動呼籲。
- 頁面上的所有聲明、見證與數字都是真實的;不得偽造稀缺性或社會證明。
- 頁面可存取、可在手機上運作,並說明如何處理收集到的資料。
- 流量計畫與成功標準在啟動前就應寫好。
- 以使用者語言撰寫,並使用下表所列詞彙。
詞彙表
| 中文(繁體) | English | Français | Español |
|---|---|---|---|
| 登陸頁面 | Landing page | Page d'atterrissage (landing page) | Página de aterrizaje (landing page) |
| 行動呼籲 (CTA) | Call to action (CTA) | Appel à l'action | Llamada a la acción |
| 首屏 | Above the fold | Haut de page, partie visible sans défiler | Primera pantalla |
| 轉換率 | Conversion rate | Taux de conversion | Tasa de conversión |
| 等候名單 | Waitlist | Liste d'attente | Lista de espera |
| A/B 測試 | A/B test | Test A/B | Prueba A/B |
參考來源
- Krug, S. (2014). Don't Make Me Think, Revisited (3rd ed.). New Riders.
- Ries, E. (2011). The Lean Startup. Crown Business.
- W3C. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/