LP・販売導線 オンライン講座

オンライン講座LPにナビゲーションは必要？残す・消す・簡略化の判断基準

LPにナビゲーションは必要かを解説するtamatebakoブログのサムネイル

広告用LPでは『離脱を防ぐためヘッダーのナビゲーションを消す』と言われます。しかし、オンライン講座の検討者が会社情報、講師実績、規約、別プランを確認したい場合、リンクを全て消すと不安や行き止まりを作ることがあります。

ナビゲーションは、ある・なしの二択ではありません。流入の意図、主要行動、検討に必要な情報、サイト内での役割を整理し、完全削除、簡略ヘッダー、ページ内目次、通常ナビの四案から選びます。リンク数ではなく、訪問者が目的を完了できるかで判断します。

LPは一つの行動へ集中させるページだから、他ページへのリンクは全て離脱だと考えられがちです。確かに、広告で一つの講座を案内し、申込みに必要な情報がLP内へそろっているなら、サービス一覧やブログへのリンクは注意を分散させます。一方、高額な専門講座では、運営会社、講師の専門性、特定商取引法に基づく表記、プライバシー、法人向け情報を確かめる行動が信頼形成の一部です。

Google Adsはランディングページ体験に、情報の有用性・関連性、ナビゲーションのしやすさ、リンク数、クリック前の期待との一致などを挙げています。『リンクは少ないほど品質が高い』という単純な意味ではなく、広告から来た人が期待した情報と行動へ到達しやすいことが重要です。

検索から記事や講座ページへ来る人は、まだ課題を調べている、複数サービスを比較したい、運営者を知りたいことがあります。通常サイトの一部として検索されるLPからメニューを完全に消すと、サイト全体を探索できず、戻る操作に頼らせます。広告専用ページと検索向けページを同じテンプレートで扱わない方がよい場合があります。

この記事では、ナビを残す・消す・簡略化する判断軸、法務・信頼リンクの扱い、ページ内目次、モバイル設計、計測と検証を解説します。CXLの議論を出発点にしつつ、オンライン講座の販売導線へ具体化します。

最初に分けるべき四種類のナビゲーション

『ナビを消す』という議論では、異なる役割のリンクが一括りにされます。サイト全体のメニュー、ページ内目次、申込み手順、法務・信頼リンクを分けて考えます。主要行動と競合するのはどれか、判断を助けるのはどれかを整理します。

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率だけでなく信頼確認、対象外、モバイル操作へ影響します。

  1. 流入別に訪問者の目的と主要行動を定義する
  2. 既存ナビの各リンクについて、クリック数と判断上の役割を確認する
  3. 相談・購入前に見られたページ経路を分析する
  4. 対象者へタスクを依頼し、必要情報を見つけられるか観察する
  5. 完全削除、簡略、ページ内目次、通常ナビから仮説に合う案を作る
  6. CTA、予約、購入に加え、信頼ページ利用、戻り、問い合わせを計測する
  7. モバイル、キーボード、拡大、戻る操作で動作を確認する
  8. 販売期と流入条件をそろえて結果を比較し、実装後も監視する

離脱率だけで決めない

リンクを消せばページ外遷移は減りますが、それ自体は成果ではありません。訪問者が情報を見つけられず閉じた場合も、分析上は同じサイト外離脱です。

主要行動の完了、情報探索の成功、問い合わせ内容、説明会での理解を見ます。

アクセシビリティをテストの勝敗にしない

明確なラベル、論理的なフォーカス順、十分な操作領域、同じ機能の一貫した名称は基本要件です。アクセスが多い案だけに実装する項目ではありません。

ナビを変える場合も、サイト内の繰り返し要素との一貫性と、支援技術での操作を確認します。

LPナビゲーション決定シート

ページ単位で、リンクを残す理由と削除する理由を記録します。

【ページ】
URL・商品：
主要な流入：
訪問者が来る直前に見た約束：
主要な対象者：
主要行動：

【検討に必要な情報】
LP内で完結する情報：
ページ外で確認する情報：
法務・運営・信頼リンク：
申込み途中に戻って確認する情報：

【リンク監査】
リンク名／利用者／解決する疑問／主要行動との関係／残す場所：

【実装案】
ロゴのみ／簡略／ページ内目次／通常ナビ：
PCでの表示：
モバイルでの表示：
固定要素：
戻る経路：

【検証】
主要指標：
信頼・探索指標：
品質指標：
アクセシビリティ確認：
採用・修正基準：

必要な法定表示や契約条件はCVRテストの都合で隠さず、販売地域と商品に適用される要件を確認します。

LPナビゲーション公開前チェックリスト

