ランディングページ（LP）の作り方｜CVにつながるLP設計の基本と実践手順

「広告を出しているのに問い合わせが来ない」「ウェブサイトに人は来ているのに成約につながらない」——この悩みの多くは、ランディングページ（LP）の設計が問題です。LPは「訪問者を問い合わせ・申し込みに転換させる」専用ページであり、コーポレートサイトとは別の設計思想が必要です。本記事では、CVR（コンバージョン率）を高めるLPの設計原則と実践手順を解説します。

LPとコーポレートサイトの根本的な違い

コーポレートサイトは「会社全体の情報を伝える」多目的サイトです。一方LPは「特定の1つのアクション（問い合わせ・申し込み・購入）に特化したページ」です。LPではナビゲーションメニューを省略し、離脱を防ぎ、訪問者を唯一の行動（CTA）へ誘導することを最優先に設計します。コーポレートサイトとLPの使い分けについてはコーポレートサイトとLPの使い分けも参考にしてください。

CVR（コンバージョン率）を高めるLPの基本構成

CVR向上のための7つの設計原則

1. ファーストビューに全てを凝縮する

訪問者の70%以上はスクロールせずに離脱します。これはLPに限らず、すべてのWebページに共通する現実です。ユーザーは「このページは自分に関係があるか」を瞬時に判断しており、3秒以内に「自分のための情報だ」と感じられなければ、迷わずブラウザの「戻る」ボタンを押します。ファーストビュー（画面を開いた瞬間に見える範囲）で「誰のための」「何ができる」「なぜこの会社か」を3秒で伝える設計が必須です。

例えば、税理士事務所がLP制作を依頼した際のよくある失敗は、ファーストビューに「〇〇税理士事務所」という事務所名だけ大きく表示し、サービス内容やターゲット顧客が一切書かれていないケースです。訪問者は「自分に合うのかどうか」が即座にわからないため離脱します。「法人設立直後の節税対策を、月3万円から依頼できる税理士事務所」というキャッチコピーにするだけで、CVRが倍以上になった事例も実在します。ターゲットが「自分のことだ」と感じられる言葉がファーストビューにあるかどうかが最重要ポイントです。

ただし、ファーストビューに情報を詰め込みすぎることも逆効果です。キャッチコピー・サブコピー・CTAボタン・信頼シグナルをすべて入れようとして、ごちゃごちゃした印象になるLPは少なくありません。伝えるべき要素を絞り、余白を意識した設計にすることで、主要メッセージの視認性が上がります。スマートフォンで実際に表示した際に、ファーストビューでCTAボタンが見えているかどうかも必ず確認してください。

2. CTAは3〜5箇所に分散して配置する

CTAボタン（問い合わせ・申し込みへの誘導ボタン）を1箇所だけに置くLPは機会損失の塊です。訪問者がLPを読む速度・深さ・関心度は人それぞれ異なります。ファーストビューで即決する人もいれば、実績や料金を確認してから決断する人もいます。ページの冒頭・中盤・末尾にCTAボタンを設置し、どの段階で「決意した」訪問者もすぐに行動できる状態を作ることが重要です。

特にCTAボタンの文言と色は、CVRに直結する要素として注意が必要です。同じ内容のLPでも、ボタンの色・位置・文言を変えるだけでCVRが2〜3%変わることは、A/Bテストを実施した企業では一般的に観察される現象です。「お問い合わせ」という文言より「無料で相談する」「今すぐ見積もりを取る」「30秒で申し込む」など、行動の軽さと価値が伝わる言葉を使うと、心理的なハードルが下がります。ボタンカラーは背景色と明確にコントラストが取れる色にし、視線が自然に集まる設計が基本です。

一方で、CTAボタンを多く設置すれば必ずしも良いわけではありません。読了する前に次々とボタンが現れると、「売り込み感」が強くなり、信頼感が下がることがあります。コンテンツの流れに沿って自然に「次はどうすれば良いか」と感じるタイミングでCTAが登場する設計が理想です。「ここで申し込みたくなる」という心理的なタイミングを意識したCTA配置が、押しつけがましさなくCVRを上げる鍵です。

3. 「証拠」で信頼を積み上げる

人は「自分で言っていること」より「第三者が評価していること」を信頼します。これはWebの世界でも変わりません。LPにおいて「うちのサービスは優れています」という自己申告よりも、「〇〇社が導入して売上が30%増加した」という事例の方が、はるかに説得力を持ちます。実績数・導入事例・第三者評価・メディア掲載・受賞歴など、自社の主張を裏付ける「証拠」を積み重ねることが、CVRを高めるLPの根幹です。

例えば、リフォーム会社のLPで「施工実績500件以上」「顧客満足度97%」「地域密着20年」という数値を冒頭に掲載した場合と、掲載しなかった場合でCVRの差が顕著に表れます。特に「Before→After事例」は視覚的なインパクトが強く、「自社もこうなれる」というイメージを喚起します。実名・企業名・写真付きの導入事例は最も信頼性が高い証拠です。匿名での「A社の担当者様より」という証言よりも、「株式会社〇〇 代表取締役 〇〇様」という形式の方が信頼性が格段に高まります。

ただし、実態を誇張した数値や、根拠の薄い「満足度98%」のような表記は、訴求力が低いだけでなく、消費者庁の景品表示法の観点からもリスクがあります。数値には調査方法・対象・時期を明記し、事例には可能な限りクライアントの同意を得た上で実名・具体的な成果を掲載することが、長期的な信頼獲得につながります。「ぼんやりした証拠」より「具体的な1つの事例」の方が訪問者の心に刺さります。

4. 離脱ポイント（不安）を事前に解消する

