BtoBサイトのCVR改善には「誰に・何を・どう伝えるか」の設計が先決です。WACULの調査によると、BtoBサイト訪問者の58%はトップページから直接フォームへ遷移する行動をとっています。つまり、詳細ページを読み込む前に問い合わせるかどうかを判断しているわけです。この現実を踏まえた7つの設計原則を、実践的なアクションとともに解説します。
(WACUL「B2Bサービスサイトにおけるユーザー行動調査」)
(WACUL調査)
原則1:ファーストビューにCTAを置く
WACULの調査では、ファーストビュー(画面を開いた瞬間に見える領域)にCTAボタンを設置することで、CVRが平均1.64倍に向上するという結果が出ています。BtoBの意思決定者は時間に追われており、スクロールせずに「この会社に問い合わせるべきか」を判断します。
実践のポイントは3つです。第一に、ヘッドライン直下にCTAボタンを配置すること。第二に、ボタンのラベルは「お問い合わせ」ではなく「無料相談を予約する」「3分で資料を受け取る」のように具体的な価値を示すこと。第三に、ボタン周辺に「回答は1営業日以内」「導入実績〇社以上」といった安心感を添えることです。
原則2:課題→解決→証拠の順序で構成する
BtoBの購買担当者が最も関心を持つのは「自社の課題を解決できるか」という一点です。にもかかわらず、多くのサイトは「会社の強み」「サービス概要」から始まります。これは読み手の関心と逆の順序です。
効果的な構成は、まず読み手の課題を言語化し(「製造業の営業担当者が抱える〇〇の悩みに対応しています」)、次に解決策を提示し、最後に導入事例や実績で証拠を示す流れです。課題の言語化が正確であるほど、読み手は「自分のことを理解している会社だ」と感じてCVR が上がります。
ポイント:課題の言語化には既存顧客へのインタビューが最も有効です。「なぜ当社を選んだか」「選ぶ前にどんな不安があったか」を5社からでも聞くと、サイトに載せるべき言葉が明確になります。
原則3:フォームのフィールド数を最小化する
WACULの調査では、フォームのフィールド数を1つ削減するごとに通過率が約2ポイント向上するというデータがあります。「氏名・会社名・メールアドレス・電話番号・部署・役職・従業員数・問い合わせ内容」の8項目を全て必須にしているサイトは珍しくありませんが、初回接触の段階ではそこまでの情報は不要です。
最初のCTAは「氏名・会社名・メールアドレス」の3項目に絞り、商談が進んだ段階で追加情報を取得する設計が合理的です。「電話番号必須」も離脱を生みやすい要因の一つです。まずメールでのやり取りを希望する担当者も多いため、任意項目にするだけでCVRが改善するケースがあります。
原則4:ページ長は目的に応じて設計する
WACULの調査によると、コンバージョン最適なLP の長さは約4,000pxというデータがあります。ただしこれは「認知度が低いサービス」「初見の訪問者が多い」場合の話です。指名検索(ブランド名で検索してくる訪問者)が多いサービスはより短くても十分です。
重要なのはページ長ではなく「読み手が判断するのに必要な情報を過不足なく提供できているか」です。よくある失敗は「詳しく書けば信頼される」という思い込みから、読み手に関係のない情報を詰め込むことです。各セクションを「これはなぜ必要か」と自問しながら構成を精査してください。
原則5:社会的証明を具体的に示す
BtoBの購買は組織的な意思決定を伴い、失敗リスクを非常に重視します。「導入企業の声」「実績件数」「受賞歴」などの社会的証明は、リスク軽減の根拠として機能します。ただし曖昧な証明は逆効果になる場合があります。
「多くの企業に選ばれています」ではなく「製造業A社では導入3ヶ月で問い合わせが月〇件増加しました」のように具体的に書くことが重要です。数字・業種・課題・成果の4点セットで書くと説得力が増します。企業名を出せない場合も業種と規模(「従業員50名規模の建設業B社」など)は明記できます。
原則6:スマートフォン対応を最優先にする
BtoBの担当者もスマートフォンでWebを閲覧します。特に外出中の移動時間や商談の合間に情報収集するケースが増えています。問い合わせという最終アクションはPCで行うことが多くても、最初に「この会社はどんな会社か」を確認するのはスマートフォンで、という購買行動は珍しくありません。
モバイルでの確認ポイントは3つです。ファーストビューのヘッドラインが1画面に収まっているか、CTAボタンが親指でタップしやすい位置にあるか、フォームがモバイルキーボードで入力しやすいか。特にフォームは実機で入力テストを必ず行ってください。
原則7:CTAを記事中盤にも配置する
長いページを読み進めていった訪問者が「これは良さそうだ」と思った瞬間に、すぐに問い合わせできる動線が必要です。CTAはページ末尾だけでなく、記事や説明の中盤にも設置することで離脱を防げます。
特に「課題の解決策」を説明した直後や「事例・実績」を紹介した直後は、読み手の関心が最高潮になるタイミングです。このタイミングに合わせてCTAを配置することで、「もっと読んでから問い合わせよう」という先延ばしを防げます。
改善の進め方:7つの原則を一度に全て実施しようとすると、どの施策が効いたか判断できなくなります。まずアクセス解析でどのページの離脱が多いか、フォームのどのフィールドで入力が止まっているかを確認し、最も改善インパクトの大きい箇所から着手することを推奨します。
まとめ:設計原則を実装に落とすためのチェックリスト
7つの原則を実践するための確認項目をまとめます。
- ファーストビューにCTAボタンがあり、ラベルに具体的な価値が書かれているか
- ページの冒頭で読み手の課題を言語化できているか
- フォームのフィールドは必要最小限に絞られているか
- ページ構成は「課題→解決→証拠」の順になっているか
- 社会的証明に業種・課題・成果の具体的な数字があるか
- スマートフォンでファーストビューとフォームの動作を確認したか
- 記事中盤にもCTAが設置されているか
CVR改善は一度対応すれば終わりではありません。アクセス解析と定期的な見直しをセットで行うことで、継続的に問い合わせ率を高めていけます。自社サイトのどこから手をつけるべきか判断に迷う場合は、まず専門家に現状を診断してもらうことも一つの選択肢です。
御社のWebサイトのCVR改善について、現状分析から施策立案まで無料でご相談いただけます。
無料相談はこちら