12-landing-page-brief-global

ランディングページの概要（グローバル）

1ページ＝1つの目標＝1つのCTA。メニュー、外部リンク、気を散らす要素はありません。

---

情報収集

最大4つの質問をします。

1. 製品／サービスは何ですか？ 簡単な説明、価格、ターゲット層を教えてください。
2. LPの目標は何ですか？ リード獲得（フォーム）、予約、購入、登録のいずれですか？
3. 主なトラフィック獲得元は何ですか？ Meta Ads、TikTok Ads、Google Ads、オーガニック、または複数ですか？
4. どのような素材がありますか？ 製品の写真／動画、推薦コメント、ソーシャルプルーフの数値などです。

---

基本原則

1ページ — 1つの目標 — 1つのCTA

原則	説明
目標を1つにする	各ページで促すアクションは1つです。フォームへの入力、電話の予約、購入などです
ナビゲーションメニューを置かない	ヘッダーのナビゲーションを削除し、ユーザーがページから離れるのを防ぎます
外部リンクを置かない	すべてのリンクはCTAまでのアンカースクロールにし、外部サイトにはリンクしません
モバイルファースト	世界全体で有料広告トラフィックの70％以上がモバイルです。モバイルを優先して設計します
読み込み3秒未満	First Contentful Paintは1.5秒未満、Largest Contentful Paintは3秒未満です
緊急性を伝える要素	カウントダウン、在庫わずか、期限など、少なくとも1つは必ず設けます

デバイス別の長さ

デバイス	ページ全体の長さ	平均読了時間
モバイル	6～8画面分のスクロール	90～120秒
デスクトップ	4～5画面分のスクロール	60～90秒

---

7セクション構成

セクション1 — ヒーロー

目標： 5秒以内に関心を引き、中心となる価値提案を伝えます。

要素	要件	文字数制限
見出し	汎用的ではなく、明確なメリットを伝える	60文字
サブ見出し	メリットを簡潔に説明する	120文字
メインCTA	動詞＋メリット、対照的な色（#ff6b00）	25文字
ビジュアル	製品画像／動画、または成果の画像	ヒーロー素材1点
信頼バッジ	顧客数、評価、パートナーのロゴ	3～5個

コピーのテンプレート：

Headline: [Desired result] — [Time / condition]
  Example: "Clear skin in 4 weeks — without injections"

Sub-headline: [Method/product] helps [audience] [achieve result] without [main concern].
  Example: "Our deep-facial protocol helps busy professionals reclaim healthy skin without downtime."

CTA: [Verb] + [benefit]
  Example: "Book your free consultation"

---

セクション2 — 問題（悩みを顕在化）

目標： 具体的な悩みを言葉にし、ユーザーに「これは自分のことだ」と感じてもらいます。

要素	要件
3～5個の悩み	具体的で、顧客自身が使う言葉で表現する
結果	解決されなかった場合に何が起きるかを示す
感情	疲れた、不安、イライラする、行き詰まったなど、共感を示す言葉

テンプレート：

"Are you struggling with any of these?"

- [Pain 1 — specific, situational]
- [Pain 2 — consequence of the problem]
- [Pain 3 — accompanying emotion]
- [Pain 4 — failed past attempts]

"If even one of these resonates — [product/service] is built for you."

---

セクション3 — 解決策（仕組み）

目標： セクション2で示した問題への解決策として、製品／サービスを位置づけます。

要素	要件
解決策の紹介	2～3文で簡潔に説明する
3～4つの手順	番号を付ける：ステップ1 → ステップ2 → ステップ3 → 結果
差別化要素	競合または従来の方法との違いとなる3つのUSP
ビジュアル	各ステップにアイコンまたは画像を配置する

テンプレート：

"How [solution] works:"

Step 1: [Customer action] → [Outcome of step]
Step 2: [Next action] → [Outcome of step]
Step 3: [Final action] → [End result]

Why we're different:
- [USP 1]: [Short explanation]
- [USP 2]: [Short explanation]
- [USP 3]: [Short explanation]

---

セクション4 — ソーシャルプルーフ

目標： 実際の成果を通じて信頼を築きます。

