Instapageチームがプラットフォームを使用して、キャンペーンごとに独自のクリック後エクスペリエンスを作成する方法

私たちのチームは、見込み客や顧客から、私たち自身のキャンペーンでInstapageをどのように使用しているかをよく尋ねられます。 パーソナライズ、AMP、ページの一括更新の管理、マルチステップフォームなど、プラットフォームを最大限に活用する方法に事欠きません。

今日の記事では、キャンペーンごとにクリック後のランディングページを作成する際に、専門家チームによるいくつかの例と設計のベストプラクティスについて詳しく説明します。

パーソナライズ：広告からポストクリックのランディングページ

Instapageによる有料の検索、表示、またはリターゲティング広告に出くわしたことがある場合は、広告のクリック後に、その広告に接続された固有のページに到達したことがわかります。 専用のクリック後のランディングページに広告クリックを送信することは、私たちが皆に伝えるベストプラクティスです。

最良の結果（コンバージョン）を生成することは、オンラインでそれぞれの広告に固有のスタンドアロンページを使用することだけではありません。 それは、私たちが接触する見込み客ごとにエクスペリエンスをパーソナライズすることです。 そうして初めて、私たちはデジタル広告の取り組みから最高の結果を期待することができます。 いくつかの例を見てみましょう。

このGoogle広告をクリックする：

このポストクリックランディングページに移動します：

この広告をクリックすると、代わりにこの新しいエクスペリエンスが表示されるこの例と比較してください。

最後のUTMパラメータを除いて、両方のエクスペリエンスでまったく同じURLが使用されます。

訓練を受けていない人の目にはフロントエンドではあまり見えないかもしれませんが、サーバー側の動的なオーディエンスターゲティングがなければ、そのパーソナライズは不可能です。 事実上、何が起こっているのかというと、UTMパラメータを使用して広告プラットフォームに組み込まれている高度なターゲティングを継承しています。

CEO兼創設者のTysonQuickは次のように説明しています。

「パーソナライズされたクリック後のランディングページを使用してコンバージョンを増やしています。これは、潜在的な顧客が広告を利用することを選択したときに関連性があることが、その広告だけでなく、潜在的にそれらを取得する能力にとって重要であるためです。 キャンペーン/広告グループ/広告トラフィックを関連性の高いクリック後のランディングページに送信しないことで、基本的に、潜在的な顧客に、理解していない、または気にかけていないことを伝えています。

クリック後のパーソナライズは、目標到達プロセスの上部と中央で実行できる最も重要なことです。」

サーバー側の実験を使用して、ユーザーのページ読み込み速度を犠牲にすることなく独自のエクスペリエンスを提供します（クライアント側では不十分です）。 サーバー側とクライアント側のパーソナライズの違いの詳細については、この記事をお読みください。

パーソナライズとA / B分割テストの違い

A / Bテストでは、Analyticsのトラフィック分割を任意の組み合わせ（50 / 50、75 / 25など）に設定します。 パーソナライズには、トラフィックの分割は含まれません。 さらに明確にするために：

• A / Bテストは、オーディエンスにランダムにページエクスペリエンスを提供します
• パーソナライズは、選択したターゲットオーディエンスに必要な正確なバリエーションを示します

したがって、UTMパラメータを正しく設定していれば、広告で統合について説明している場合、クリック後のランディングページには統合コンテンツのみが表示されます。 逆に、広告がWordPressへの公開を宣伝している場合は、それだけがページに表示されます。

詳細については、ここにアクセスして、A / Bテストでパーソナライズが優れている理由を確認してください。

AMP：最速の読み込みページ用

あなたはおそらく、モバイルデバイスの使用が世界中でデスクトップの使用をはるかに上回っていることを知っているでしょう。 それを知っており、モバイルユーザーに最高のエクスペリエンスを提供したいので、私たちのチームはモバイルオーディエンス向けにいくつかのAMPポストクリックページを作成しました。

たとえば、モバイルデバイスを使用していて、このディスプレイ広告が表示された場合は、次のようになります。

クリックすると、AMPデモをリクエストできるこのエクスペリエンスが表示されます。

