課程銷售頁第一屏最怕的不是不夠華麗，而是看完還不知道你在賣什麼。
常見情況是課程名稱很大、背景圖很漂亮、按鈕也很多，但第一次進站的人還是得自己猜：這門課是給誰的？我要先看課綱、報名直播，還是直接付款？
Thinkific 目前的課程銷售頁指南把主標題放在很前面，目的就是先抓住目標受眾並建立閱讀方向；Unbounce 2026 年更新的落地頁文件也強調，頁面應有一個清楚的主要行動，訪客進站後要能快速理解頁面的目的。
所以第一屏的工作不是成交全部，而是讓適合的人願意繼續往下看。
第一屏先讓訪客完成 4 個判斷
第一屏資訊不需要很多，但至少要讓訪客快速回答四個問題：
- 這是什麼：我現在看到的是哪一門課、哪一種方案？
- 是不是給我的：它主要服務哪一類人、哪一種情境？
- 能幫我完成什麼：如果繼續了解，這門課要協助我處理什麼問題或完成什麼工作？
- 下一步在哪裡：我要繼續看方案、往下閱讀，還是選擇付款方式？
這四件事清楚後，再把方法、課綱、講師、案例、價格、付款與常見問題留給後面的銷售頁。
第一屏先讓訪客看見自己，再讓他認識講師
第一屏最容易犯的錯，是一開始就放滿講師履歷、品牌故事與「我們有多厲害」。這些資訊不是不能放，而是順序要對。
StoryBrand 的訊息原則把客戶放在主角位置，品牌或講師則扮演協助他前進的引導者。放到課程銷售頁，就是先讓訪客認出自己的情境與想完成的結果，再用講師經驗、方法與證據回答「為什麼我可以相信你」。
所以第一屏可以先說客戶正在面對的問題與要完成的進展；講師姓名、專業與信任訊號保留必要的份量即可。詳細經歷留到後面，既不會搶走主標題焦點，也能讓證據出現在訪客真正需要它的位置。
如果你還在分辨介紹頁和銷售頁的任務，可以先看 課程銷售頁和一般介紹頁差在哪？。
1. 主標題先說「這和誰有關」
課程名稱可以放，但不要讓課程名稱獨自負責說服陌生訪客。
像「高效成長學院」「專業變現實戰班」這類名稱，對已經認識品牌的人可能有意義；第一次進站的人還是需要知道它和自己有什麼關係。
主標題可以從三個方向組合：
- 你主要在和誰說話。
- 他現在卡在哪裡。
- 這套課程要協助他完成什麼。
例如「把你的專業整理成一套可以招生與交付的線上課程」，就比單獨放「線上課程實戰班」提供更多判斷資訊。
成果描述仍要守住邊界。可以寫會協助學員完成定位、課綱、銷售流程或交付設計，不要把收入、客戶數或其他受多重因素影響的結果寫成每個人都會得到。
2. 副標題補方法、範圍或適合條件
副標題最常見的浪費，是把主標題換一種說法再講一次。
如果主標題已經說「把專業整理成可以招生與交付的線上課程」，副標題就可以補充：「從課程定位、內容設計、招生，到付款後的學員交付，整理成一套能實際執行的流程。」
也可以用副標題篩選對象，例如：「適合已經有專業、服務或教學經驗，準備把知識做成正式課程的人。」這比「專為想成功的你打造」更容易讓訪客判斷。
3. 第一屏只保留一個主要行動
第一屏可以有文字連結或輔助導覽，但最好只有一個明確的主要行動。
如果同時放「立即購買、免費下載、加入 LINE、預約、報名直播、看文章」，訪客就得先替你決定哪一顆按鈕最重要。
主要行動按鈕（CTA）要和頁面的任務一致：
| 按鈕文字 | 適合情況 | 點擊後應看到 |
|---|---|---|
| 查看課程方案 | 第一屏還沒說完整方案 | 方案、交付與價格區段 |
| 查看內容與付款方式 | 直播後或其他暖流量 | 正式方案與付款資訊 |
| 選擇付款方式 | 方案與價格已經說清楚 | 正確商品或結帳入口 |
| 報名免費直播 | 這張頁本身是直播報名頁 | 報名表單或報名流程 |
Unbounce 目前也把「一個清楚的主要轉換目標」列為落地頁核心原則。對課程頁來說，不需要把每個可能的下一步都塞在第一屏。
4. 按鈕文字直接說點下去會發生什麼
「了解更多」不是錯，但當下一步已經確定時，可以寫得更具體。
如果按鈕寫「查看課程方案」，點擊後就應該真的看到方案；如果寫「選擇付款方式」，就不要突然跳到另一張表單，要求訪客重新走完全不同的流程。
Unbounce 對行動按鈕的建議也是讓文字直接描述下一步，而不是只用模糊的「點這裡」或「送出」。這也能降低使用者點擊前的不確定感。
5. 圖片或影片要幫助理解方案
第一屏不是一定要放講師大頭照，也不是一定要放自動播放影片。
- 講師型課程：可以使用自然、清楚、符合品牌的講師照片。
- 網站或工具課：可以展示真實操作畫面或完成後的介面。
- 作品型課程：可以展示學員最後會做出的作品類型，但不要冒充真實學員成果。
- 需要示範的課程：可以放短影片，但即使不播放，文字也要能獨立說清楚方案。
Unbounce 也建議用視覺呈現產品或服務實際使用情境。第一屏每多一個視覺元素，都可以問一句：「它幫訪客更快理解了什麼？」如果沒有答案，就不一定需要放。
6. 信任訊號少量放，別把第一屏做成履歷表
第一屏附近可以放少量、真實、和課程直接相關的信任資訊，例如專業經驗、作品、真實學員回饋，或能被確認的合作背景。
詳細講師故事、完整案例與大量見證，通常留到後面更適合。如果第一屏同時塞十個 Logo、六則心得、完整履歷和課程介紹，主標題反而失去焦點。
沒有學員見證時也不需要補一個假的。可以看 新課程還沒有學員案例，銷售頁怎麼建立信任？；已經有學員之後，再用 課程見證怎麼收集？ 的方法整理真實素材。
7. 手機版要重新排優先順序，不是把桌機縮小
桌機上一張大圖、兩行標題和一顆按鈕看起來很舒服，到了手機可能變成圖片先占滿一整屏、標題折成七行，按鈕被推到下面。
所以手機版應重新檢查資訊順序：
- 前幾行能不能看懂這是什麼。
- 副標題有沒有長到像一整堵文字。
- 主要按鈕是否清楚、容易點。
- 多個可點擊元素是否靠得太近。
- 圖片是否把標題與按鈕推得太下面。
- 文字是否需要放大畫面才看得清楚。
- 大型圖片或影片是否拖慢第一屏載入。
Baymard 的研究主要來自行動電商，不是線上課程，所以不能把它的數據直接套到課程頁。不過它對手機可讀性、觸控區域與圖片文字可辨識度的觀察仍值得參考：手機不是桌機的縮小版，版面需要重新驗證。
也不用執著「每支手機都必須在第一個畫面完整看到所有元素」。裝置高度差很多，更實際的標準是：剛進頁面時能理解主題，而且不必滑過大量無關內容才找得到下一步。
8. 用 5 秒測試檢查清楚度，不要把它當成轉換率公式
Unbounce 2026 年的文件仍把 5 秒測試列為簡單的頁面檢查方式：訪客快速看到頁面後，能不能大致知道這張頁面的目標，以及希望他採取什麼行動。
這比較像清晰度檢查，不是「5 秒內看懂就一定會成交」的公式。
可以找一個沒有參與頁面製作的人快速看第一屏，再問：
- 這個頁面在賣什麼？
- 主要是給誰的？
- 大概想幫客戶完成什麼？
- 如果有興趣，下一步要做什麼？
如果四題大多答不出來，先修主標題、副標題和按鈕，不要急著加動畫或一直換按鈕顏色。
第一屏還要注意「前一頁說了什麼」
第一屏不是孤立存在的。訪客可能從 SEO 文章、廣告、電子郵件或免費直播點進來，他會自然比較前一頁的承諾和現在看到的內容是不是同一件事。
例如直播裡介紹的是「高價課程變現系統」，點進頁面後第一屏卻只寫「知識創業完整方案」，訪客還得重新猜兩者是不是同一個東西。
Unbounce 把這件事稱為訊息一致（Message Match）。對課程銷售頁來說，就是讓來源訊息、第一屏標題、方案名稱與下一步互相接得起來。
第一屏最常見的 8 個錯誤
- 只有課程名稱：陌生訪客不知道它和自己有什麼關係。
- 只有品牌口號：聽起來漂亮，卻看不出實際方案。
- 主標題塞太多承諾：一句話想解決所有問題，最後反而難讀。
- 副標題只是換句話說：沒有補方法、範圍或適合條件。
- 同時放太多主要按鈕：每一顆都在搶注意力。
- 視覺搶過訊息：圖片很大，標題與下一步被推到下面。
- 信任資訊堆太多：第一屏像履歷表，卻沒有清楚說方案。
- 桌機做完直接縮成手機：沒有重新檢查斷行、圖片與按鈕位置。
第一屏要不要直接放價格？
沒有「一定要放」或「一定不能放」的固定答案。
如果方案簡單、受眾已經熟悉，或價格本身就是重要篩選條件，可以提早顯示；如果方案需要先理解交付與價值，也可以先讓訪客看懂定位，再在後面的方案區完整呈現。
重點不是把價格藏起來，而是讓價格出現在訪客已經知道自己買的是什麼的位置。完整判斷可以看 課程銷售頁要不要公開價格？。
直播導進來的訪客，不需要重新聽一遍整場直播
從免費直播進來的人已經知道部分問題、方法與方案背景。第一屏應延續直播剛介紹的內容，讓他快速確認：「我進到的是剛剛那個方案。」
方案名稱、核心結果、適合對象與主要按鈕最好和直播裡的說法一致，再由下面補齊交付、證據、價格、付款與常見問題。
直播後銷售頁可以接著看 直播介紹完方案後，銷售頁要讓客戶看懂哪些內容？。
課程銷售頁第一屏常見問題
第一屏一定要放行動按鈕嗎？
通常應該讓主要下一步容易找到，但不要為了硬塞按鈕，壓縮到標題和方案資訊看不懂。複雜、高單價方案仍要先提供足夠理解。
主標題一定要寫課程名稱嗎？
不一定。課程名稱可以保留作為品牌識別，但主標題更重要的工作是讓目標客戶知道頁面和自己有什麼關係。
第一屏可以放影片嗎？
可以，但影片不要成為唯一資訊來源。即使訪客沒有播放，也應該從文字看懂方案、對象與下一步，同時要留意手機載入速度與版面高度。
第一屏文字是不是越短越好？
不是。目標是清楚，不是最短。太長會失焦，太短也可能沒有足夠資訊；應刪掉的是不影響理解的字，而不是把必要的對象、結果與下一步一起刪掉。
手機一定要在第一個畫面看到完整按鈕嗎？
不需要把第一個畫面當成固定像素標準。不同裝置高度差很多，更重要的是訪客剛進站時能理解頁面，而且不用滑過大量無關內容才找得到下一步。
第一屏做好後，下一段應該接什麼？
看訪客下一個最自然的問題。可能是問題、方法、成果、方案或證據，不需要因為套模板就固定接某一種區塊。
第一屏要做的是建立方向，不是一次說完
好的第一屏先把對象、結果、方法方向與下一步說清楚，再把更複雜的證據、課綱、方案與交易資訊交給後面的銷售頁。
參考資料
- Thinkific: How to Create a Compelling Sales Page for Your Online Course.
- Thinkific: Build Your Course Page.
- Unbounce: What Are Some Best Practices When Designing My Landing Page?
- Unbounce: Landing Page Best Practices To Create High-Converting Pages.
- Unbounce: What is a call to action? (+ How to write CTAs that convert).
- Baymard Institute: Mobile UX Trends 2026: 10 Best Practices.