要素	要件	数量
推薦コメント	実名、写真、具体的な成果	3～5件
数値	顧客総数、平均評価、経験年数	3～4項目
パートナーのロゴ	B2Bの場合、または大手ブランドと提携している場合	4～6個
ビフォー／アフター	成果を並べて比較できる画像	2～3組
動画レビュー	利用体験について話す顧客	1～2本

推薦コメントのテンプレート：

"[Specific result with numbers]"
— [Name], [Role/Title], [City]
[Photo or avatar]

---

セクション5 — リード獲得フォーム／メインCTA

目標： コンバージョンにつなげます。最も重要なセクションです。

要素	要件
フォームの見出し	メリットを再提示し、緊急性を加える
フォーム項目	最小：氏名＋電話番号（2項目）。最大：＋メールアドレス＋任意項目1つ
CTAボタン	対照的な色（#ff6b00）、大きく、コントラストを高くする
安心材料	「個人情報は保護されます」または「無料相談、契約義務なし」
緊急性	カウントダウンタイマー、または「今月の残り枠［X］」

フォームのルール：

• モバイル：フォームを画面幅いっぱいに表示する
• 各項目には明確なラベルと入力例のプレースホルダーを付ける
• CTAボタンの高さは48px以上にする（モバイルでタップしやすいサイズ）
• 送信後：「ありがとうございます」を表示し、リダイレクトするか確認メッセージを表示する
• 目標が電話／チャットへの誘導の場合、メールアドレスを求めない

---

セクション 6 — FAQ（懸念への対応）

目標： 購入の障壁を取り除くため、よくある質問に5～7件回答します。

種類	例
価格	「料金はいくらですか？隠れた費用はありますか？」
効果	「効果が出るまでどのくらいかかりますか？」
安全性	「副作用はありますか？」
手続き	「申し込み方法を教えてください」
競合	「[alternative]とはどう違いますか？」
保証	「返金または保証のポリシーはありますか？」
所要時間	「どのくらい時間がかかりますか？」

形式： アコーディオン（開閉式）— スペースを節約するため、モバイルではデフォルトで折りたたみます。

---

セクション 7 — 最終 CTA

目標： 最後に、最も強力な行動喚起を提示します。

要素	要件
見出し	価値提案全体を1行にまとめます
CTA ボタン	セクション 5 と同じ — コントラストの高い色で、大きく表示します
緊急性	締め切りや在庫限りであることを再度伝えます
直接連絡	電話の問い合わせ窓口 + WhatsApp/Messenger のリンク（フォームを使わないユーザー向け）

---

技術要件

パフォーマンス

指標	目標
First Contentful Paint	< 1.5s
Largest Contentful Paint	< 3s
Cumulative Layout Shift	< 0.1
Time to Interactive	< 3.5s
PageSpeed Score (Mobile)	> 80

必須の連携

連携	詳細
Meta Pixel	イベント：PageView、ViewContent、Lead、SubmitApplication
Google Analytics 4	イベント：page_view、scroll（25/50/75/100%）、form_start、form_submit
フォーム → CRM/Sheet	すべての送信内容を自動保存します（HubSpot、Airtable、Google Sheets）
フォーム → Slack/Email alert	新しい見込み顧客の発生時にリアルタイムで通知します
UTM tracking	URL から UTM パラメーターを読み取り、フォームデータと一緒に保存します
TikTok Pixel	TikTok Ads を運用している場合：PageView、SubmitForm
Google Tag Manager	すべてのピクセルを1つのコンテナで管理します

SEO メタタグ

<title>[Main headline] | [Brand name]</title>
<meta name="description" content="[Sub-headline — 150–160 chars]" />
<meta property="og:title" content="[Main headline]" />
<meta property="og:description" content="[Short sub-headline]" />
<meta property="og:image" content="[OG image URL 1200x630]" />
<meta property="og:type" content="website" />
<meta name="robots" content="noindex, nofollow" />  

レスポンシブブレークポイント

ブレークポイント	要件
モバイル（< 768px）	1列、フォントサイズ16px以上、CTA は全幅
タブレット（768–1024px）	1～2列、CTA を目立たせます
デスクトップ（> 1024px）	画像＋テキストのセクションは2列、最大幅1200px

---

アナリティクス計測プラン