メッセージの一致の一貫性が同じであるだけでなく、ページはほぼ瞬時に読み込まれ、モバイルでページにアクセスするすべての人に最高のエクスペリエンスを提供します。

Instablocks™とグローバルブロック：一括更新のスケーリングと管理用

他のソフトウェアは、最適化されたテンプレートなどの機能を宣伝することで、ランディングページの作成を拡張し、ページの更新を管理する機能を備えていることを誇っています。 テンプレートは、ページを比較的迅速に公開するのに最適ですが、これまでのところしか使用できません。 しかし、更新する必要がある場合はどうなりますか？

• あなたのコーポレートブランディングとそれらの変更をすべてのクリック後のランディングページに反映する必要がありますか？
• すべてのページの著作権年？ または…
• どこにでもあるすべての製品のスクリーンショット？

テンプレートは、これらの変更や更新を管理するのに役立ちません。

グローバルブロックを使用すると、これらの設計変更による時間と頭痛の種を大幅に節約できます。 以下の最初のビデオでグローバルブロックを作成する方法を参照し、シングルクリックで変更が複数のページに反映されるのを確認してください（2番目のビデオ）。

例：グローバルブロックを作成する方法

例：ブランディングの更新

グローバルブロックをいつ使用するかに関する15の追加のユースケースについては、こちらをご覧ください。

（*他のポストクリックソフトウェアはこの機能を提供しません。）

コラボレーション：効率的なワークフローと設計フィードバックのために

クリック後のランディングページをデザインすることは、以前は本当に苦痛でした。 コミュニケーションワークフローは、電子メール、デザイン変更を含むモックアップスクリーンショット、Slackメッセージ、および対面式の会議に散在していました。 チーム全体が一元化された場所（Instapageビルダー）で通信、フィードバックの提供、および問題の解決を行うことができるため、組み込みのチームコラボレーションを使用する必要はありません。

Rafal Bogdanのグラフィックデザインマネージャーは、次のように詳しく述べています。

「この機能がないと、ビルダーがどのようになるか想像するのは難しいです。 コラボレーションは、私のアイデアをすばやく共有し、すべてのチームメンバーをループに保ち、多くの時間を節約し、レビュープロセス中の混乱を回避できるため、ビルダーのお気に入りの機能の1つです。」

（*他のポストクリックソフトウェアはこの機能を提供しません。）

マルチステップフォーム：より良いリード資格のために

コンバージョンチームは、広告、ランディングページ、メールなど、各キャンペーンを通じて多くのA / Bテストを実施します。特に、エンタープライズデモページなどの一部のページでは、フォームを送信する見込み客を対象に、その他の情報をリクエストする必要があります。ただの典型的な名前、電子メール、および電話番号。 その間、私たちは長い形で人々を圧倒したくありません。

ブランドディレクターのジョナサンパンターニは次のように説明しています。

「私たちは、消費者が名前、電子メール、電話番号などの個人情報を明らかにすることによって、コミットメントの面で小さな心理的障壁を超えなければならないことを知っています。 そのため、解決しようとしている問題などの個人情報の要求を減らすことで、プロセスに取り組んでいるために放棄する可能性がわずかに低いフローになります。」

最適なバランスをとるために、デモから人々を怖がらせることなく必要な情報を収集できるマルチステップフォームを使用しています。 ここでは、3つのステップでそれをどのように行うかをご覧ください。

その3つの部分からなるフォームシーケンスをA / Bテストしたところ、コンバージョン数が18％増加しました。

Instapageチームによるベストプラクティスの設計

それでは、ユーザーエンゲージメント、コンバージョン、ショーケースのメリットを最大化するために常に含まれている特定のベストプラクティスを確認しましょう。

ヘッダーナビゲーションなし：人々をページに集中させ続けるため

このヒントは、クリック後のランディングページの概念に不慣れなデジタルマーケターに最初に提案することがよくあります。 理由は次のとおりです。

• クリック後のランディングページはコンバージョン向けに設計されています
• ウェブサイトはブラウジング体験を目的としています

したがって、Webサイトにヘッダーとフッターのナビゲーションメニューがあることは理にかなっています。 それらはすべてを網羅した体験です。

