課程銷售頁第一屏怎麼寫?主標題、副標題、CTA 與手機版 8 點檢查

課程銷售頁最上面的第一屏,通常決定訪客會不會繼續往下看。這一區不需要把課綱、價格、講師故事全部塞進來,而是要在幾秒內回答四件事:這是給誰的、要幫他完成什麼、為什麼值得繼續看,以及下一步可以做什麼。

如果你要的是整頁架構,可以先看課程銷售頁要放哪些內容。這篇只專注第一屏,也就是訪客一進頁面最先看到的 Hero 區。

第一屏的任務不是成交,而是讓對的人願意繼續看

很多人一寫銷售頁就想在第一屏完成所有說服,因此塞入大量文字、優惠、倒數、課綱、見證與按鈕。結果反而讓訪客不知道最重要的資訊是什麼。

第一屏比較合理的任務是完成三個判斷:

  • 相關性:這是不是在講我現在的問題?
  • 價值:繼續看下去,我可能得到什麼?
  • 方向:我現在可以繼續了解,或採取哪個下一步?

只要這三件事清楚,下面的課綱、講師、案例、方案與 FAQ 才有機會被看到。

1. 主標題先寫結果,不要只寫課程名稱

只有課程名稱通常不夠。訪客第一次看到你時,不一定知道這個名稱代表什麼,所以主標題最好直接補上目標對象與核心結果。

可以用這個結構思考:

主標題結構:協助「某一類人」從「目前狀態」走到「想完成的結果」。

例如比起只寫「線上課程實戰班」,「把你的專業整理成第一套可銷售的線上課程」會更容易讓目標學員知道這堂課和自己有沒有關係。

結果要具體,但不要承諾無法保證的收入、業績或成果。你可以承諾教學內容、方法、工具與可完成的交付物,不應把個別學員可能得到的商業結果寫成人人必然發生。

2. 副標題補充方法與範圍,不要重複主標題

主標題負責讓人看懂結果,副標題則可以回答「大概會怎麼做到」。

例如主標題已經說「把專業做成第一套線上課程」,副標題就可以補充「從主題驗證、課綱、招生到付款後交付,建立第一版可執行流程」。這比再寫一次「完整線上課程教學」更有資訊量。

副標題也可以用來界定適合對象,例如「適合已有專業、教學或服務經驗,但還沒有完整線上課程流程的人」。

3. 第一屏只留一個主要 CTA

如果同一區同時出現「立即購買、加入 LINE、下載電子書、看文章、預約、報名直播」六種按鈕,訪客反而更難決定。

第一屏應先根據這個頁面的主要目的,選一個主要行動:

  • 標準化、可直接購買的課程:查看方案或立即報名。
  • 高單價、需要先教育的方案:報名 Webinar 或免費說明會。
  • 需要資格篩選:填寫申請或預約諮詢。
  • 仍在名單培養階段:領取免費資源。

次要行動可以有,但視覺權重要低於主要 CTA,不要讓兩顆按鈕看起來同樣重要。

4. CTA 按鈕文字要說出下一步

「了解更多」不是不能用,但資訊量很低。若頁面流程已經確定,可以讓按鈕直接描述下一步,例如「查看課程方案」「報名免費直播」「開始報名」。

按鈕後面的流程也要和文字一致。寫「立即購買」就不應點下去後才要求先填一份長申請表;寫「查看方案」則可以先帶到價格與方案區。

5. 圖片或影片要幫助理解,不要只是填空間

第一屏不一定要有影片,也不一定要放講師大頭照。視覺元素的任務是加快理解或建立適度信任,而不是因為版型有一個圖片位置就隨便塞圖。

  • 講師型課程:可使用自然、清楚的講師照片。
  • 工具型課程:可展示實際操作畫面或成果介面。
  • 模板型課程:可展示學員會完成的成果物或範例。
  • 需要較多說明:可使用短影片,但不要讓影片成為唯一能看懂方案的方法。

即使訪客不播放影片,文字也應能讓他知道這堂課是什麼。

6. 信任訊號可以有,但不要把第一屏變成履歷牆

如果有真實、可驗證的專業背景、作品、媒體、合作經驗或取得同意的學員回饋,可以在第一屏附近放一小段信任訊號。但詳細講師故事、完整案例與見證,更適合留到下方。

如果是第一門新課、還沒有學員案例,也不需要硬做「學員見證區」。可以用實作經驗、教學片段、方法框架與透明的課程內容建立信任。延伸可看新課程沒有學員案例,銷售頁怎麼建立信任

7. 手機版第一屏要重新檢查,不要只把桌機縮小

手機螢幕高度有限。桌機上看起來很舒服的 Hero 區,縮到手機後可能變成:先看到很大的空白、照片占滿一屏、主標題折成八行,最後連按鈕都看不到。

手機版至少檢查:

  • 主標題前兩三行能不能看懂核心意思。
  • 副標題是不是太長。
  • 主要 CTA 是否容易看到與點擊。
  • 圖片是否把重要文字推到太下面。
  • 按鈕之間是否留有足夠距離,避免誤觸。
  • 字級是否清楚,不需要放大才能閱讀。

第一屏不是要求所有內容都完全塞進一個手機畫面,而是不能讓訪客滑了很久,還不知道你在賣什麼。

8. 用「5 秒測試」檢查第一屏有沒有說清楚

找一個沒有聽過你完整介紹的人,只讓他快速看第一屏,再問四個問題:

  1. 這是什麼課程或方案?
  2. 主要是給誰的?
  3. 大概能幫他完成什麼?
  4. 如果有興趣,下一步要按哪裡?

如果其中兩三題都答不出來,通常不是訪客理解力有問題,而是第一屏資訊層級還不夠清楚。

第一屏最常見的 6 個錯誤

  1. 只有品牌口號:看不出來到底在賣什麼。
  2. 一次想講完所有內容:資訊太多,反而沒有焦點。
  3. 主標題只寫課程名稱:陌生訪客不知道名稱代表的價值。
  4. 同時放太多 CTA:不知道下一步應該選哪個。
  5. 只靠影片解釋:沒有播放的人完全看不懂方案。
  6. 桌機很好看,手機很難用:真正進站的手機訪客先流失。

第一屏說清楚後,再把疑慮交給下面的銷售頁處理

第一屏不需要完成整筆成交。它只需要讓適合的人確認「這和我有關,我願意繼續看」。接下來再用問題、成果、課綱、講師、案例、方案、價格與 FAQ 一層一層回答購買疑慮。

完整頁面架構可接著看課程銷售頁要放哪些內容;如果你正在整理頁尾常見問題,也可以看課程銷售頁 FAQ 要寫哪些問題

如果你正在規劃線上課程或想把網站做起來,這兩個資源可以直接拿去用:

1) 領取贈品:線上課程起步指引

2) 免費架站:只需付主機費,我們直接幫你把網站架好

先拿起步指引 了解免費架站

元氣站長
元氣站長

經營網路事業,賺取持續收入!
網路賺錢修煉,成就理想人生!