イベント	トリガー	プラットフォーム
PageView	ページの読み込み	Meta Pixel + GA4 + TikTok Pixel
ViewContent	セクション 3（解決策）を通過してスクロール	Meta Pixel
Scroll depth 25%	25%スクロール	GA4
Scroll depth 50%	50%スクロール	GA4
Scroll depth 75%	75%スクロール	GA4
Scroll depth 100%	最後までスクロール	GA4
FormStart	フォームの最初のフィールドをクリック	GA4
Lead	フォーム送信の成功	Meta Pixel + GA4 + TikTok Pixel
ClickCTA	CTA ボタンのクリック	GA4（イベントラベル：セクションの位置）
ClickPhone	電話番号のクリック	GA4
ClickChat	ライブチャット / WhatsApp のクリック	GA4

---

A/B テスト計画

優先順位に従ってテストし、一度に変更するのは1つの変数だけにします。

第1ラウンド — 最も影響の大きい項目

変数	パターン A	パターン B	指標
ヒーロー見出し	メリット重視	悩み重視	フォームコンバージョン率
CTA の文言	「無料相談を予約」	「オファーを受け取る」	CTA クリック率

第2ラウンド — フォームの最適化

変数	パターン A	パターン B	指標
フォームのフィールド	2項目（名前 + 電話番号）	3項目（+ メールアドレス）	フォームコンバージョン率
フォームの位置	ページ中ほど（セクション 5）	上部（ヒーローの後）	フォームコンバージョン率

第3ラウンド — 微調整

変数	パターン A	パターン B	指標
CTA の色	オレンジ（#ff6b00）	ブルー（#155eef）	CTA クリック率
緊急性を示す要素	カウントダウンタイマー	「残り X 枠」のテキスト	フォームコンバージョン率

A/B テストのルール：

• 判断を下す前に、各パターンで最低200件のコンバージョンを獲得します
• 曜日による影響を除くため、最低7日間実施します
• 主な指標：フォームコンバージョン率（直帰率ではありません）

---

ドロップシッピング向け単一商品 LP

コンテキストがドロップシッピングの場合に有効になります。通常のブランド LP とは異なり、コンバージョンに徹底的に焦点を当てます。

単一商品のLP構成（モバイルファースト）

セクション	目標	要素
1. ヒーロー	スクロールを止める	ヒーロー画像 + 印象的な見出し + 価格 + CTAボタン
2. 課題と解決策	課題を確かめてもらう	「Xにお困りですか？このYが解決します」 + 商品写真
3. 仕組み	理解を深める	アイコン付きの3ステップ
4. ソーシャルプルーフ	信頼を築く	顧客の写真 + レビュー（Loox/Judge.me）
5. 特徴とメリット	購入意欲を高める	4〜6個の特徴タイル
6. 比較	差別化する	「当社と代替品」の比較表
7. 緊急性／希少性	購入を後押しする	在庫カウントダウン／配送が遅れる場合は配送遅延の表示
8. FAQ	懸念に対処する	よくある懸念への回答を6〜10件
9. CTAセクション	コンバージョンにつなげる	CTAの再掲 + 送料無料の案内 + 保証
10. フッター	信頼を示す	お問い合わせ + 返品ポリシー + プライバシー

ドロップシッピングLPのルール

1. 1ページにつき商品は1つ — 商品を2つ以上掲載しないでください
2. モバイルファーストのデザイン — トラフィックの90%はモバイルから（Meta/TikTok広告）
3. ファーストビューにCTAを表示 — スクロールしなくても「カートに追加」が見えるようにします
4. 在庫カウントダウン — Beeketing、Hurrify、または組み込みアプリを使用します
5. カート放棄への対策 — カート放棄メールの自動化（Klaviyo）

参考資料

全体のパイプラインについては、スキル 29-dropshipping-mastery-global を参照してください。

---

出力テンプレート

# Landing Page Brief — [Product/Service Name]
Created: [YYYY-MM-DD]
Goal: [Lead / Booking / Purchase]
Traffic source: [Meta Ads / TikTok Ads / Google Ads / ...]

---

## Overview

| Item | Detail |
|------|--------|
| Product/Service | [Name] |
| Audience | [Short description] |
| Price | [Price] |
| Main USP | [3 differentiators] |
| Target conversion rate | [X%] (benchmark: lead-gen LPs 5–15%, e-com 1–5%) |