Instapageが公開しているクリック後のランディングページにはすべて、共通点が1つあります。それは、ナビゲーションメニューがないことです。 Instapageのロゴでさえ、人々がそのページとそのページだけに集中することを望んでいるため、リンクが解除されています。 つまり、ページから離れる方法は2つしかありません。フォームを変換する方法と、ブラウザタブの[X]をクリックする方法です。

ナビゲーションなしのクリック後のランディングページの例を次に示します（ナビゲーションアイテムのリストがあるホームページと比較してください）。

2段階のオプトインフォーム：ページを簡素化し、エンゲージメントを高める

マルチステップフォームと同様に、ダブルオプトインを使用すると、個人情報を要求することで、訪問者を怖がらせることなくエンゲージメントを維持できます。 2段階のオプトインでは、訪問者はCTAボタンをクリックしてアクションを実行した後にのみフォームを表示します。

ホワイトスペースとZパターンのレイアウト：ユーザーエクスペリエンスを向上させ、エンゲージメントを向上させる

ランディングページのデザインは本当に芸術です。ユーザーエクスペリエンスの原則を理解していないと、それを示すために多くのことをせずに多くの時間を浪費する可能性があります（リード、コンバージョン、販売）。

誰かがクリック後のページのいずれかに到達したときに、ページをほぼ瞬時にロードし、エンゲージメントを維持し、最終的にフォームを介して変換する必要があります。 ホワイトスペースとZパターンのレイアウトは、情報に圧倒されないため、人々のエンゲージメントを維持するのに大いに役立ちます。

このページを見てください。 会社のロゴの下で、下にスクロールするとジグザグパターンになります。 各セクションは、関連するビジュアルおよびサポートコピーで強調表示されます。 自然な表示パターンは、左から右、上から下です—コピーから始まります。

このようにページをデザインすることで、よりバランスの取れたページを作成することもできます。 たとえば、ページに左側のすべての画像が含まれていると、バランスが崩れます。 代わりに、両方の設計原則により、訪問者は情報をより簡単に処理し、ページを下にスクロールし続けることができます。

社会的証明：顧客の結果を強調し、私たちの価値を証明する

Instapageはデジタル広告キャンペーンに最適であり、クリック後のランディングページは多くの場合、人々が私たちに最初に目にする印象であるため、私たちのページにアクセスするすべての見込み客に私たちの価値をすぐに証明する必要があります。

そのために、私たちは常にお客様のロゴと大切なお客様の声を掲載しています。 お気づきの方もいらっしゃると思いますが、この記事で取り上げられているほとんどのページの例には、社会的証明の形式が含まれていました。 さらにいくつかあります：

さまざまなレイアウトを試してください

A / Bテストは、クリック後のランディングページで実行できる最も重要なことの1つであるため、この最後のヒントを見逃してはなりません。 CTAボタンの色やテキストの変更について話しているだけではありません。 むしろ、ページレイアウトの順序と内容を試すことです。

たとえば、オーディエンスと彼らが探しているものによっては、ページの上部に証言を配置することは、あなたのオファーが彼らが探しているものであることを彼らに納得させるために必要なナッジかもしれません。 それをあなたの聴衆に話す画像とコピーと組み合わせてください（これらの証言は私が関係することができる人々から来ていますか？）、そしてあなたはさらに強力なセクションレイアウトを持っています。

しかし、おそらくあなたの聴衆の最大の予約は、他の人があなたの製品で成功を収めているかどうかではなく、デモまたはソリューションの完全な立ち上げのいずれかを通じてソリューションを立ち上げるために必要なステップです。 このソリューションをテストするため、または私の会社が価値を見始めるには、何が必要ですか？

価格が前進するための最大の決定要因であるため、他の人はまだあなたのページの上部にあなたの価格を表示することを好むかもしれません。 さまざまなレイアウトとコンテンツをテストしないと、これらの質問に対する答えを本当に知ることはできません。

Instapageプラットフォームを最大限に活用する

これらは、私たちが説教することをどのように実践しているかを示すための、私たちのチームからのほんの数例とベストプラクティスです。 効率的なワークフローを確立し、各ページデザインでさまざまな製品機能を引き続き使用しています。

今すぐInstapageデモを入手して、自分の力を体験してください。