【Webサイト診断】あなたのホームページ、問い合わせまでの導線を確認していますか？ - 訪問者を迷わせる「消えたボタン」とCVR低下の罠 -
綺麗で今風にしたのに、問い合わせが増えない。アクセスはあるのに、次の行動が起きない。Web担当の場でよく出る悩みです。見た目の完成度と、問い合わせやすさは、同じではありません。しかし、おしゃれさと CV が逆相関する、という話でもありません。途中で案内が途切れると、探してまで送る人は少ない、という話です。
結論です。ユーザーは、迷ったままフォームまで行ってくれないことが多い。 ファーストビューから問い合わせまでの道が途切れたサイトは、欠陥、とは言いません。
そのページでは、目的の行動が起きにくい、というのが正確です。導線は案内図です。切れ目があると、迷いが生じ、戻る・閉じるが増えます。
この記事では、フリーランスのWebディレクター兼エンジニアとして、ボタンが消える・埋もれる・大きすぎる追従で本文が読めない、という型を整理します。
劇的な CVR 改善％は出しません。実機で、次に何をすればよいかが見えるか、を見ます。
今すぐ見る、CV 導線の5点
- 今いるページで、次の行動が一目で分からない。 トップも記事も、「読む」で終わり、送る・電話する場所が視線の外。
- スマホで、問い合わせや電話が、親指の届く位置に無い。 追従が無いこと自体は失敗ではありません。ハンバーガーメニューの開いた先だけ、は分かりにくい。
- 検討の段階に対して、出口が1つだけ。 「今すぐ契約」しか無いと、資料や相談の段階で止まる人が残されます。選択肢を増やせば必ず増える、という話でもありません。ハードルの違う出口があるかどうか、です。
- サービス紹介からフォームまで、ページが多すぎる。 不要な中間が、途中離脱の機会になります。説明が長いこと自体は悪くありません。同じ内容の繰り返しと、戻るリンクが無いことが問題です。
- スマホの固定バーやバナーが、本文を隠す。 CV を足すほど読む面積が減り、閉じられる。直脱の原因はそれだけとは限りません。隠れて読めない、は確認できます。
導線が崩れる、現場で多い原因
世界観を守るために、ボタンが風景になる
背景と同系色、細い線だけ、ヘッダーの文字リンクに溶ける。クリックできると分からない。デザイン優先、というより、コントラストと「ボタンらしい形」を後回しにした結果です。同化は、おしゃれの失敗ではなく、認識の失敗です。
追従（Sticky）が大きすぎる
固定で常に見せると、到達は増えることがあります。画面の1/4を占めるバーは、記事の行が隠れ、ストレスになります。裏目、は量の問題です。1アクション、高さを抑える、キーボード表示時は隠すか縮める、を先に決める。
デスクトップのヘッダーを、そのまま縮小する
PC では「お問い合わせ」が常時見える。スマホではハンバーガーメニューの中。到達できない、とは言いません。開かないと無い、は計測できます。下部に短い固定（電話／相談）を足すか、メニューの先頭に同じ出口を置く。
直脱と、検索・AI の話
ポゴステッキング（結果に戻って別の結果を開く）は、目的のページで解決できなかったときに起き得ます。Google が直帰率と離脱率を順位の公式指標にしている、という仕様はありません。行動ログを検知して UX の低いコンテンツとして評価を下げる、とも断定しません。起きやすいのは、人が戻ることと、問い合わせが起きないことです。AI 回答の時代でも、迷わず次の一手があることは、人が使うサイトの基礎です。GEO の加点、ではありません。
導線を直すときの、やり方
劇的改善、とは言いません。切れ目を塞ぐ作業です。
- CTA の位置。 いわゆる Z や F の視線モデルは、仮説です。法則として信じなくてよい。最初の画面と、説明の区切りと、末尾に、同じ出口があるか。色は背景から分離する。
- スマホの固定。 1行、44px 前後のヒット領域、本文を隠さない高さ。ボタン・リンクの文字列は「送信」より、何が起きるか（相談する、電話する）。
- 検討度の違い。 無料相談、資料、見積もり。全部を同じページに並べると散ることもある。主出口を1つ、副を1つ、が説明しやすい。無いサービス名は作らない。
実機で、片手、縦、キーボードを出した状態まで見る。一度作って終わり、ではありません。メニューを増やした月に、出口が奥へ落ちていないかを見る。
CV 導線＆ UI/UX チェックシート
チェック項目 | 不備があるときの起きやすさ | 揃えたい状態 |
|---|---|---|
次の行動 | 読んで終わり | 今のページに、次の一手がある |
ボタンの見え方 | リンクに見えない | 形とコントラストで、押せる |
ヘッダー内の埋没 | 探して閉じる | 主要出口は、メニュー外にも出す |
スマホの到達 | ハンバーガーメニューの奥だけ | 下部または先頭に、短い出口 |
追従の高さ | 本文が隠れる | 1アクション。入力中は重ならない |
中間ページ | 同じ説明の繰り返し | フォームまでのクリックを数える |
出口の種類 | 契約だけ | 相談など、実際にある手段だけ |
記事中 | ブログに出口が無い | 区切りと末尾に、同じ相談 |
固定 CTA とキーボード | 送信が見えない | safe-area と、入力中の表示を実機で |
実機 | エミュレータだけ | 親指、縦、スクロールして確認 |
直帰・戻り | 原因を順位と決めつける | フォーム到達と、離脱ページを見る |
コピー | 「こちら」だけ | 何をするボタンか、ボタン上に書く |
まとめ：案内は、作ったあとにも見る
導線は、公開時の1回では足りません。メニュー追加、追従の追加、記事の増加で、出口が消えます。診断という商品名である必要はありません。
問い合わせまでの切れ目、固定バーの大きさ、実機での押しやすさの相談は、相談・お問い合わせからどうぞ。