リンク数ではなく、目的達成と信頼確認を基準にします。

  • 広告、検索、指名、既存顧客など主要流入を分けた
  • ページの主要行動を一つ定義した
  • グローバル、ページ内、ファネル、法務リンクを分けた
  • 各リンクが解決する利用者の疑問を説明できる
  • 広告で約束した情報がLP内ですぐ見つかる
  • 削除したメニューの必要情報をLP内へ移した
  • 運営会社、規約、プライバシー、問い合わせへ到達できる
  • 価格、期間、取消条件など重要事項を隠していない
  • 高額・法人商品で決裁に必要な情報を用意した
  • ページ内目次の見出しが具体的である
  • リンク先から同じ講座へ戻る経路がある
  • 同じ機能の名称、順番、見た目が一貫している
  • モバイルで固定要素が本文やフォームを隠さない
  • メニューの開閉とフォーカスをキーボードで操作できる
  • アンカー移動後の見出しが固定ヘッダーに隠れない
  • CTAと隣接リンクを誤タップしない
  • フォーム・決済途中に進捗と安全な戻り方がある
  • CTA率以外に信頼確認と下流品質を計測する

よくある失敗と直し方

失敗1：全てのLPから一律にメニューを消す

検索流入、高額商品、法人検討では、会社や事例を確認できず不安が増える場合があります。

流入、主要行動、検討情報でページを分類し、四つの実装パターンから選びます。

失敗2：ページ外クリックを全て離脱とみなす

講師や運営会社を確認した後に戻って申し込む行動を見落とします。

リンク先からの戻り、後の予約・購入まで経路を計測します。

失敗3：ナビを消したまま必要情報も削る

価格、条件、信頼材料を探せず、訪問者が判断できなくなります。

ページ内へ必要情報を移し、詳細な法務・運営情報へのリンクを残します。

失敗4：モバイルで固定要素を重ねる

ヘッダー、CTA、同意バナーが本文や操作を隠し、誤タップを生みます。

小さい画面と文字拡大で面積を確認し、表示条件や閉じる操作を調整します。

失敗5：離脱率が下がっただけで成功とする

別ページへ行けなくなったため見かけ上改善しても、予約や購入が増えないことがあります。

主要行動完了、対象適合、問い合わせ、受講後の質まで確認します。

よくある質問

広告LPのヘッダーは必ず消した方がよいですか？

必ずではありません。一つの広告とオファーが一致し、必要情報がページ内にそろうなら集中型が候補です。運営会社や規約など必要な確認経路は残します。

ロゴはトップページへリンクすべきですか？

通常サイトでは期待されやすい操作ですが、申込み途中では意図しない離脱を生む場合があります。リンクの有無を決め、利用者が安全に戻れる別の方法を用意します。

長いLPにはページ内目次が必要ですか？

料金やカリキュラムを探す人が多いなら役立ちます。項目を具体的な疑問へ絞り、モバイルの占有面積、アンカー位置、キーボード操作を確認します。

特商法やプライバシーのリンクも消してよいですか？

CVRのために必要な法務・信頼情報を隠してはいけません。販売方法と地域に適用される要件を確認し、重要条件は本文にも分かりやすく示します。

ナビあり・なしは何で比較しますか？

CTA率、予約・購入だけでなく、信頼ページの利用、戻り、情報不足の問い合わせ、対象適合、モバイル操作を見ます。流入別に評価します。

まとめ

オンライン講座LPのナビゲーションは、消せば集中、残せば離脱という単純な問題ではありません。グローバルナビ、ページ内目次、申込み手順、法務・信頼リンクを分け、それぞれの仕事を定義します。

広告専用LPや決済途中では集中型、検索・高額・法人向けでは簡略または通常ナビが合う場合があります。必要な情報をページ内にそろえ、会社や規約を確認でき、リンク先から戻れる導線を作ります。

検証では離脱率だけを見ず、主要行動の完了、信頼確認、対象適合、購入、モバイルとアクセシビリティを確認します。訪問者を閉じ込めるのではなく、自分の目的を完了できるナビゲーションを選んでください。

参考資料・出典

本文の事実確認と実務上の判断に用いた資料です。各資料の結論をそのまま当てはめず、自社の顧客・商品・計測条件に合わせて検証してください。

LPだけでなく、売れる仕組み全体を設計したい方へ

LPの改善は大切ですが、商品の対象者、提供価値、カリキュラム、申込み後の体験がつながっていなければ成果は安定しません。tamatebakoは、専門性の商品化から販売ページ・導線までを一つの事業として設計します。

まだ何を作るか決まっていなくても問題ありません。無料オンライン事業化相談では、これまでの経験を伺い、どのような商品や事業が考えられるかを整理します。

オンライン事業化支援の詳細を見る

-LP・販売導線, オンライン講座