塾やスクールの体験ページに広告から人が来ているのに、申込みが増えない。予約ボタンを目立つ色に変えても、フォームへの移動だけ増えて送信されない。この場合は、ボタンの見た目に加えて、体験で得られること、押した後の手続き、入力の負担がつながっているかを確認します。
CTAは、体験予約や日程確認など、読者に次の行動を案内するボタンやリンクです。改善では「気付ける」「何をするか分かる」「進む理由がある」「途中で困らない」を順に確かめます。本記事では、体験予約ページの文言・配置・スマートフォン表示・申込み導線を具体化します。例示する文面や構成は改善案であり、実在する教室の成果や効果を保証するものではありません。
目次を開く
体験に申し込む理由をCTAの前に伝える
「無料体験受付中」と書くだけでは、授業を一回受けられることは伝わっても、自分が参加する意味までは分かりません。学習塾なら説明の分かりやすさや学習の進め方、語学スクールなら会話への参加しやすさ、資格スクールなら授業の水準など、受講先を選ぶために確かめたいことがあります。実際の体験で確認できる内容から、予約の便益を決めます。
例えば個別指導のページで、指導方針を長く説明した後に「お問い合わせ」とだけ置くと、質問を送るのか、授業を受けるのか判断しにくくなります。「授業の進め方を体験で確かめる」という見出しに、対象学年と体験内容を添え、その下に「体験授業の希望日を送る」を置くと、説明と行動を結び付けられます。
広告の訴求との一致も重要です。苦手科目の相談を案内する広告から来た人に、総合的な学校紹介と入会申込だけを見せても、期待した接点は見つかりません。広告、ページの冒頭、CTAの直前で、同じ対象者と体験内容を示します。広告の約束を実施できない場合は、ボタンの文言より先に募集内容を直します。
保護者が申し込む子ども向けの講座と、本人が申し込む社会人向けの講座では、確認したい条件も異なります。前者なら対象学年や保護者の参加、後者なら開始時刻や受講形式が判断材料になることがあります。自社に届く質問を読み、予約前に答えるべき内容を選んでください。
押されない原因と送信されない原因を分ける
ページ全体の申込率だけでは、どこを直すべきか分かりません。CTAが表示されたか、押されたか、フォームに到達したか、入力して送信できたかを分けて確認します。下の表は原因を決めつける診断表ではなく、実際の画面と記録を照合するための順序です。
| 観察した状態 | 確認すること | 試す改善 |
|---|---|---|
| ページは読まれるがCTAまで届かない | 予約に必要な説明とボタンが離れていないか | 体験内容や料金の説明後に入口を置く |
| CTAは見られるが押されない | 体験の価値と押した後の行動が伝わるか | 行動を具体化し、参加条件を近くに示す |
| 押されるが入力が始まらない | 遷移先の内容、表示速度、教室選択のやり直し | 見出しと選択内容を引き継ぐ |
| 入力は始まるが送信されない | 必須項目、入力形式、エラー、日程選択 | 負担と操作上のつまずきを減らす |
CTAが押されない理由が、希望教室に空き日程がないことなら、色の変更では解けません。入力途中の離脱が多くても、端末で送信ボタンが隠れる不具合と、必要な資料が手元にない状態では対処が違います。アクセス解析だけで意欲を推測せず、実際に同じ経路を操作し、問い合わせ内容も確認します。
ボタンには次の画面でできる行動を書く
文言は短さだけで選ばず、押した後の画面を予測できるかで判断します。「こちら」「詳しく見る」「お申し込み」では、日程を見るだけか、個人情報を送るのか、受講契約を結ぶのかが曖昧です。体験の申込みと入会の申込みも、同じ言葉にまとめないようにします。
| 実際の遷移先 | 文言の例 | 近くに添える説明 |
|---|---|---|
| 空き枠を見て選べる画面 | 体験できる日程を確認する | 教室とコースを選んで空き枠を表示 |
| 希望日を受け付けるフォーム | 体験授業の希望日を送る | 教室からの連絡で日時を確定 |
| 担当者に日程を相談する画面 | 体験の日程を相談する | 希望時間帯をもとに候補を案内 |
| オンライン体験の申込画面 | オンライン体験に申し込む | 利用する端末と参加方法を事前に確認可能 |
これらは、記載した機能や対応を実際に提供している場合の例です。空き枠を見られないフォームに「日程を見る」と書くと、クリックを増やせても遷移後の期待が外れます。希望日の送信を「予約を確定する」と呼ぶことも避けます。最終送信ボタンは、入力内容を送る行為が分かる文言にします。
「一分で完了」「電話はしません」「入会手続き不要」といった補足も、実際の入力時間や受付の運用で確かめてから使います。申込みの心理的な負担を軽く見せるために、後から必要になる手続きや費用を隠すと、予約確定までの離脱につながりかねません。
CTAの周囲で予約前の疑問に答える
ボタンに全情報を詰め込むと、かえって読み取りにくくなります。CTAの上には参加する理由、下や近くには費用・対象・申込後の流れを短く置きます。例えば「中学生向けの個別指導体験」「授業後に学習方法を相談できます」と説明し、ボタンの近くで「希望日受付後、教室から日時をご案内します」と補う構成です。
無料である範囲が限られるなら、対象コースや回数などの条件を同じ場所で確認できるようにします。有料体験の場合は金額と含まれる内容を示します。体験と通常授業の料金を混ぜず、体験後に継続を検討する人が通常料金へ進めるリンクも用意すると、費用を調べ直す負担を減らせます。
受講者の顔写真や合格実績をボタン付近に大量に並べる前に、今の疑問に答えているかを見ます。体験で何をするか不明な人には当日の授業例、講師との相性が心配な人には指導の様子が判断材料になります。根拠のない残席表示や期限で急がせるより、参加を選ぶための情報を揃えます。
配置は説明を読み終えた位置から決める
ページ上部には、体験の対象と内容が分かった段階で進めるCTAを置きます。すでに教室を知っている人が、長い紹介を最後まで読まないと予約できない構成は避けたいところです。ただし、見出しよりも大きなボタンだけが先に現れ、何の体験か分からない状態にはしません。
中ほどでは、体験内容、費用、教室へのアクセスなど、参加判断に必要な情報のまとまりの後が候補になります。文脈に合わせて見出しを変えても、同じ申込みへ進むボタンの名称は揃えます。位置が変わるたびに「相談」「資料請求」「入会」が入れ替わると、どの手続きが始まるか読み直す必要があります。
末尾には、対象者と体験内容を簡潔に振り返り、予約への入口を置きます。すべての段落の後へ同じ大きなボタンを追加する必要はありません。教室の魅力や料金を読む途中で繰り返し遮られると、比較に必要な情報を探しづらくなります。配置ごとの反応とページの使いやすさを合わせて判断します。
資料請求や個別相談も残す場合は、その役割を分けます。体験日程を決められる人向けの主ボタンと、先にコースを相談したい人向けの補助リンクを区別し、同じ強さの選択肢を横に並べすぎないようにします。
スマートフォンでは固定ボタンと入力画面の重なりを試す
画面下に固定したCTAは、読み進めた後でも入口へ戻らずに済む案です。一方、料金の注記、教室選択、フォームの最終行を覆うことがあります。通常の閲覧だけでなく、文字を拡大した状態、端末を横にした状態、入力用キーボードが開いた状態でも確認します。
固定表示を使うなら、本文側に必要な余白を設け、フォーム入力中は隠すなどの表示条件を決めます。問い合わせチャットやCookieの案内がある場合は、それらとの重なりも試します。閉じる操作を極端に小さくしたり、スクロールのたびに画面を覆ったりする設計は避けます。
W3CのWCAG 2.2の解説では、ポインターで操作する対象の大きさを原則24×24 CSSピクセル以上とし、間隔などの例外条件を示しています。これは最低条件の一つで、予約率を最大にする寸法ではありません。主要な予約ボタンは文字の読める大きさと余白を確保し、隣の電話ボタンなどを誤って押さないか実機で確かめます。
背景との区別を色だけに頼らず、ボタンの形と文言を明確にします。キーボードでも移動と決定ができ、選択中の場所が分かることも確認します。見た目を画像で作る場合も、支援技術に行動の意味が伝わる実装が必要です。
CTAからフォームへ選択内容を引き継ぐ
特定の教室やコースのページから予約を押したのに、フォームで全教室から選び直す構成は見直し候補です。選んだ教室・コースを引き継ぎ、フォーム冒頭で確認できるようにします。変更する入口も残し、誤って選ばれた状態のまま送信されないようにします。
別の予約サービスへ移動する場合は、リンク先で教室名や体験内容が確認できるかを見ます。急に違う名称の画面になり、会員登録だけを求められると、予約の続きかどうか判断しにくくなります。予約に登録が必要なら、CTAの近くでその手続きを案内し、不要な登録を追加していないかも点検します。
希望日を選んだ後に対象外コースと分かる状態も避けたいところです。教室、対象コース、日程の対応を画面で確かめられる順序にします。空きがない場合は、予約不可の表示だけで終えず、別日程や相談先など、実際に用意できる選択肢を示します。
申込み負担は項目数と操作の両方で減らす
短いフォームでも、何を書けばよいか分からない自由記述や、希望日を何度も打ち直す操作があれば負担になります。予約受付に必要な項目と、体験内容を調整するために後から聞ける項目を分けます。最初の画面では、何を入力すれば申し込めるか、どこで手続きが終わるかを示します。
教室やコースを選択済みなら再入力させず、希望日程は提供できる候補から選べる方式を検討します。まだ日程を決められない人には、実際に相談を受けられる場合に限って別の入口を設けます。選択肢を減らすだけで、本来申し込める人を除外していないか確認が必要です。
W3Cのフォーム解説は、各入力部品を識別するラベルを設け、入力欄と関連付ける方法を示しています。項目名は入力前後に確認できる位置へ置きます。欄内の薄い文字だけで説明すると、入力を始めた後に何の欄だったか分かりにくくなるためです。
電話番号の区切り文字やメールアドレスの形式などでエラーが起きたら、直す箇所と方法をその欄の近くに示します。「入力に誤りがあります」だけでは戻る場所を探すことになります。W3Cは送信結果の通知と分かりやすい修正案内を説明しています。エラー後も正しく入れた内容が残るか、修正して送信できるかを試します。
入力を複数画面に分ける案もありますが、画面を増やせば改善するとは限りません。W3Cの複数ページフォームの解説を参考に、教室・日程、連絡先、確認など意味のある区切りを作り、現在位置と残る手順を示します。戻ったときに入力が消えないことも確認してください。
二つの実装例で文言から送信までを揃える
個別指導塾の希望日受付を明確にする例
コース説明の末尾が「無料相談はこちら」で、遷移先が体験希望フォームなら、まず何を募集するかを揃えます。見出しを「個別指導の進め方を体験する」、ボタンを「体験授業の希望日を送る」とし、対象学年と日時の決まり方を補足します。フォームには閲覧中の教室を引き継ぎます。
この変更で確認するのは、ボタンのクリックと希望日の送信です。「相談だけのつもりだった」という連絡が減ったかも補助材料になります。内容を明確にした結果クリックが減っても、受け付けた申込みが増える場合は、入口の誤解を減らせた可能性があります。
社会人向けスクールのコース選択を引き継ぐ例
夜間コースのページから予約を押すと、全講座の一覧へ戻る構成を想定します。夜間の体験枠を確認できる画面へつなぎ、選んだコース名と受講形式を冒頭に表示します。ボタンは「夜間コースの体験日程を確認する」とし、日程を選べた後に連絡先を入力する流れを候補にします。
比較するのは、日程画面への到達後にフォームを始めた割合と、最終送信まで進んだ割合です。日程がすべて満枠なら、選択引継ぎの効果だけでは評価できません。募集枠の状況を残し、空き枠がある期間と分けて結果を読みます。
制作担当者には表示条件と遷移先も渡す
修正依頼を「もっと目立たせる」で終えず、対象ページ、変更理由、文言、置く位置、補足説明、遷移先を一組にします。例えば「料金を読んだ後に体験入口が見つからないため、料金表の下に希望日受付へのボタンを追加する」と書けば、見た目と目的を照合できます。
教室・コースの引継ぎや固定表示を変える場合は、画面上の文言だけでは仕様が伝わりません。引き継ぐ選択項目、変更する方法、フォーム入力中の表示、空き枠がない場合の行き先まで決めます。複数ページで同じ部品を使っているなら、一つの修正が他の募集にも影響しないかを確認します。
公開前には、広告のリンクから入り、体験条件を読み、日程を選び、誤入力を直して送信する一連の確認を行います。テスト申込みは通常受付と区別できる方法で行い、受付担当者と事前に段取りを合わせます。表示が変わったことだけで完了にせず、受信内容と計測の識別名まで確認してから比較を始めます。
評価はCTAのクリック率と申込完了率をセットにする
位置別のCTAを比べるなら、どのページの、どの位置の、どの文言かを区別できる識別名を決めます。表示回数はページ表示そのものと混同せず、画面内に入ったとする条件を揃えます。同じボタンを何度も押した人を含めるかも統一し、イベントの総回数をそのまま申込者数として扱わないようにします。
例えば訪問を単位に評価するなら、「CTAが表示された訪問のうちクリックした割合」「クリック後に申込みを完了した割合」「体験ページを見た訪問のうち申込みを完了した割合」を同じ集計条件で比べます。後日別の端末から申し込む人など、つながらない経路があることも明記します。
Googleアナリティクスの公式ヘルプは、拡張計測のフォーム操作としてform_startとform_submitを説明しています。ただし、自社の予約受付が成功した記録と一致するかは実装確認が必要です。入力エラー、二重クリック、完了画面の再読込も試し、受付件数と照合します。入力された氏名や連絡先を計測用の値やURLへ載せない設計も確認します。
変更を試すときは、主に確かめたい仮説を一つ決めます。文言を比較するなら配置と遷移先を揃え、配置を比較するなら文言を揃える方法があります。広告の対象や体験料金まで同時に変わった場合は、CTA単独の効果と断定しません。春の募集と通常期など、需要の違う期間を単純比較しないことも大切です。
十分な訪問や申込みがない場合は、小さな率の差だけで勝敗を決めず、操作確認や利用者の迷った箇所を先に直します。最終的には予約確定や実参加に無理なずれが生じていないかも確認しますが、体験後の指導提案や入会面談まで同時に変更せず、今回のCTA改善の範囲を保ちます。
よくある質問
電話やチャットへのCTAを追加してフォーム申込みが減ったら失敗ですか？
フォームだけでなく、電話やチャットを含む有効な体験予約を重複なく数えて判断します。入口が移っただけなら全体は改善している可能性があります。電話ボタンのクリックを通話や予約の成立と見なさず、受付結果と対応できた件数まで確認してください。
空き枠が少ない教室と多い教室のCTA結果を一緒に比較できますか？
空き枠の状況を分けて確認します。ボタンを改善しても選べる日時がなければ、予約完了は増えにくいためです。同じ募集条件の教室や期間で比較し、満席による見送りと画面の分かりにくさによる離脱を混ぜず、追加検証の対象を選びます。
外部予約サービスの中まで計測できない場合、何を指標にしますか？
自社ページから予約画面への移動と、予約サービス側の実受付を別々に把握します。個人単位で結び付かないなら、その制約を残して教室や期間別に照合します。移動クリックだけを申込完了とせず、少数の操作確認も使って途中の問題を探します。
資料請求のCTAも残す場合、体験予約と同じ成果として数えてよいですか？
資料請求と体験予約は分けて数えます。すぐに日程を決めない人との接点にはなりますが、予約と同じ検討段階ではないためです。資料請求後に体験へ進んだ割合と必要な費用も確認し、軽い行動だけを増やして体験機会を失っていないかを見ます。
まとめ
体験予約のCTAは、体験の価値、行動が分かる文言、判断しやすい配置、迷わず送れるフォームを一続きで整えます。まず一つのコースとページで、見られない・押されない・送れないのどこが課題かを確かめましょう。クリックと申込完了を合わせて評価すると、予約につながる改善を選びやすくなります。