コンバージョン目標を 1 つ選択して最初にコピーを作成し、構築、追跡、A/B テストまでの 7 ステップのランディング ページ開発プロセス。コピー可能なセクションごとのフレームワークを使用します。
1 つの目標と 1 つの対象ユーザーを定義し、コピーを作成し、構造をスケッチし、ページを構築し、トラッキングを設定し、実際のデバイスでテストし、1 つのトラフィック ソースに起動して、データに基づいて改善します。デザインする前にコピーを書くことは、ほとんどのチームが省略するステップです。
ビルダーとコピーの準備ができていれば、1 つのランディング ページを 1 日で公開できます。オーダーメイドのデザインでカスタムコードされたページには、通常 1 週間から数週間かかります。コピーとオファーはビルドよりも時間がかかる傾向があります。
通常はそうではありません。キャンペーン用に構築されたランディング ページは、行動喚起という 1 つのパスで最も効果的に機能します。メインサイトのメニューを削除すると、離脱する方法が減ります。プライバシーと連絡先リンクを含む小さなフッターを保持します。
広告またはリンクと見出しの一致、1 つの明確なオファー、効果があることの証明、行動するための低摩擦 (短いフォーム、高速な読み込み)、そして次に何が起こるかを示す行動喚起。デザインの洗練はそれらよりも重要ではありません。
アナリティクスでコンバージョン イベントを追跡し、安定したレートを得るために 1 つのソースから十分なトラフィックを送信してから、一度に 1 つずつ変更します (通常は見出しやオファーを最初に変更します)。 VWO、Optimizely、ビルダーの分割テストなどのツールを使用すると、適切な A/B テストを実行できます。
短い答え: 優れたランディング ページ開発は、固定された順序に従います。つまり、目標を 1 つ選択し、コピーを作成し、セクションを計画し、構築し、トラッキングを追加し、実際のデバイスでテストし、データを使用して改善します。パフォーマンスの低いページのほとんどは、デザインやコードではなく、最初の 2 つのステップで失敗します。以下に、完全なプロセス、コピーできるセクションのフレームワーク、および訪問者がそのページを見るかどうかを決定する技術的なチェックを示します。
何よりも先にこれを書き留めてください。
「『緊急配管工』の広告をクリックした人」のためのページは、「当社のことをすでに知っているニュースレターの読者」のためのページとはまったく異なります。両方に対応しようとすると、ページがあいまいになってしまいます。
言葉を中心にデザインします。その逆ではありません。プレーンな文書で草案を作成します。
これは、ほとんどのオファーで機能する構造です。適用しない部分はカットしてください。
| セクション | 仕事 | メモ | |
|---|---|---|---|
| ヒーロー | それが何なのかと次のステップについて説明します | 見出し、小見出し、ボタン 1 つ、製品または結果の画像 | |
| プルーフストリップ | 一瞬の信頼を獲得 | 評価、ロゴ、または 1 行の紹介文 | |
| 問題 | 状況を理解していることを示す | 顧客の言語で 2 つまたは 3 つの文 | |
| 仕組み | 楽に感じてください | 3 つのステップ | |
| メリット | なぜ価値があるのかを説明する | 「高品質」ではなく、具体的な | |
| 社会的証明 | 疑問を取り除く | 名前、可能であれば写真付きの完全な紹介文 | |
| オファーと価格 | 決定を具体的にする | 含まれるもの、費用、保証 | |
| よくある質問 | 異議を処理する | 営業電話からの実際の質問 | |
| 最終的な CTA | 最後までスクロールした人を捕まえる | メインボタン | を繰り返します。 |
ヒーローの後、特典の後、そして最後に行動喚起を繰り返し、ボタンが常に近くにあるようにします。
ページを誰が保守するかに基づいて構築方法を選択します。
方法に関係なく重要なルールを構築します。
コンバージョン トラッキングのないランディング ページを改善することはできません。
これについては、ウェブサイト分析セットアップ ガイド で詳しく説明しています。
結果を明確に読み取ることができるように、最初に 1 つのソースからトラフィックを送信します。コンバージョン率が安定したら、影響が予想される順に変更を 1 つずつテストします。
1。オファー(彼らが得るもの) 2。見出し 3。行動喚起の文言とフォームの長さ 4。プルーフの配置 5。レイアウトとデザインの詳細
各テストを意味のあるものにするために、十分な訪問数とコンバージョン数を与えます。小さなサンプルからは消えてしまう「勝者」が生まれます。
「近くのスポーツ マッサージ」という Google 広告を掲載しているクリニックのプロセスは次のとおりです。
ここには賢いデザインは何もありません。これが機能するのは、各セクションがその特定の広告をクリックした人が考えていることに答えるためです。
これらを適切に実現するページの例については、変換されるランディング ページの例 の内訳をご覧ください。ランディング ページが必要か完全なサイトが必要かわからない場合は、ランディング ページとウェブサイトの比較 をお読みください。
We.Inc は、オファーと対象ユーザーの説明からランディング ページを構築し、ホスティングと SSL を含めて、コピーとセクションを視覚的にまたはコードで編集できます。ステップ 2 からコピーを持ってくると、下書きからライブの追跡可能なページにすぐに移行でき、テストにより多くの時間を費やすことができます。
無料で始める · クレジットカード不要