訪問者がLPを読み進めながら申し込みを迷う理由のほとんどは「不安」です。「本当に効果があるのか」「後から追加料金を請求されないか」「解約できるのか」「担当者はどんな人か」——これらの疑問が頭に浮かんだ瞬間、申し込みの勢いが止まります。FAQセクションでこうした不安を先回りして解消することが、LPの最終段階での離脱を防ぐ最も効果的な施策です。

例えば、月額制のSaaSサービスや継続コンサルティングのLPでは、「途中で解約できますか？」「最低契約期間はありますか？」という不安が最大の離脱要因になります。この質問をFAQに明示し「最低契約期間なし・いつでも解約可能」と答えるだけで、申し込みへの心理的ハードルが下がります。逆に、FAQにこの質問が無い場合、「書いていないということは解約しにくいのでは？」とネガティブに受け取られることすらあります。FAQはサポートのコスト削減という意味でも効果があり、申し込み前の問い合わせ数が減り、スタッフの負担が軽減されます。

一方で、「よくある質問」という形式は読まれにくいという現実もあります。FAQを単なる義務的な追加として設置するのではなく、「訪問者が本当に心配していること」をリサーチして厳選することが重要です。既存顧客への契約前インタビューや、問い合わせフォームに届く質問を分析することで、「本当に刺さるFAQ」が作れます。なんとなく並べた10問より、核心を突いた3問のFAQの方が離脱防止効果は高い場合があります。

5. スマートフォン対応を最優先にする

LPへの流入の多くはスマートフォンです。特に広告経由の流入は、SNS広告（Instagram・Facebook・TikTok）やGoogle広告のスマートフォン枠からのアクセスが主流であり、業種によっては流入の7〜8割をスマートフォンが占めることも珍しくありません。PC表示ではなくスマートフォン表示を基準に設計する「モバイルファースト」の考え方は、LPにおいて特に重要です。

スマートフォン対応で失敗しやすいのは、PC上できれいに見えるデザインをそのままスマートフォンに適用してしまうケースです。PCで2カラムのレイアウトをスマートフォンで表示すると、テキストが小さくなりすぎて読めない、ボタンが小さくてタップしにくい、という状況が発生します。CTAボタンはスマートフォンで指でタップしやすいサイズ（最低44px以上の高さ）に設定し、フォントサイズは本文16px以上を確保することが基本です。

ただし、スマートフォン対応と表示速度は密接に関連しています。スマートフォン向けに高解像度の画像を大量に使用すると、回線速度によっては読み込みが遅くなり、せっかくのLPが表示される前に離脱されてしまいます。画像はWebP形式に変換し、スマートフォン向けには適切なサイズに最適化する設定を必ず行ってください。Google PageSpeed Insightsのモバイルスコアで60点以上を目標に改善することを推奨します。

6. フォームの入力項目を最小限にする

フォームは訪問者が最後にぶつかる壁です。LPの設計がどれだけ優れていても、フォームで離脱されてしまえばCVはゼロです。入力項目が多いほど離脱率が上がることは、多くのA/Bテストで実証されています。特にスマートフォンでの入力は手間がかかるため、「名前・電話番号・会社名・部署・役職・担当者名・メールアドレス・お問い合わせ内容・業種・従業員数・導入時期・予算」といった項目をすべて要求するフォームは、CVRを大幅に下げます。

例えば、あるBtoB向けSaaSサービスが問い合わせフォームの入力項目を12項目から4項目に削減したところ、フォーム完了率が37%から68%に改善した事例があります。最初のコンタクトで必要なのは「名前・連絡先・概要」だけです。詳細な情報は電話やZoomでのヒアリングで確認する方が、むしろ顧客との関係構築にもつながります。「まず連絡を取ることのハードルを下げる」というのがフォーム設計の基本原則です。

一方で、問い合わせ内容の質を担保したい場合には、一定の入力項目が必要になることも事実です。「とりあえず送ってみた」という温度感の低いリードが大量に来ても、営業の工数が増えるだけになる場合があります。そのバランスを取るためには、「まず3項目で送れる簡易フォーム」と「詳細を入力できる詳細フォーム」を用意し、訪問者に選ばせる設計が有効です。また、LINEやチャットでの問い合わせ導線をCTAに加えることで、フォーム離脱を防ぐ効果もあります。

7. 表示速度を最適化する

表示速度はSEOランキングの評価要素であるとともに、ユーザー体験・CVRに直接影響する要素です。Googleの調査によると、ページの読み込み時間が1秒から3秒に延びると、離脱率は32%上昇します。特に広告でLPに誘導している場合、表示が遅い時点でユーザーが離脱してしまえば、広告費が無駄になります。「1秒の遅延がCVRを7%低下させる」というAmazonの研究結果も有名で、表示速度への投資は明確なROIがあります。

WordPress製のLPで表示速度が遅い原因として最も多いのは、最適化されていない画像ファイルの大量使用です。スマートフォンで撮影した写真をそのままアップロードすると、1枚4〜8MBになることがあり、これが複数枚あると表示完了まで10秒以上かかることもあります。画像をWebP形式に変換し、横幅1,200px程度にリサイズするだけで、多くのケースでPageSpeedスコアが大幅に改善します。WP SmushやShortPixelなどの圧縮プラグインを活用してください。

ただし、表示速度の改善には限界があり、使用しているサーバーのスペックや、テーマ・プラグインの品質も大きく影響します。共有サーバーの低速プランを使っている場合、どれだけ最適化しても一定以上の改善は難しいことがあります。LPの表示速度が著しく遅い場合は、高速なレンタルサーバー（ConoHa WING・SiteGroundなど）への移行や、CloudflareなどのCDNの導入も検討してください。Google PageSpeed Insightsのモバイルスコアで50点以上、理想は70点以上を目標にすることを推奨します。

よくある質問