広告費をかけているのに、LPのCVRが伸びない。美容商材やD2C商品の魅力はあるはずなのに、ユーザーが途中で離脱してしまう。その原因は、商品そのものではなく、「誰に、何を、どう提案するか」が1枚のLPで平坦になっていることかもしれません。本記事では、診断型LPの基本から、美容・D2C商材と相性が良い理由、質問設計、結果ページ、CTA設計、実装方法、計測、薬機法・景品表示法・医療広告ガイドライン上の注意点まで、実務目線で解説します。
診断型LPは、回答によって商品候補や次の行動を変えるページです。導入を検討する目安は「選び方に迷う人がいる」「回答によって提案が変わる」「購入・予約まで成果を追える」の3点。購入する商品が決まっている人には通常の商品LPを優先し、診断型は通常LPと比較して効果を検証します。
診断型LPとは?
診断型LPの定義
診断型LPとは、質問への回答に応じて結果・商品候補・CTA(次の行動を促すボタン)を変えるランディングページです。たとえば、使いたいアイテム数や使用感の好みから、スキンケアの候補を絞り込みます。ここでいう「診断」は商品選びの補助であり、肌の状態や施術の適応を医学的に判断するものではありません。
通常LP・記事LP・アンケートLP・クイズ型LPとの違い
主な違いは、回答によって提案が変わるかです。名称だけで選ばず、ページに持たせたい役割で考えます。
- 通常LP:商品説明や購入条件をまとめて伝える
- 記事LP:読み物を通じて理解や比較を助ける
- アンケートLP:回答の収集を主な目的にする
- クイズ型LP:知識確認や参加を促す
- 診断型LP:回答を商品候補や次の行動の出し分けに使う
診断型LPが注目される背景
商品選びを手助けしたい場合に、診断型LPは検討候補になります。ただし、質問を増やすと操作も増えます。Google 広告のランディングページ評価の解説が勧める速度やモバイル体験の確認は、診断型でも必要です。診断を入れること自体が成果改善の根拠になるわけではありません。
美容・D2C商材で診断型LPが有効になりやすい理由
ユーザーが「自分に合う提案」を求めている
まず、問い合わせや購入前の質問に「どの商品を選べばよいか」が多いかを確認します。迷いが主に送料や購入条件なら、その説明を通常LPで改善する方が課題に合います。
選択肢が多すぎると離脱しやすい
商品数が多いだけでは、診断が必要とは限りません。比較表で違いが伝わるなら、まず比較表で十分か試します。質問で希望を整理した方が選びやすい場合に、診断を候補にします。
悩み・肌質・目的・予算によって提案が変わる
質問案ごとに「この回答で、商品候補・説明・CTAのどこが変わるか」を書き出します。どの回答でも同じ結果になる質問は、削除を検討します。医療上の判断が必要な内容は、診断の自動分岐で決めない設計にします。
LINE登録・メール獲得・CRM連携に使いやすい
結果を保存したい人には、比較表や使い方の受け取りを提案できます。登録前に受け取れる内容と配信内容を伝え、登録後の購入まで確認します。回答の保存・外部連携は、利用目的と各サービスの規約を確認して設計します。
診断型LPで期待できる効果
自分ごと化を促しやすい
回答した希望と結果の説明がつながれば、提案理由を理解してもらいやすくなります。期待する効果であり、実際には結果から商品詳細へ進んだ割合などで確かめます。
フォーム前の心理的ハードルを下げやすい
答えやすい質問が入口になる一方、購入までの手順も増えます。診断を挟む案と、商品情報へ直接進む案を比較してください。
診断結果に応じてCTAを出し分けられる
購入を検討したい人には商品詳細、違いを確かめたい人には比較表など、回答に沿った次の一歩を用意します。具体的な分岐はスキンケアの仮想例で示します。
CVR・CPA・LTVは分けて評価する
LINE登録や診断完了が増えても、購入や継続が増えるとは限りません。目的に合わせて購入CVR・CPAを主指標にし、必要に応じて継続率やLTVを追います。
診断型LPが向いている商材・向いていない商材
向いている商材
スキンケアやヘアケアなどで、商品選びの相談が多く、回答に応じて候補を変えられる場合は検討対象です。業種名だけで決めず、次の3点を確認します。
- 迷いの中身:使い方や使用感など、購入前に整理したい希望がある
- 分岐の意味:回答によって、見せる候補や説明を実際に変えられる
- 検証の準備:通常LPと購入・予約の成果を同じ条件で比べられる
向いていない商材
再購入や商品名検索など、欲しい商品が決まっている流入では商品詳細へ直接案内する方法を優先します。全員に同じ商品を同じ説明で提案する場合や、比較表だけで迷いを解消できる場合も、診断を追加する理由を見直します。
美容・D2Cでの導入判断例
以降は、初回セットを2種類販売する架空のスキンケアD2Cを例にします。「どちらを選ぶか分からない」という新規客を対象に、通常LPと診断型LPを比較します。セット名を指定して来た人には商品詳細へ直接案内します。診断案で購入までの成果が改善するかが検証課題です。実在企業の事例や成果ではありません。
美容・D2C向け診断型LPの基本構成
ファーストビュー
「1分で分かる、あなたに合うスキンケア診断」「肌悩みに合わせたおすすめケアを診断」など、診断そのものではなく「診断することで何が分かるのか」を明確にします。
悩み・共感訴求
「商品が多すぎて選べない」「自分の肌に合うか分からない」「何から始めればよいか分からない」など、ユーザーが抱える悩みを言語化したうえで「だから診断で整理しましょう」という流れを作ります。
診断開始CTA
「3つの質問で候補を見る」など、実際の質問数と得られる内容を伝えます。「30秒」「1分」と所要時間を表示する場合は、スマートフォンでの操作確認を踏まえた目安にします。
診断質問
1問1テーマを基本に、結果の出し分けに必要な質問だけを残します。質問数に共通の正解はありません。「5〜8問」も仮置きの目安にすぎず、効果が保証された数ではありません。次の例では3問から設計し、質問ごとの離脱と購入までの成果を見て見直します。
診断結果
タイプ名だけで終わらせず、「なぜその結果になったか/どう選ぶとよいか/おすすめは何か/まず何をするとよいか/LINE・購入・予約・相談のどれが適切か」までを整理します。
おすすめ提案
診断結果に応じて商品・施術・コース・使用順・相談導線を提案します。美容・健康領域では効能保証や医療判断と読まれないよう、表現の調整が必要です。
ベネフィット・根拠・信頼要素
ベネフィット、成分、実績、レビュー、よくある質問などを配置し、納得して次の行動へ進めるよう支援します。化粧品・健康食品・美容医療では表現ルールに留意します。
FAQ・注意事項
料金、定期購入の条件、副作用やリスク、継続期間、予約後の流れ、LINE登録後の配信内容など、診断結果を見たあとに生じやすい不安をFAQで先回り解消します。
最終CTA・フォーム
「初回セットを見る」「診断結果をLINEで受け取る」「無料カウンセリングを予約する」「体験コースを予約する」など、状態に応じた行動を提示します。CTAを混在させすぎないことが重要で、診断結果ごとに主CTAと副CTAを整理します。
商材別の質問設計・結果設計・CTA例
スキンケア・化粧品
仮想例:Aは「2品・軽い使い心地」、Bは「3品・しっとりした使い心地」の初回セットとします。以下は設計を説明するための架空の商品設定で、肌への適合性や効果を判定するものではありません。
- Q1「毎日のケアに使いたいアイテム数は?」:2品/3品/まだ決めていない
- Q2「好みの使い心地は?」:軽め/しっとり/使い比べて決めたい
- Q3「次に知りたいことは?」:内容を見て購入を検討したい/2つの違いを比較したい/使い方を保存したい
分岐:Q1が「2品」かつQ2が「軽め」ならA、「3品」かつ「しっとり」ならBを候補にします。それ以外や未定の回答はA・Bの比較画面へ。「2品・しっとり」のように希望が分かれた場合は、一方に無理に当てはめません。
Q3で購入検討を選んだ人の主CTAは「候補セットの内容・価格を見る」、比較したい人は「2つのセットを比較する」、保存したい人は「比較表と使い方をLINEで受け取る」にします。候補が決まらない場合は、購入検討を選んでも比較画面から案内します。
2品で、軽い使い心地を選びたいあなたへ
「2品」「軽め」を選んだ方の比較候補はAセットです。化粧水→クリームの順に使う2品構成です。3品・しっとりした使い心地を希望する場合はBセットとの違いも確認できます。
主ボタン:Aセットの内容・価格を見る
補助リンク:Bセットとの違いを確認する
この結果は使用感の好みに基づく商品選びの参考です。肌への適合性や効果を保証するものではありません。
購入先には内容量・価格・送料・購入条件を示します。結果自体は登録前に読めるようにし、LINEは保存を希望する人への選択肢にします。この例の成否は、診断完了後の購入までを含めて判定します。
美容クリニック
質問例:気になる部位/許容できるダウンタイム/メスを使わない方法を希望するか/予算上限/相談希望の有無。結果タイプ例:まずはカウンセリング推奨/ダウンタイム配慮の選択肢を確認/複数施術の比較説明が必要。CTA例:「無料カウンセリングを予約する」「症例の見方を相談する」。結果で施術の適応を決めず、希望を整理して相談につなげます。断定を避けるだけでなく、広告全体の表現を確認してください。
エステサロン
質問例:フェイシャル/ボディの重視軸、冷え・むくみ・たるみなどの悩み、痛みの少なさへの希望、通える頻度、体験コースへの関心。結果タイプ例:体験コース向き/継続通い向き/まず相談向き。CTA例:「初回体験を予約する」「LINEで空き状況を確認する」「自分に合うコースを相談する」。
パーソナルジム・ダイエット
質問例:目標(体重減少/見た目改善)、運動経験、食事管理サポートの希望、通える曜日、短期集中/習慣化のどちらを重視するか。結果タイプ例:習慣改善型/短期集中型/食事伴走型。CTA例:「無料体験予約」「カウンセリング予約」。「必ず痩せる」「短期で確実に変わる」などの断定は避け、生活習慣の見直しを含めた提案にします。
サプリ・健康食品
質問例:食生活で気になること、睡眠・運動習慣の状態、毎日の悩み、アレルギーや飲み合わせの不安、継続しやすさへの重視度。結果タイプ例:生活習慣見直し+商品候補/栄養バランス意識型/継続サポート向き。CTA例:「初回購入を見る」「LINEで成分比較表を受け取る」「定期購入の違いを見る」。健康保持増進効果の保証と読まれないよう、表現には特に注意します。
LINE登録・予約・購入につなげるCTA設計
購入を促すCTA
ボタンの先で確認できる内容を明示します。上の例では「Aセットの内容・価格を見る」とし、セット内容や購入条件の確認を経て購入へ進めます。
LINE登録を促すCTA
「比較表と使い方をLINEで受け取る」のように、登録する理由を具体的にします。ボタンのクリック、実際の友だち追加、その後の購入は別々に確認します。
無料相談・カウンセリングを促すCTA
高単価商材、美容クリニック、エステ、パーソナルジム向け。例:「無料カウンセリングを予約する」「自分に合うプランを相談する」「施術の違いを相談する」「初回体験を予約する」。
CTAを混在させすぎない設計
購入/LINE登録/無料相談/資料請求をすべて同じ強さで出すと、ユーザーは迷います。診断結果ごとに主CTAと副CTAを整理することが重要です。
診断型LPで失敗しやすいポイント
- 質問数が多すぎる(スマホでの離脱要因に)
- 診断結果が浅い(タイプ名だけで終わる)
- 結果と商品提案がつながっていない(売り込まれた印象)
- 診断後CTAが弱い(「詳しく見る」だけになっている)
- スマホで操作しづらい(ボタン・速度・スクロール量)
- 広告訴求とLP内容がズレている(広告文と整合性なし)
- 計測設計がない(どこで離脱しているか分からない)
- 法規制チェックが後回し(公開後の修正コストが膨らむ)
診断型LPの実装方法
独自実装
HTML/CSS/JavaScript で独自実装する方法。質問分岐、結果出し分け、アニメーション、GA4/GTM イベント送信を細かく制御できます。工数は増えますが、表示速度と保守性を担保しやすい選択肢です。
WordPress
カスタムテンプレート、フォームプラグイン、JavaScript、外部ツール埋め込みなどを組み合わせて実装可能です。複雑な分岐や CRM 連携を行う場合は、設計段階で実装方法を整理する必要があります。WordPress.com の Custom HTML Block でも基本的な埋め込みは可能です。
STUDIO・Webflow
埋め込み機能(STUDIO の Embed Box など)で診断フォームや外部ツールを組み込めます。ノーコードでLPを作りたい場合に有効ですが、複雑な分岐や細かい計測には外部ツール/独自コードとの組み合わせを検討します。
診断ツール・フォームツールの埋め込み
TouchLP のような診断特化ツールや、汎用フォームツールの埋め込みで初期実装を早めることもできます。デザイン自由度、表示速度、計測、CRM 連携、法規制チェックは別途確認が必要です。
LINE・メール・CRM連携
保存や継続案内に必要な連携から設計します。診断結果の利用目的、保存範囲、配信内容を整理したうえで、登録後の購入・継続を確認します。連携するだけでLTVが改善すると見込まず、検証対象にします。
診断型LPの計測設計
図中の数値・イベント名は説明用で、本文の計算例とは異なります。MADE IN CREWの実績やGA4の標準的な自動計測を示すものではありません。本文では完了率の分母を診断開始人数、購入CVRの分母をLP訪問人数とします。実装時は、本文で示す発火条件と各指標の分母を定義して計測してください。
最低限設定したいイベント
次は計測設計の例です。quiz_*などは独自に定義するカスタムイベント名で、自動で記録される標準イベントではありません。
quiz_start:診断開始。quiz_answer:各問の回答完了。質問番号で離脱箇所を確認quiz_complete:全問回答。result_view:結果の表示。両者を区別するcta_click:次の行動へのクリック。line_add_clickはLINEへの遷移クリックで、友だち追加完了とは区別する- 購入完了はGA4の推奨イベント
purchase、問い合わせ等のリード獲得はgenerate_leadを検討。購入と予約を一つのイベントに混ぜない
GA4のイベント仕様は公式リファレンスで確認します。氏名・メールアドレスなどの個人を特定できる情報や、個人の健康情報をイベントに送らない設計にしてください。
GA4・広告・受注データで見るべき指標
先ほどの仮想例では、主指標を初回購入CVR=初回購入した人数÷各LPへの訪問人数とし、広告費を使う場合は購入CPAも確認します。同じ人の重複を除く方法と購入を追う期間は両案でそろえます。診断完了率は「完了人数÷開始人数」と定義し、途中の改善箇所を探す補助指標にします。
計算例(架空の数字):通常LPは1,000人中30人が購入して3.0%。診断型LPは1,000人中600人が開始、480人が完了、25人が購入した場合、完了率は80%でも購入CVRは2.5%です。この数字だけで診断型を成功とは判定できません。
本番の比較では、流入元・端末・オファー・観測期間などの条件をそろえ、可能ならユーザーを無作為に分けます。必要な観測量と判定基準を先に決め、差のばらつきも考慮します。上の数字は計算を示すもので、有意差や一般的な改善幅を示すものではありません。
CVRだけでなくCPA・LTV・商談化率を見る理由
購入目的なら購入CPAや継続、相談目的なら有効な相談・商談への移行を追います。Google 広告のランディングページ評価の解説は、ページ別の掲載結果やモバイル体験の確認に使う資料です。購入後の採算は自社の受注・継続データと合わせて判断します。なお、品質スコアは診断ツールでありKPIではありません。
美容・D2C領域で注意すべき法規制
薬機法・景品表示法・健康増進法
健康食品やサプリで、実証されていない健康保持増進効果を期待させる表示は避けます。診断結果で「これを飲めば改善する」「あなたにはこの成分が必要」と断定する表現は控え、消費者庁「健康食品に関する景品表示法及び健康増進法上の留意事項」の整理を踏まえた表現が求められます。
化粧品・スキンケア表現の注意点
日本化粧品工業会が掲載する「化粧品等の適正広告ガイドライン」で、商品に該当する効能の範囲と広告全体の文脈を確認します。「うるおいを与える」「乾燥を防ぐ」なども、どの商品にも無条件で使える表現ではありません。「シミが消える」「治る」などの表現や、効果を保証する見せ方を避け、商品区分・根拠資料・掲載内容を照合します。
健康食品・サプリ表現の注意点
医薬品のような効果を示す表現は避け、診断結果は「体調改善を保証するもの」ではなく「生活習慣や商品選びの参考」として設計します。
美容クリニック・医療広告の注意点
厚生労働省の医療広告の公式資料で、体験談、ビフォーアフター、治療内容、リスク・副作用等の表示要件を確認します。「医療広告規制におけるウェブサイト等の事例解説書」は第6版が掲載されています。相談へ誘導するページでも、広告全体の確認は必要です。
診断結果で避けるべき断定表現
「あなたにはこの施術が必要です」「この商品で改善します」など、適応や効果を断定する結果を出さない設計にします。「商品選びの参考情報です」などの注記を添えても、本文・画像・結果名を含む広告全体が適切である必要があります。「可能性があります」と言い換えるだけでは判断できないため、公開前に商材に応じた確認を行ってください。
制作会社に依頼するメリット
質問設計から相談できる
何を聞くべきか、どの順番で聞くべきか、どの回答をどの結果へつなげるか——設計が機能しないと診断型LPは成果につながりません。
結果ページとCTAまで設計できる
結果名、説明文、おすすめ商品、比較、CTA、FAQ まで一貫して設計することで、診断後の離脱を減らしやすくなります。
LPデザイン・実装・撮影・広告バナーまで一貫できる
MADE IN CREW では、Web・LP制作 を起点に、美容・D2C向けLP制作、LPO・CVR改善支援、商品撮影・モデル撮影、動画制作、広告バナー・SNSクリエイティブ制作 まで一貫対応しています。事例は D2Cブランドの特集LP制作事例、美容・サロン専売商品のクリエイティブ制作事例、美容クリニック写真撮影事例 をご確認ください。
法規制と広告運用を踏まえた表現調整ができる
薬機法、景品表示法、医療広告ガイドライン、広告審査、計測設計まで含めて相談できる制作会社を選ぶことで、公開後の修正リスクを抑えられます。
まとめ:診断型LPは、美容・D2C商材の選びにくさを整理する導線設計
最初に決めるのは、誰のどんな迷いを解消するかです。次に、各回答で変える提案とCTAを決め、必要な質問だけを残します。公開後は通常LPと購入・予約の成果を比較し、診断の完了率だけで成否を判断しないことが大切です。
「自社商材に診断型LPが向いているのか」「今のLPを診断型へ改善すべきか」「LINE登録や予約につながる導線を作りたい」——こうした課題がある場合は、LPの見た目だけでなく、商材特性とユーザー心理から設計を見直すことが重要です。
FAQ
よくあるご質問
References
参考資料・出典
本記事は、以下の公式資料・調査資料・広告プラットフォーム資料・法規制関連資料を参考に、MADE IN CREW の Web/LP 制作、LPO/CRO、写真・動画制作、広告クリエイティブ制作の実務知見を踏まえて作成しています。