あなたを刺激する6つのeコマースランディングページのベストプラクティス

公開: 2018-08-29

eコマースのウェブサイトは1つの理由で存在します：お金を稼ぐため。つまり、サイトに関するすべてのことは、訪問者が購入できるように設計する必要があります。より多くの購入コンバージョンへのチケット？ eコマースのクリック後のランディングページ。

オンライン買い物客の4人に1人が商品ページからカスタマージャーニーを開始していますが、訪問者の約96％は、そこに到着したときにまだ購入する準備ができていません。これらの人々は、参照チャネルに関係なく、実際のクリック後のランディングページに到達する人々よりも跳ね返る可能性が高くなります。

調査によると、商品ページは他の方法でもeコマースのクリック後のランディングページよりもパフォーマンスが低いことがわかっています。信じられない？

eコマースのクリック後のランディングページの統計

2018年の第1四半期に発生した約20億回のショッピングセッションのデータは、製品ページがどのように顧客を引き付けていないかを示しています。

商品ページにアクセスした訪問者は、クリック後のランディングページ（ショッピングセッションごとに12.5）を表示した訪問者よりも42％少ないページ（ショッピングセッションごとに8.8）を表示します。
商品ページの訪問者は、クリック後のランディングページの訪問者の約半分の割合でコンバージョンを達成します（それぞれ1.5％と2.9％）。
製品ページのセッションあたりの収益（$ 1.72）は、クリック後のランディングページのセッションあたりの収益（$ 3.43）の約半分です。

データの違いがわかりますが、ページタイプ自体の違いはどうでしょうか。

クリック後のランディングページと製品ページ

クリック後のランディングページと商品ページの主な違いは、その目的です。

多くのオンラインソースが信じていることにもかかわらず、クリック後のランディングページは、単に「ランディングしたページ」ではありません。 クリック後のランディングページは、訪問者に行動（サインアップ、購入、ダウンロードなど）を行うよう説得することを唯一の目的として作成されたスタンドアロンのWebページです。これらのページは、1つの目標を念頭に置いて、1つのメッセージのみに焦点を当てることにより、ターゲットトラフィックを特定のコンバージョンに誘導するために使用されます。

ただし、製品ページの目的は、大衆にアピールし、ブラウザを引き付けることです。それはあなたのブランドを紹介し、あなたの製品やサービスについて訪問者を教育するように設計されています。また、訪問者がサイト全体をナビゲートできるように、Webサイト上の他の場所へのリンクも提供することがよくあります。

eコマースのクリック後のランディングページを使用する理由

ビジネスがよりデータ主導になるにつれて、クリック後のランディングページは、より多くのコンバージョンを促進し、より多くのリードを生成し、最終的に高いROIを実現できるため、2つの選択肢として好まれるようになっています。実際、悪名高いHubSpotレポートによると、クリック後のランディングページを40以上使用しているブランドは、クリック後のランディングページを5つ未満使用している企業よりも120％多くのリードを生み出しています。

この背後にある理由は、すべての顧客がユニークであり、購入するように説得するために個別の注意と関与を必要とするためです。最高のeコマースのクリック後のランディングページ（カート前のクリック後のランディングページとも呼ばれます）を使用すると、これを行うことができます。専門のデジタルストアフロントを通じて個々の顧客に合わせてビジネスを調整し、エンゲージメントを高めて売上を伸ばします。

最も望ましいeコマースのクリック後のランディングページの変換は次のとおりです。

電子メールの更新を購読する
購入する
無料コンテンツのダウンロード
改善された製品またはより高いレベルのサービスへのアップグレード

6つのeコマースポストクリックランディングページの例（ベストプラクティス付き）

このセクションでは、eコマースのクリック後のランディングページテンプレートで使用するベストプラクティスを説明するとともに、次のデザインを刺激するためのeコマースのクリック後のランディングページの例をいくつか示します。

1.サイトナビゲーションを排除します

クリック後のランディングページはWebサイトのスタンドアロンページであるため、ナビゲーションバーをどこにも含めないでください。また、メインCTA以外のクリックスルーの機会を含めるべきではありません。追加のリンクを含めると、最初に変換せずにクリックしてオファーから離れることしかできなくなります。

Doodlyは、クリック後のランディングページで正しいアイデアを持っています。

このページでは（ページ下部のいくつかのリンクを除いて）すべてのナビゲーションが省略されているため、訪問者はクリック後のランディングページのオファーにのみ焦点を合わせています。コンテンツ全体にたくさんのアンカーリンクがあり、訪問者をページの下部に誘導して、クリックして購入することができます。ただし、フッターリンクを削除すると、ページのフォーカスがさらに強くなります。

