広告用LPでは『離脱を防ぐためヘッダーのナビゲーションを消す』と言われます。しかし、オンライン講座の検討者が会社情報、講師実績、規約、別プランを確認したい場合、リンクを全て消すと不安や行き止まりを作ることがあります。
LPは一つの行動へ集中させるページだから、他ページへのリンクは全て離脱だと考えられがちです。確かに、広告で一つの講座を案内し、申込みに必要な情報がLP内へそろっているなら、サービス一覧やブログへのリンクは注意を分散させます。一方、高額な専門講座では、運営会社、講師の専門性、特定商取引法に基づく表記、プライバシー、法人向け情報を確かめる行動が信頼形成の一部です。
Google Adsはランディングページ体験に、情報の有用性・関連性、ナビゲーションのしやすさ、リンク数、クリック前の期待との一致などを挙げています。『リンクは少ないほど品質が高い』という単純な意味ではなく、広告から来た人が期待した情報と行動へ到達しやすいことが重要です。
検索から記事や講座ページへ来る人は、まだ課題を調べている、複数サービスを比較したい、運営者を知りたいことがあります。通常サイトの一部として検索されるLPからメニューを完全に消すと、サイト全体を探索できず、戻る操作に頼らせます。広告専用ページと検索向けページを同じテンプレートで扱わない方がよい場合があります。
最初に分けるべき四種類のナビゲーション
『ナビを消す』という議論では、異なる役割のリンクが一括りにされます。サイト全体のメニュー、ページ内目次、申込み手順、法務・信頼リンクを分けて考えます。主要行動と競合するのはどれか、判断を助けるのはどれかを整理します。
1. グローバルナビゲーション。会社概要、サービス一覧、事例、記事、採用などサイト全体へ移動するメニューです。複数目的の人が来るホームページでは必要ですが、一講座の広告LPでは注意を分散させることがあります。
完全削除だけでなく、ロゴ、運営会社、問い合わせだけを残す簡略ヘッダーもあります。ロゴがトップページへのリンクかどうかも意図を決めます。
2. ページ内ナビゲーション。『特徴』『カリキュラム』『料金』『FAQ』など同じページの見出しへ移動する目次です。長いLPで情報を探す人を助けます。ページ外への離脱ではなく、必要な場所へ短時間で到達する手段です。
固定目次が画面を大きく占めたり、現在地表示が誤ったりすると逆効果です。モバイルでは開閉式にする、重要な三〜五項目へ絞るなど調整します。
3. ファネルナビゲーション。フォーム入力、日程予約、確認、決済など、手順の現在地と次の操作を示すものです。チェックアウト中に通常メニューを消しても、『入力→確認→完了』という進捗と戻る手段は必要です。
戻ると入力が消える、前の価格条件を確認できない、完了までの段階が分からない状態を避けます。集中と閉じ込めを混同しないでください。
4. 法務・信頼ナビゲーション。特定商取引法に基づく表記、プライバシーポリシー、利用規約、運営会社、問い合わせ、アクセシビリティなどです。フッターに置くことが多いですが、商品と販売方法に必要な表示を確認します。
これらを『離脱リンクだから』と隠すと、法務上の問題だけでなく、検討者が運営者を確認できず不信につながります。重要条件はLP本文にも要約し、詳細ページへリンクします。
ナビゲーションを消す方がよいケース。通常のグローバルナビを外す合理性が高いのは、訪問者の目的とページの行動が狭く一致し、判断材料がページ内にそろっている場合です。削除したリンクの内容が不要になるわけではなく、LP内へ必要情報を移します。
一つの広告・一つのオファーを受けるページ。『オンライン講座の無料説明会』という広告から、同じ説明会へ申し込むLPへ来る場合です。別サービスや記事一覧のメニューは、広告で生まれた意図と競合します。
冒頭で広告の見出し、対象者、日程、参加費、得られることを一致させます。メニューを消しても、広告とLPが違えば離脱は減りません。
申込み・決済の途中。購入意思を持った人が氏名や支払情報を入力している途中では、ブログや別商品へのリンクは不要です。簡略ヘッダーにし、入力、確認、完了へ集中できるようにします。
ただし、価格、商品内容、キャンセル条件を確認する経路や、入力を中止して安全に戻る方法は残します。ブラウザの戻るだけに依存しません。
既に説明済みの既存顧客向け案内。メールや個別案内で内容を理解している既存顧客が、更新や追加講座へ申し込むページでは、サイト探索の必要が小さい場合があります。必要条件と手続きに絞れます。
既存顧客だから全て知っていると決めつけず、変更点、費用、更新期間、既存契約との関係は明確にします。
ナビゲーションを残す方がよいケース。検討に複数の情報が必要で、ページ外探索が自然な場合は、通常または簡略ナビが役立ちます。リンクを押した人を全て失敗とみなさず、購入判断の一部かを確認します。
検索・指名・直接流入が混在するページ。検索から『オンライン講座 作り方』を調べる人と、tamatebakoを指名してサービスを探す人では、意図が違います。同じページを入口にするなら、サービス詳細、事例、運営会社などへ移動できる方が自然です。
広告専用LPを別URLにし、検索されるサービスページは通常サイト構造へ置く方法もあります。重複内容や正規URL、計測、更新の運用を決めます。
高額・長期・法人向けの講座。複数の決裁者が、講師、会社、支援体制、他サービス、請求、セキュリティを確認する商品では、LP一枚で全てを完結しない場合があります。法人担当者が社内共有できる資料や会社情報へ進めるようにします。
メニューを増やすのではなく、決裁に必要なリンクをまとめます。『法人導入について』『運営会社』『導入事例』など、判断に直接関係するものを優先します。
複数の商品から適合を探す必要がある。動画講座、グループ支援、個別構築のどれが合うか事前に決まらない場合、一つの商品へ閉じ込めるより比較や診断へ移れる方が役立ちます。
ただし、広告で特定商品を約束したのに最初から一覧へ戻すと期待がずれます。現在の商品が向かない人にだけ代替案を示すなど、ページ内で優先順位を付けます。
信頼確認が意思決定の中心にある。専門家の資格、所属、運営実態、連絡先を確認したい商品では、講師紹介や運営会社へのリンクが安心につながります。医療、法律、財務などのテーマでは、情報の責任主体が特に重要です。
資格ロゴだけを置くのではなく、確認可能なプロフィールと、講座で教える領域との関係を説明します。
四つの実装パターンから選ぶ
完全削除か通常メニューかの二択にせず、流入と検討条件に合わせて四段階で考えます。ページごとに目的を決め、サイト全体で無秩序に変えないことが大切です。
パターンA：ロゴだけの集中型。広告専用LPや決済途中で使います。ロゴはホームへ戻すか、リンクなしにするかを決め、フッターに必要な法務・運営リンクを置きます。主要CTAは一種類にします。
ページ内に対象者、内容、価格、支援、講師、FAQ、条件がそろっていることが前提です。リンクを消すことで情報不足を隠さないでください。
パターンB：簡略ヘッダー。ロゴ、講座内容、料金、FAQ、運営会社、主要CTAなど少数に絞ります。同ページ内のアンカーと、信頼確認に必要なページ外リンクを組み合わせます。
高額講座や相談型サービスで使いやすく、集中と探索を両立できます。どのリンクも主要CTAと同じボタン色にしないなど視覚的階層を付けます。
パターンC：ページ内目次中心。長い講座LPで、カリキュラムや料金を探す人へ向きます。目次項目を訪問者の質問で表し、現在位置を分かるようにします。
固定ヘッダーの高さ、アンカー移動後に見出しが隠れないか、キーボードフォーカスが適切に移るかを確認します。URLのハッシュが共有に役立つ場合もあります。
パターンD：通常サイトナビ。検索向けサービスページ、ブランドサイト、複数商品を比較する入口で使います。既存サイトと同じ順序、名称、操作を保ち、利用者が予測できるようにします。
W3CのWCAG 2.2は、複数ページで繰り返すナビゲーションを同じ相対順で提示することを求めています。LPだけ順番や名称を変える場合は、意味と操作を損なわないか確認します。
リンク数より情報探索の仕事を考える。メニューのリンク数を減らすことは手段です。訪問者がページへ来た理由、次に知りたいこと、確認後に戻れるかを設計します。『離脱率を下げる』より『必要な情報を見つけて主要行動を完了する』へ目標を変えます。
各リンクの仕事を定義する。ナビ項目ごとに、どの利用者が、どの疑問を解決し、何を判断するために使うかを書きます。説明できない『ブログ』『その他サービス』『採用』は広告LPから外せます。
一方、『運営会社』は初見の高額講座で信頼確認、『法人導入』は決裁情報、『ログイン』は既存受講者の目的を支えます。同じリンクでもページと流入で役割が変わります。
別タブを乱用しない。外部リンクや規約を全て別タブで開くと、端末によっては戻り方が分かりにくくなります。本人が通常のリンク操作を選べることを基本にし、別タブを使う場合は予測可能にします。
モーダルで会社情報や規約を見せる場合も、閉じる操作、キーボードフォーカス、スクロール、URL共有を確認します。画面に閉じ込めないことが重要です。
リンク先からLPへ戻れるようにする。講師プロフィールや事例を見た後、同じ講座へ戻れないと検討が途切れます。リンク先に講座への文脈的な戻りリンクを置く、簡略ヘッダーを共有するなど導線をつなげます。
ブラウザの戻るだけを前提にせず、関連ページ間で現在の検討対象が分かるようにします。
モバイルナビゲーションの注意点。オンライン講座のLPはスマートフォンで読まれることが多く、デスクトップのメニューを縮めるだけでは使えません。固定ヘッダー、ハンバーガーメニュー、固定CTAが画面を占有し、本文やフォームを隠すことがあります。
固定要素の面積を確認する。上に固定ヘッダー、下に固定CTA、同意バナーがあると、本文が半分しか見えない場合があります。小さい画面、文字拡大、横向きでも確認します。
固定CTAは便利ですが、料金や条件を読む前から常に迫ると圧迫感が出ます。一定位置から表示する、閉じられるようにするなど文脈を考えます。
メニューの開閉とフォーカスをテストする。ハンバーガーに名称やアクセシブルなラベルを付け、開閉状態を伝えます。開いたメニューが背後のページと同時に操作されないようにし、閉じた後は元のボタンへフォーカスを戻します。
アンカーリンクで移動した後、見出しが固定ヘッダーの下へ隠れないようにします。キーボードと画面読み上げでも順序を確認します。
CTAとの誤タップを防ぐ。小さな閉じる印、隣接する電話・LINE・予約ボタンは誤操作を生みます。十分なタップ領域と間隔を取り、最も重要な行動を一つにします。
電話が使えない時間、LINEとフォームで対応内容が違う場合はラベルへ示します。連絡手段が多いことより、何を選ぶべきか分かることが重要です。
具体例：オンライン事業化支援LPのヘッダーを決める
例として、専門家向けのオンライン事業立ち上げ支援を考えます。広告は『専門知識を講座・コンサルとして商品化したい人』を対象に無料相談へ誘導します。一方、同じサービスページへ指名検索やブログからも訪問があります。
広告専用LPは簡略ヘッダーにする。広告専用URLでは、ロゴ、支援内容、進め方、事例、よくある質問、無料相談をページ内目次として置きます。ページ外は運営会社、プライバシー、特商法、問い合わせへ絞ります。
主要CTAは『無料オンライン事業化相談』へ統一し、別の資料請求やSNSは同じ強さで置きません。相談で確認する内容と、その後に契約義務がないかなどを説明します。
検索向けサービスページは通常ナビを残す。検索・ブログ流入では、まだ商品化の方法を調べている人が多いため、サービス、支援事例、記事、運営会社へ移動できる通常ナビを残します。ページ内では無料相談を主要行動にします。
二つのページで約束や価格条件がずれないよう、共通情報の更新担当を決めます。広告と検索をURLやUTMで分け、どの経路が相談・購入へつながったか確認します。
比較する指標。ページ外リンクを使った人が後に申し込むなら、そのリンクは単なる離脱ではありません。経路全体を見ます。
- 主要CTAクリックと日程予約完了
- 運営会社・事例・料金など確認リンクの利用
- リンク先から講座LPへ戻った割合
- 説明会参加と対象適合
- 『情報が見つからない』という質問
- モバイルのメニューエラーと表示速度
ナビ変更を検証する方法
ナビあり・なしをA/Bテストする前に、利用目的を確認します。グローバルメニューを消す大きな変更は、CTA率だけでなく信頼確認、対象外、モバイル操作へ影響します。
- 流入別に訪問者の目的と主要行動を定義する
- 既存ナビの各リンクについて、クリック数と判断上の役割を確認する
- 相談・購入前に見られたページ経路を分析する
- 対象者へタスクを依頼し、必要情報を見つけられるか観察する
- 完全削除、簡略、ページ内目次、通常ナビから仮説に合う案を作る
- CTA、予約、購入に加え、信頼ページ利用、戻り、問い合わせを計測する
- モバイル、キーボード、拡大、戻る操作で動作を確認する
- 販売期と流入条件をそろえて結果を比較し、実装後も監視する
離脱率だけで決めない。リンクを消せばページ外遷移は減りますが、それ自体は成果ではありません。訪問者が情報を見つけられず閉じた場合も、分析上は同じサイト外離脱です。
主要行動の完了、情報探索の成功、問い合わせ内容、説明会での理解を見ます。
アクセシビリティをテストの勝敗にしない。明確なラベル、論理的なフォーカス順、十分な操作領域、同じ機能の一貫した名称は基本要件です。アクセスが多い案だけに実装する項目ではありません。
ナビを変える場合も、サイト内の繰り返し要素との一貫性と、支援技術での操作を確認します。
まとめ
オンライン講座LPのナビゲーションは、消せば集中、残せば離脱という単純な問題ではありません。グローバルナビ、ページ内目次、申込み手順、法務・信頼リンクを分け、それぞれの仕事を定義します。
広告専用LPや決済途中では集中型、検索・高額・法人向けでは簡略または通常ナビが合う場合があります。必要な情報をページ内にそろえ、会社や規約を確認でき、リンク先から戻れる導線を作ります。
参考資料・出典
本文の事実確認と実務上の判断に用いた資料です。各資料の結論をそのまま当てはめず、自社の顧客・商品・計測条件に合わせて検証してください。
- CXL: Should You Use Navigation on Landing Pages? — LPのナビゲーション削除・維持をデータと文脈から検討する論点を参照。
- Google Ads Help: Landing page — 情報の有用性・関連性、ナビゲーション、リンク、広告との期待一致を含むLP体験の説明を参照。
- Google Ads Help: Optimize your ads and landing pages — 広告との一致、モバイル対応、簡単なナビゲーション、重要情報の配置を参照。
- W3C: Understanding Success Criterion 3.2.3 — Consistent Navigation — 繰り返されるナビゲーションの相対順序と予測可能性に関する基準を参照。
- W3C WAI: Designing for Web Accessibility — 明確で一貫したナビ、見出し、フォーム、異なる画面幅への設計を参照。
あなたも、自分の経験をオンライン講座にしてみませんか？
tamatebakoでは、専門家が培ってきた知識や技術を、オンライン講座として販売できる状態までまとめて構築しています。企画、カリキュラム、教材、販売ページ、申込み後の流れまで、一括して相談できます。
まだテーマが決まっていなくても問題ありません。これまでの仕事や顧客から相談されてきたことを伺い、どんな講座が作れそうかを一緒に整理します。