課程銷售頁最上面的第一屏,通常決定訪客會不會繼續往下看。這一區不需要把課綱、價格、講師故事全部塞進來,而是要在幾秒內回答四件事:這是給誰的、要幫他完成什麼、為什麼值得繼續看,以及下一步可以做什麼。
如果你要的是整頁架構,可以先看課程銷售頁要放哪些內容。這篇只專注第一屏,也就是訪客一進頁面最先看到的 Hero 區。
第一屏的任務不是成交,而是讓對的人願意繼續看
很多人一寫銷售頁就想在第一屏完成所有說服,因此塞入大量文字、優惠、倒數、課綱、見證與按鈕。結果反而讓訪客不知道最重要的資訊是什麼。
第一屏比較合理的任務是完成三個判斷:
- 相關性:這是不是在講我現在的問題?
- 價值:繼續看下去,我可能得到什麼?
- 方向:我現在可以繼續了解,或採取哪個下一步?
只要這三件事清楚,下面的課綱、講師、案例、方案與 FAQ 才有機會被看到。
1. 主標題先寫結果,不要只寫課程名稱
只有課程名稱通常不夠。訪客第一次看到你時,不一定知道這個名稱代表什麼,所以主標題最好直接補上目標對象與核心結果。
可以用這個結構思考:
例如比起只寫「線上課程實戰班」,「把你的專業整理成第一套可銷售的線上課程」會更容易讓目標學員知道這堂課和自己有沒有關係。
結果要具體,但不要承諾無法保證的收入、業績或成果。你可以承諾教學內容、方法、工具與可完成的交付物,不應把個別學員可能得到的商業結果寫成人人必然發生。
2. 副標題補充方法與範圍,不要重複主標題
主標題負責讓人看懂結果,副標題則可以回答「大概會怎麼做到」。
例如主標題已經說「把專業做成第一套線上課程」,副標題就可以補充「從主題驗證、課綱、招生到付款後交付,建立第一版可執行流程」。這比再寫一次「完整線上課程教學」更有資訊量。
副標題也可以用來界定適合對象,例如「適合已有專業、教學或服務經驗,但還沒有完整線上課程流程的人」。
3. 第一屏只留一個主要 CTA
如果同一區同時出現「立即購買、加入 LINE、下載電子書、看文章、預約、報名直播」六種按鈕,訪客反而更難決定。
第一屏應先根據這個頁面的主要目的,選一個主要行動:
- 標準化、可直接購買的課程:查看方案或立即報名。
- 高單價、需要先教育的方案:報名 Webinar 或免費說明會。
- 需要資格篩選:填寫申請或預約諮詢。
- 仍在名單培養階段:領取免費資源。
次要行動可以有,但視覺權重要低於主要 CTA,不要讓兩顆按鈕看起來同樣重要。
4. CTA 按鈕文字要說出下一步
「了解更多」不是不能用,但資訊量很低。若頁面流程已經確定,可以讓按鈕直接描述下一步,例如「查看課程方案」「報名免費直播」「開始報名」。
按鈕後面的流程也要和文字一致。寫「立即購買」就不應點下去後才要求先填一份長申請表;寫「查看方案」則可以先帶到價格與方案區。
5. 圖片或影片要幫助理解,不要只是填空間
第一屏不一定要有影片,也不一定要放講師大頭照。視覺元素的任務是加快理解或建立適度信任,而不是因為版型有一個圖片位置就隨便塞圖。
- 講師型課程:可使用自然、清楚的講師照片。
- 工具型課程:可展示實際操作畫面或成果介面。
- 模板型課程:可展示學員會完成的成果物或範例。
- 需要較多說明:可使用短影片,但不要讓影片成為唯一能看懂方案的方法。
即使訪客不播放影片,文字也應能讓他知道這堂課是什麼。
6. 信任訊號可以有,但不要把第一屏變成履歷牆
如果有真實、可驗證的專業背景、作品、媒體、合作經驗或取得同意的學員回饋,可以在第一屏附近放一小段信任訊號。但詳細講師故事、完整案例與見證,更適合留到下方。
如果是第一門新課、還沒有學員案例,也不需要硬做「學員見證區」。可以用實作經驗、教學片段、方法框架與透明的課程內容建立信任。延伸可看新課程沒有學員案例,銷售頁怎麼建立信任。
7. 手機版第一屏要重新檢查,不要只把桌機縮小
手機螢幕高度有限。桌機上看起來很舒服的 Hero 區,縮到手機後可能變成:先看到很大的空白、照片占滿一屏、主標題折成八行,最後連按鈕都看不到。
手機版至少檢查:
- 主標題前兩三行能不能看懂核心意思。
- 副標題是不是太長。
- 主要 CTA 是否容易看到與點擊。
- 圖片是否把重要文字推到太下面。
- 按鈕之間是否留有足夠距離,避免誤觸。
- 字級是否清楚,不需要放大才能閱讀。
第一屏不是要求所有內容都完全塞進一個手機畫面,而是不能讓訪客滑了很久,還不知道你在賣什麼。
8. 用「5 秒測試」檢查第一屏有沒有說清楚
找一個沒有聽過你完整介紹的人,只讓他快速看第一屏,再問四個問題:
- 這是什麼課程或方案?
- 主要是給誰的?
- 大概能幫他完成什麼?
- 如果有興趣,下一步要按哪裡?
如果其中兩三題都答不出來,通常不是訪客理解力有問題,而是第一屏資訊層級還不夠清楚。
第一屏最常見的 6 個錯誤
- 只有品牌口號:看不出來到底在賣什麼。
- 一次想講完所有內容:資訊太多,反而沒有焦點。
- 主標題只寫課程名稱:陌生訪客不知道名稱代表的價值。
- 同時放太多 CTA:不知道下一步應該選哪個。
- 只靠影片解釋:沒有播放的人完全看不懂方案。
- 桌機很好看,手機很難用:真正進站的手機訪客先流失。
第一屏說清楚後,再把疑慮交給下面的銷售頁處理
第一屏不需要完成整筆成交。它只需要讓適合的人確認「這和我有關,我願意繼續看」。接下來再用問題、成果、課綱、講師、案例、方案、價格與 FAQ 一層一層回答購買疑慮。
完整頁面架構可接著看課程銷售頁要放哪些內容;如果你正在整理頁尾常見問題,也可以看課程銷售頁 FAQ 要寫哪些問題。
