導線と動線とは、いずれもサイト内のユーザーの移動経路を指す言葉ですが、視点が逆です。導線はサイト運営者が「通ってほしい」と設計した理想の経路、動線はユーザーが「実際に辿った」足跡を指します。導線を設計し、動線で検証し、ズレを修正するサイクルが、コンバージョン（問い合わせ・購入などの成果）改善の基本です。
この違いを理解しないまま設計すると、いくら集客してもコンバージョンにつながらないサイトになります。本記事では、当社がヒートマップとフォーム改善で実際にCVR（コンバージョン率）を動かした事例を交えながら、設計から分析・改善までを解説します。
この記事でわかること
- 導線と動線の違い： 比較表と図で一目で整理できます
- 導線設計の5ステップと分析ツール比較： 手順と、無料で始められるツールの選び方がわかります
- CVRを改善した自社の実例： 入力フォーム改善でCVRを20%から30%へ引き上げた具体的な手法を共有します
導線と動線の違い｜一目でわかる比較表
導線と動線は以下の通り明確に異なります。
| 項目 | 導線（どうせん） | 動線（どうせん） |
|---|---|---|
| 定義 | 制作者がユーザーに通ってほしい経路 | ユーザーが実際に辿った足跡 |
| 主体 | サイト運営者・制作者 | ユーザー |
| 目的 | ゴールへ誘導する設計 | 行動を記録・分析する |
| 使うタイミング | サイト設計・構築時 | 公開後の分析・改善時 |
導線と動線は対立する概念ではなく、「導線を設計→ユーザーが動く→動線を分析→導線を改善」というサイクルで使います。
なお、「導線」と「動線」はどちらを使うべきか迷う言葉でもあります。客の通り道に関する一般のアンケート調査では「動線」が57.3%、「導線」が31.4%と、日常的には「動線」が多数派でした（毎日ことば・2019年調査）。一方で、客を意図的に誘導する経路を指す専門用語としては「導線」が正しい用法とされ、朝日新聞の用語の手引や三省堂国語辞典第7版にもその記載があります。Web制作の現場では、運営者が引いた経路を「導線」、実際の足跡を「動線」と使い分けますが、口頭では「サイトの流れ」と言えば大半は通じます（アイダイム分析）。厳密な使い分けより、設計と分析の両輪を回すことのほうが成果に直結します。
Q. 導線と動線、どちらが正しいですか？
A. 一般的な通り道を指すなら「動線」が多数派ですが、サイト運営者が意図的に設計した誘導経路を指す専門用語としては「導線」が正しい用法です。本記事では、設計した理想の経路を「導線」、ユーザーの実際の足跡を「動線」と使い分けています。
主要なルートを指す「主導線」という言葉も使われます。
Q. 主導線とは何ですか？
A. 主導線とは、ユーザーをゴールへ導く最も主要な経路のことです。トップページから最重要のコンバージョンページ（問い合わせ・購入など）へ向かう中心ルートを指し、サブの経路（副導線）と区別して優先的に設計します。
それぞれの言葉の意味を、もう少し詳しく見ていきます。
導線とは
導線とは、サイト運営者がユーザーに通ってほしい経路を設計したものです。訪問者をゴール（問い合わせ・購入・資料請求など）まで迷わず導くために、リンクの配置・ボタンの設置・ページ構成を設計します。あくまで運営者側の「意図」であり、ユーザーが実際にその通りに動くかは別の話です。
動線とは
動線とは、ユーザーが実際にサイト内で辿った足跡です。どのページから入り・どこをクリックし・どこで離脱したかという実データを指します。ヒートマップ（ユーザーの行動を色の濃淡で可視化するツール）やアクセス解析ツールで可視化し、「意図した導線と実際の動線がどこでズレているか」を分析するために使います。
なぜ今、導線設計と動線分析が重要なのか
導線設計が必要な理由は、ユーザーは「何もしなければ離脱する」からです。そして2026年現在、その重要性はかつてなく高まっています。検索からの流入そのものが構造的に減り始めているためです。
検索結果画面だけで情報を完結させる「ゼロクリック検索」が広がっています。10代では73.6%、全体でも63.2%が検索結果画面だけで完結しているという調査があり（サイバーエージェント調査）、主要1,000ドメインへの検索経由アクセスは2024年6月の120億回から2025年6月の112億回へ、前年比約6.7%減少しました（Similarweb調査）。さらにAIによる概要（AI Overviews）が表示されるキーワードでは、検索1位ページのクリック率が日本でも約38%、グローバルでは約58%低下しています（Ahrefs・2025年12月データ）。AI Overviewsが表示されるキーワードの99.2%が情報収集型であることもわかっており、「〇〇とは」「〇〇の違い」のような定義系のクエリほどクリックを奪われやすい状況です。
（アイダイム分析）この変化が意味するのは、「検索で上位を取れば流入が来る」時代の終わりです。流入の総量が減る以上、サイトに来てくれた一人ひとりを確実にゴールへ導く導線設計と、離脱を防ぐ動線分析の価値が相対的に上がっています。集客の入口を広げる努力と同じ熱量で、サイト内部の経路を磨く必要があります。
【自社検証】ヒートマップ×フォーム改善でCVRを改善した実例
導線設計の効果を、当社の実例で示します。
（自社検証）あるサイトの入力フォーム最適化（EFO：Entry Form Optimization、入力フォームの離脱を減らす改善）に取り組んだ際、CVRを20%から30%へ引き上げることができました。実施したのは特別なことではなく、一般的に有効とされる「不必要な入力項目の削除」を中心とした調整です。EFOは少ない工数で効果が出やすく、10%程度の改善は珍しくありません。
この結果から言えるのは、流入を増やす前に、すでに来ている訪問者の離脱を止めるほうが投資対効果が高い場面が多いということです。フォームのどの項目でつまずいているかは、後述するヒートマップやセッション録画（ユーザーの操作を動画で再現する機能）で特定できます。導線設計とは、こうした「ズレの修正」を積み重ねる作業に他なりません。
コンバージョンの考え方そのものを整理したい場合は「SEOにおけるCV（コンバージョン）とは」も参考にしてください。
導線設計の手順｜5ステップ
導線設計は、運営者の都合ではなくユーザー目線で組み立てます。以下の5ステップで進めます。
ステップ1：ユーザーの目線で設計する
「いつ・どこで・なぜ・どの経路でサイトに訪問するか」を具体的に想定します。すべてのユーザーを対象にするのではなく、メインターゲットとなる層に絞って行動を予測します。ターゲット像の設計については「WEB設計におけるペルソナとは？ターゲットの違いや設計の仕方を初歩から解説」も参考にしてください。
ステップ2：ビジネスの目標とユーザーの目的を明確にする
ユーザーに取ってほしい行動（ビジネスの目標）と、ユーザー自身が満たしたいニーズ（ユーザーの目的）を明確にします。ビジネス目標が「問い合わせの獲得」なら、ユーザーの目的は「料金を知りたい」「実績を確認したい」など複数あります。この2つが噛み合う地点に導線のゴールを設計します。
ステップ3：流入経路を把握し経路別に行動を考える
流入経路ごとにユーザーの状態が異なります。検索エンジンからの流入は「情報収集中」が多く、SNSからの流入は「興味を持って来た」状態が多いため、それぞれ導線の設計が変わります。検索・Web広告・SNS・メール・紹介サイトといった経路別に、最適な入口と次の一歩を用意します。
ステップ4：必要な情報を適切なタイミングで配置する
問い合わせ前に「料金が知りたい」ユーザーには料金ページへの導線を、「実績を確認したい」ユーザーには事例ページへの導線を、それぞれ適切なタイミングで設置します。コンバージョンにつながる順番で情報を並べることが重要です。
ステップ5：出口（CTA）は1つに絞る
導線設計で最も重要なのが「出口の一本化」です。CTA（Call To Action、行動喚起のボタンやリンク）が1ページに複数あると、ユーザーはどれを押せばいいか迷い、結果的に何もせずに離脱します。「このページでユーザーに取ってほしい行動は1つだけ」という原則で設計してください。
Q. 導線設計で最も重要なことは何ですか？
A. ゴール（CTA）を1つに絞ることです。複数のCTAがあるとユーザーが迷い、結果的に何もせずに離脱します。「このページでユーザーに取ってほしい行動は1つだけ」という原則で設計してください。
手順を固めたら、次は実際の動きを測るツールを選びます。
動線分析ツール比較｜自社の使い分け
動線分析に使うツールは複数あり、無料で始められるものもあります。代表的な4つを、当社の使い分けとあわせて比較します。
| ツール | 主な機能 | 料金（2026年時点） | 当社の使いどころ |
|---|---|---|---|
| Microsoft Clarity | ヒートマップ・セッション録画・イライラクリック検出 | 無料 | 動線分析の基本ツール。まずこれで離脱ポイントを把握 |
| GA4（経路データ探索） | ページ遷移・ファネルの可視化 | 無料 | CVに至るまでの遷移の経緯を追う。どのページを経由したかを確認 |
| Hotjar | ヒートマップ・録画・フィードバック収集 | 無料プランあり／有料$32〜（月額） | アンケートやフィードバック機能も必要なとき |
| Ptengine | ヒートマップ・A/Bテスト・Web接客 | 無料プランあり／有料4,980円（税抜）〜 | 改善施策（A/Bテスト・ポップアップ）まで一気通貫したいとき |
※料金はプラン改定により変動します。最新の料金は各ツールの公式サイトでご確認ください。
（アイダイム分析）当社では、ヒートマップによる動線分析はMicrosoft Clarity（無料）を基本とし、CVに至るまでの遷移の経緯はGA4の経路データ探索で追っています。無料の組み合わせで多くの分析は足りるため、有料ツールはA/Bテストやフィードバック収集など特定の目的が明確なときに限って使い分けます。動線分析というと人間のクリックやスクロールに目が向きがちですが、クローラー（検索エンジンの巡回プログラム）やボットの動きを確認することも、サイトの構造的な問題を見つける手がかりになります。各ツールの種類と手順は「ヒートマップ分析の教科書｜種類・手順・CVR改善」で詳しく解説しています。
Q. 動線分析にはどんなツールを使えばいいですか？
A. まずは無料のMicrosoft Clarity（ヒートマップ・セッション録画）とGA4の経路データ探索の組み合わせで十分です。A/Bテストやフィードバック収集まで行いたい場合は、Hotjar（有料$32〜）やPtengine（有料4,980円税抜〜）を目的に応じて追加するとよいでしょう。
動線分析で導線を改善する方法｜ヒートマップ活用
導線を設計したら、実際にユーザーがどう動いているかを動線データで確認し、改善につなげます。ヒートマップツールはこの工程で中心的な役割を果たします。
アテンションヒートマップで注目度を可視化する
アテンションヒートマップはユーザーの視線が集まっている箇所を色の濃淡で示します。注目度の高いコンテンツがページ下部に埋もれていることが多く、それを上位に引き上げるだけでユーザーの関与が高まります。さらに、注目度が高いエリアの付近にCTAを配置することで、クリック率の改善が見込めます。
イライラクリックで離脱ポイントを検出する
イライラクリックとは、リンクではない箇所を短時間に繰り返しクリックする行動です。「クリックできると思ったのに反応しない」というユーザーのフラストレーションを示します。この箇所をリンクにする・ボタンを設置する・情報を追記するといった改修で離脱率を改善できます。
（自社検証）フォームの離脱改善では、ヒートマップよりもセッション録画動画のほうが有効なケースが多くあります。フォームのどの入力項目でつまずいているかは、動画を見ることで初めてわかります。前述のCVRを20%から30%へ引き上げた事例も、録画でつまずきポイントを特定したうえで不要な項目を削った結果です。
CVの前に見られる「会社概要ページ」を最適化する
（アイダイム分析）GA4の経路データ探索でコンバージョンに至る経緯を追うと、多くの場合、ユーザーは問い合わせの前に会社概要ページを見ています。実績や所在地、運営者の情報を確認して「信用できるか」を判断しているためです。そのため、会社概要ページの導線上の配置と内容の最適化は、見落とされがちですが重要な改善ポイントです。料金ページや事例ページだけでなく、信頼を担保するページへの導線も設計に含めてください。
📌 サイトの滞在時間・離脱ポイントの目安についてはこちら
→ サイトの滞在時間の目安｜伸ばす方法やSEOへの影響を解説
AI時代の導線設計｜エージェント対応フォームの考え方
2026年以降の導線設計では、サイトを訪れるのが人間だけではなくなる可能性も視野に入ります。AIエージェント（ユーザーの代わりにWeb上で操作を行うAI）が、情報収集やフォーム送信を代行する場面が想定されるためです。
（アイダイム分析）AIエージェントの普及が進めば、フォームの内容がAIに正しく認識される構造になっているか、また人間であることを証明する仕組み（CAPTCHA等）をどう扱うかが論点になると見られます。ただし、すべてのAIエージェントが同じように動作するかは不確かです。エージェントによるフォーム送信は、従来のヘッドレスなbotアクセス（画面を持たない自動アクセス）とは性格が異なるため、過度に身構える必要はないかもしれません（※確認中）。実際の挙動は、主要なAIエージェントで実際にテストして確かめるのが最も確実です。現時点では確定した正解はなく、自社サイトで検証しながら対応を決めていく領域です。
Q. AIエージェント時代のフォームで気をつけることは？
A. フォームの内容がAIに正しく認識される構造にしておくこと、人間証明の仕組みの扱いを検討しておくことが論点になると見られます。ただし挙動はエージェントごとに異なる可能性があるため、主要なAIエージェントで実際にテストして確認するのが確実です（※確認中）。
技術的な前提は変わっても、「ユーザーを迷わせない」という導線設計の本質は変わりません。最後に、設計時に押さえるべき注意点を整理します。
導線設計で注意すべき3つのポイント
TOPページの構成を最優先する
TOPページの構成が適切でないと、ユーザーはそのまま離脱し下層ページまで遷移しません。どの順番で情報を提示するか、ファーストビュー（最初に表示される画面）で何を伝えるかが最も重要です。TOPページはサイトの顔であり、デザインと情報の順序でそのまま閲覧継続かどうかが決まります。
ナビゲーション・ボタンの位置を最適化する
ヘッダーのナビゲーションメニューはサイト内の道案内です。「どこに何があるか」が直感的にわかる構造にしてください。問い合わせボタンはほかとは異なる色・目につきやすい位置に配置することで、コンバージョン率の改善につながります。スマートフォンでは、片手操作時に親指が自然に届く画面中央から下部のエリア（サムゾーンと呼ばれます）に重要なアクションボタンを配置することが、UXデザインの原則として推奨されています。
分析と改善を継続する
導線設計は一度作ったら終わりではありません。動線データを定期的に確認し、想定した導線と実際の動線のズレを特定して改修を繰り返します。本記事の運用でMicrosoft Clarityのデータを確認したところ、モバイルユーザーはページの中盤以降から離脱が増加する傾向が見られました。重要な情報・結論をページ前半に集中させ、各見出しの文章量を短くし、中盤に小見出しや箇条書きを入れてスキャンしやすくすることが、中盤離脱への有効な対処です。
Q. モバイルで離脱が多い場合、どう改善すればいいですか？
A. 重要な情報をページ前半に集中させ、中盤に小見出しと箇条書きを入れてスクロール負荷を下げることが有効です。また、フォームの離脱改善にはヒートマップよりセッション録画動画が有効で、入力項目のつまずきポイントを特定して改修することでCVRが改善します。
Q. 導線設計はどのタイミングで見直すべきですか？
A. コンバージョン率が下がっている・離脱率が高い・問い合わせ数が減少しているなどのシグナルが出たときが見直しのタイミングです。定期的にヒートマップとアクセス解析を確認し、導線と動線のズレが大きくなっていないかをチェックしてください。
導線を設計し、動線で検証し、ズレを直す。この地道なサイクルが、流入が減る時代にコンバージョンを守る最も確実な方法です。
参考情報
- Microsoft Clarity（無料ヒートマップツール）
- Hotjar 公式料金ページ
- Ptengine 公式料金ページ
- Google アナリティクス ヘルプ：経路データ探索
- Ahrefs 調査：AIによる概要のゼロクリック影響（2025年12月データ）
- 毎日ことばplus：「導線」と「動線」の表記アンケート（2019年）
- 株式会社サイバーエージェント：ゼロクリック検索に関する調査