通常のウェブページのナビゲーションリンクやその他の気を散らすものを取り除くことで、eコマースのクリック後のランディングページは、目前のタスクに100％集中します。つまり、見込み客にブランドとの関わりを持たせることです。

2.明らかなCTAを含める

あなたのページに到着したら、誰もが何をすべきかを正確に知っているとは限りません。混乱（およびより高いバウンス率）を回避するために、Grace Leverがクリック後のランディングページで行うように、常に明確で具体的な行動を促すフレーズを含めます。

このページのピンクのCTAボタンをクリックすると、訪問者が次のページで本を注文できるようになることは間違いありません。明確で関連性のある、パーソナライズされたCTAボタンのコピーは、訪問者の明確さを維持し、ページの目標に集中できるようにします。

3.複数のCTAを組み込む

商品ページのCTAとクリック後のランディングページのCTAの違いは、後者の目標は1つだけであるということです。ただし、これはCTAボタンが1つだけという意味ではありません。複数のCTAボタンは、相互に連携している限り、eコマースのクリック後のランディングページで使用できます。

Hearst Magazinesは、クリック後のランディングページで複数のCTAボタンを使用して（すべて同じ目標を持っています）、Eat forAbsの雑誌の購読を増やしています。

ページ全体で「今すぐ注文」する機会が多いため、訪問者はボタンの1つをクリックして、マルチステップフォームに記入する可能性が高くなります。

これは、eコマースのランディングページを成功させるための鍵です。複数のメッセージを表示しない単一の目的です。したがって、訪問者は確実に目的を達成します。

4.特定の製品またはサービスの説明を追加します

ランディングページと製品ページの両方に、説明的な製品またはサービスのコピーを含める必要があります。これは、製品ページで通常見られるより一般的なコピーよりも、クリック後のランディングページでよりオーディエンス固有である必要があります。

訪問者に商品やサービスの説明を検索させるのではなく、表示されていることを確認します。小さすぎたり、ページの下部に隠れたりしないようにします。

HelloFreshは、オファーの説明を非常に明確で表示し、折り目の上とCTAボタンの真上に表示します。

クリックスルーページの残りの部分では、HelloFreshの動作方法を説明し、主な利点を一覧表示し、上位のレビューを共有します。また、同じコンバージョン目標を目指して、ページの下部に2番目のCTAボタンが含まれています。

調査によると、Strategynのように、商品の説明を補足する画像を組み込むことで、コンバージョンが124％増加する可能性があります。

5.主にコンバージョンに焦点を当てる

製品ページの主な目標の1つは有機的なトラフィックを引き付けることであるため、製品ページはSEO向けに大幅に最適化されています。クリック後のランディングページもSEO用に最適化できます。ただし、クリック後のランディングページは広告に焦点を合わせており、オーガニックではないため、これは必須ではありません。したがって、クリック後のランディングページをSEOに適したものにして、SERPで上位にランク付けし、検索ユーザーからの可視性とトラフィックを増やすことができる場合でも、主にコンバージョンに焦点を当てる必要があります。

このバナー広告と、ConstantContactのクリック後のランディングページの例を検討してください。

彼らは、複数のCTAボタンで無料試用版を強調表示し、追加の「今すぐ購入」リンクを含めることで、コンバージョン重視のこの広告とクリック後のランディングページを作成しました。

6.モバイル向けに最適化

今日の顧客の多くはモバイルデバイスから買い物をしているため、モバイル対応のカート前のeコマースランディングページを持つことは不可欠です。

垂直方向に配置されたページとフォームを作成し、画像と動画をデバイスにぴったり収まるように適切にフォーマットし、タップ可能なボタンを含めます。

Honest Companyは、eコマースのクリック後のランディングページでこれらすべてのボックスをチェックします。

クリック後のランディングページ要素をモバイルに最適化することで、モバイルユーザーはコンテンツに快適にアクセスできるようになり、理想的なユーザーエクスペリエンスが提供され、コンバージョンの可能性が高まります。

eコマースのクリック後のランディングページを最大限に活用する

上記の例から明らかなように、これらのページは、eコマース企業の販売ファネルの重要な部分です。彼らはあなたの広告活動と販売の間の架け橋であり、最終的にあなたがより多くの収入を集めるのを助けます。

顧客獲得あたりのコストを下げるために、常にすべての広告をパーソナライズされたクリック後のランディングページに接続してください。今すぐInstapageEnterpriseデモにサインアップして、専用のポストクリックページの作成を開始してください。