landing-page

ランディングページ（高コンバージョン）— Web デザインスキル

ランディングページはホームページではありません。 ホームページは複数の目的に対応します。 ランディングページが達成するのは、1 つの目的です。1 つのオファー → 1 つの対象者 → 1 つの主要アクション

デザイン／執筆を始める前に

情報を集めます（不足していれば質問します）。

1) ページの目的

• 主要アクションは何ですか？（トライアル、デモ、購入、ウェイトリスト、ダウンロード）
• オファーの内容は何ですか？（具体的に何を提供しますか？）
• コンバージョンとしてカウントするのは何ですか？（クリック、登録、購入）

2) 対象者とコンテキスト

• ICP は誰ですか？
• どのような問題を解決しようとしていますか？
• 主な反論は何ですか？（今すぐコンバージョンしない理由を 3 つ）
• トラフィックソース：広告／検索／ソーシャル／メール
• 訪問者はページにアクセスした時点で、すでに何を知っていますか？

3) 実績と素材

• 実績を示すものはありますか？：ロゴ、お客様の声、数値、導入事例
• スクリーンショット、デモ動画、製品 GIF
• 保証／返金／解約条件

4) 制約

• ブランドのトーン：カジュアルか、プロフェッショナルか
• デザインの方向性：ミニマルなエディトリアルか、遊び心のある 3D か、ガラス風 UI か
• モバイルを優先しますか？

---

基本構成（含める要素）

ファーストビュー（必須）

1. 見出し（成果＋対象者）
2. サブ見出し（「方法」を明確にし、具体性を加える）
3. 主要 CTA（明確な動詞＋得られるもの）
4. 実績を示す要素を 1 つ（ロゴ一覧／数値／短いお客様の声）
5. ヒーロービジュアル（製品のスクリーンショット／動画）、または印象的なイラスト

ページ中盤（訴求）

6. 問題 → 解決策（1 セクション）
7. メリット（成果を軸にした 3～5 項目）
8. 仕組み（3 ステップ）
9. ソーシャルプルーフ（お客様の声／導入事例）

ページ下部（反論への対応）

10. FAQ（6～12 件の質問と回答）
11. リスクを軽減する要素（トライアル、いつでも解約可能、保証）
12. 最後の CTA（ページ上部と同じ）

---

レイアウトの種類（1 つ選択）

A) クラシックなヒーロー＋各セクション

次の場合に最適です：

• ヒーローのスクリーンショットで製品を理解できる

B) ロングフォームのストーリー（セールスページ）

次の場合に最適です：

• 説明を加え、懐疑的な見方を払拭する必要がある

C) ミニマルなコンバージョンページ

次の場合に最適です：

• 購買意欲の高いトラフィック（メール → 既存ユーザー）
• 短いオファー（ダウンロード、ウェイトリスト）

D) 比較ランディングページ

次の場合に最適です：

• 検索意図に代替案が含まれる（「X と Y の比較」、「…に最適」）—通常は SEO ページと組み合わせます

---

高コンバージョンの戦略（実践編）

1) メッセージを流入元に合わせる

トラフィックが広告経由の場合：

• 広告の見出しをヒーローでも繰り返す
• 同じ約束とビジュアルのトーンを使う

2) 次のステップを明確にする

• 主要 CTA は 1 つにする
• ファーストビューに、競合する複数の CTA を置かない

3) メリットを先に伝える

• 特徴：何ができるか
• メリット：それが相手にとって何を意味するか

4) 具体的にする

• ❌「時間を節約し、業務を効率化」
• ✅「毎週のレポート作成を 4 時間から 15 分に短縮」

5) リスクを軽減する

少なくとも 1 つ選びます：

• 無料トライアル
• 無料プラン
• クレジットカード不要
• いつでも解約可能
• 返金保証

6) 反論への対応は、フッターではなくセクションにする

• オファーへの抵抗が大きい場合は、FAQ を早めに追加する
• 主張を裏付ける実績を、その主張のすぐ隣に配置する

---

コピーライティングのテンプレート

見出しの型

• 「{苦痛}なしで{成果}を実現」
• 「{対象者}向けの{カテゴリー}」
• 「{期間}で{成果}を実現」

サブ見出しのルール

• 1～2 文
• 何であるか＋誰向けかを明確にする

CTA のルール

• 動詞＋得られるもの
• 弱い CTA（「詳しく見る」、「送信」）は避ける

例：

• 「無料トライアルを開始」
• 「デモを予約」
• 「チェックリストを入手」

メリットの箇条書き

形式：

• メリット — 根拠／詳細

例：

• より速い反復 — クリック 1 回でレイアウト案を 3 つ生成できます。

---

セクションごとのワークフロー（デザイナー向け）

次の順序で作業します：

1. ヒーロー
2. メリット
3. 仕組み
4. 実績
5. FAQ
6. 最後の CTA

ルール：毎回ページ全体を作り直さないでください。 コントロールを保つため、セクションごとに反復します。

---

SEO＋AEO チェックリスト（該当する場合）

ランディングページをインデックスさせないケース

• 広告専用キャンペーン
• 期間が非常に限られたオファー

次を使用します：

• noindex（または、インデックスされないパスの背後に配置）

インデックス登録するべき場合

• 常時有効なオファー
• 検索意図がオファーの内容と一致している

追加するもの：

• 明確なタイトルとメタ情報
• ホームページ／機能ページからの内部リンク
• AEO 向けの、シンプルな Q&A 形式の FAQ

任意：

• FAQ スキーマ（適切な場合）

---

よくある落とし穴

• ファーストビューに CTA が多すぎる
• 価値提案が曖昧（「合理化する」「最適化する」）
• 成果を示さない機能の羅列
• 証拠がページの最下部に隠れている
• モバイルレイアウトで読みやすさが損なわれている
• 明確な次のステップがない

---

出力形式（ランディングページを生成する場合）

次を返してください：

1. ページの構成案（セクションと順序）
2. ヒーローコピー（見出し、サブ見出し、CTA、証拠を示す一文）
3. メリットのセクション（3～5 項目）
4. 仕組み（3 ステップ）
5. FAQ（6～12 件の Q&A）
6. SEO/AEO（インデックス登録の推奨事項＋インデックス登録する場合はタイトル／メタ情報）
7. レイアウトの推奨（A/B/C/D＋理由）

---

簡単な質問（ユーザーが「ランディングページを作って」と言った場合）

• 主要な CTA は何ですか？
• ICP は誰で、主な課題は何ですか？
• 証拠となるもの（数値／推薦文／ロゴ）はありますか？
• オファーとリスクを軽減する仕組みは何ですか？
• トラフィックはどこから来ていますか？