---

## Section 1 — Hero

- **Headline:** [60 chars]
- **Sub-headline:** [120 chars]
- **CTA:** [25 chars]
- **Visual:** [Image/video description]
- **Trust badges:** [List 3–5]

## Section 2 — Problem

- Pain 1: [...]
- Pain 2: [...]
- Pain 3: [...]
- Bridge: [Sentence linking pain to solution]

## Section 3 — Solution

- Intro: [2–3 sentences]
- Step 1: [...]
- Step 2: [...]
- Step 3: [...]
- USPs: [3 points]

## Section 4 — Social Proof

- Testimonial 1: [Name, result, photo]
- Testimonial 2: [Name, result, photo]
- Testimonial 3: [Name, result, photo]
- Stats: [e.g. 1,200+ customers | 4.8/5 rating | 5 yrs experience]

## Section 5 — Form

- Form headline: [...]
- Fields: Name, Phone, [optional]
- CTA: [...]
- Urgency: [Countdown / limited slots]
- Reassurance: [...]

## Section 6 — FAQ

1. [Q] → [A]
2. [Q] → [A]
3. [Q] → [A]
4. [Q] → [A]
5. [Q] → [A]

## Section 7 — Final CTA

- Headline: [Value summary]
- CTA: [Same as Section 5]
- Contact: [Phone + WhatsApp + Messenger]

---

## Technical Requirements

- [ ] Load < 3s (mobile)
- [ ] Meta Pixel: PageView, ViewContent, Lead
- [ ] GA4: page_view, scroll depth, form_start, form_submit
- [ ] Form → CRM/Sheet (auto)
- [ ] Slack/Email lead alert (auto)
- [ ] UTM tracking with form data
- [ ] OG meta tags complete
- [ ] Responsive mobile-first

## A/B Test Plan

- Test 1: [Headline A vs B] — metric: conv rate — duration: 7 days
- Test 2: [CTA copy A vs B] — metric: click rate — duration: 7 days
- Test 3: [Form fields A vs B] — metric: conv rate — duration: 7 days

---

スキル間の参照

• 09-customer-insight-global — セクション2に使うペインポイントと顧客の言葉を収集します
• 05-ad-copy-global — このLPにトラフィックを誘導する広告を作成します
• 10-reverse-kpi-calc-global — 目標コンバージョン率と広告費を算出します
• 02-campaign-brief-global — LPをより広範なキャンペーン概要に組み込みます
• 13-data-analysis-global — 公開後にLPのパフォーマンスを分析します
• 29-dropshipping-mastery-global — ドロップシッピングの全体的なパイプライン（単一商品のストア向けLPの場合）

---

品質チェックリスト

コンテンツ

• ヒーローの見出しでメリットを60文字以内で伝えている
• 各セクションの目的が明確で、重複していない
• ペインポイントには社内用語ではなく、顧客自身の言葉を使っている
• 実名と具体的な成果を含むお客様の声が3件以上ある
• すべてのCTAで動詞とメリットを使い、「ここをクリック」や「詳細はこちら」は使っていない
• 緊急性を示す要素がある（カウントダウン、在庫僅少、期限）
• FAQですべての主な懸念に対応している

デザイン

• ナビゲーションメニューがない
• 外部リンクがない
• モバイルレイアウトが1列で、フォントサイズが16px以上
• CTAボタンにコントラストの高い色を使い、モバイルでは全幅にしている
• 画像にaltテキストがある
• フォームの入力項目が最大3つ

技術面

• 4Gでの読み込み時間が3秒未満
• Meta Pixel + GA4を設置している
• フォームの送信先がCRM/Sheetになっている
• Slack/Emailにリードアラートが届く
• UTMパラメーターがフォームデータとともに保存される
• OG画像（1200x630）が設定されている
• noindex, nofollow（LPでは通常、SEOを省略します）

公開前

• モバイル（iOS + Android）でフォームをテストする
• PageSpeed Insightsで確認する
• リンク共有時のOGプレビューを確認する
• Events ManagerでMeta Pixelを検証する
• CTAリンクとアンカースクロールが正しく機能することを確認する