販売するeコマースのランディングページを作成する方法
公開: 2020-12-16ターゲット顧客がソファに座ってソーシャルメディアをスクロールしているところを想像してみてください。 数人の友人の投稿と彼らがフォローしているページの間に、彼女はあなたのeコマースサイトでの販売に関する広告を見ます。 ユーザーが広告をクリックすると、サイトの内部ページに移動し、割引商品に関するすべての情報を確認できます。
これはランディングページと呼ばれ、特にその販売とその広告のために、eコマースサイトで作成する必要があります。
定義上、ランディングページには1つの単純な目標があります-変換することです。 企業は、Webサイトの訪問者に特定のことをしてもらいたいので、ランディングページを作成します。 ほぼすべてのランディングページを作成できます。明確な目標を念頭に置く必要があります。
eコマースのコンテキストでは、ランディングページは通常、特別なキャンペーン用に作成されます。 それは、プロモーション、セール、特別取引、新製品の発売、新しいコレクション、無料トライアルなどです。
覚えておくべき重要な詳細が1つあります。 ランディングページの目的が何であれ、それは1つのオファーのみに限定され、1つの特定のオーディエンスをターゲットにする必要があります。
ランディングページを作成するためのルールを知っていますか? 番号? 読み続けてください。記事の終わりまでに、ランディングページとは何か、そして売れるページを作成する方法について理解を深めることができれば幸いです。
ランディングページとホームページ:違いを知っていますか?
サイトのホームページがすべてのキャンペーンのランディングページとして使用されることはよくある間違いです。 ただし、販売するランディングページを設計する方法のベストプラクティスを続行する前に、このアイデアが間違っている理由を明確にしましょう。
まず第一に、両方のページは完全に異なる通信機能を持っています。
ホームページは、会社とその製品に関する一般的な情報を配置するサイトのデフォルトページです。 また、ブランドのメインメッセージも含まれています。
第二に、ホームページの目的は、サイト全体のコンテンツを提示し、ゲストにサイトを閲覧してあなたのブランドを知ってもらうことです。 ホームページでは、複数のオファー、行動を促すフレーズのボタンやリンクを配置できます。
ただし、ランディングページは、期間限定で特定のキャンペーン用に作成されます。 ユーザーは、広告をクリックした後、そこに「着陸」します。 ランディングページは、広告とそのメッセージを補完または反映します。
ランディングページの主な特徴は、シンプルなデザインで、ナビゲーションがなく、行動を促すフレーズのボタンが1つあることです。 ランディングページの目的は、特定の製品を特定のターゲットオーディエンスに販売することです。
あなたのeコマースランディングページの目的は何ですか?
ランディングページをデザインする前に、その目的を決める必要があります。 ランディングページには常に行動を促すフレーズまたは目標が1つあることに注意してください。
目的がどのように機能するかを説明するために、スニーカーの販売の例を使用してみましょう。 ユーザーがプロモーションに関する広告をクリックすると、このキャンペーン専用のランディングページに移動します。このページには、このプロモーション専用の情報と行動を促すフレーズのボタンのみが表示されます。
eコマースのランディングページが訪問者に提供する可能性のあるその他のアクションは次のとおりです。
- 特定の製品の販売または割引について通知します。
- あなたの訪問者にあなたのニュースレターを購読するように頼んでください。そこで彼らは将来のプロモーションや販売について知らされます。
- 電子書籍、製品カタログ、または製品ガイドをダウンロードします。
- 最初の購入時にクーポンまたは割引を提供します。
- 無料トライアルを提供するか、製品のデモを表示します。
- ウェブサイトでの以前の検索または行動に基づいたパーソナライズされたオファー。
変換するeコマースのランディングページを作成するにはどうすればよいですか? ベストプラクティス
あなたのウェブサイトを訪問する各人を顧客に変える史上最高のランディングページを作成する方法についての魔法の公式はありません。 ただし、試行およびテストされたいくつかの重要な要素があります。
1つのオファーのみを含める
いくつかの異なるオファーやアクションオプションでユーザーの気を散らしてはいけません。 「ニュースレターを購読する」、「この無料の電子書籍をダウンロードする」、「今すぐ購入する」、「続きを読む」など、行動を促すフレーズのボタンをいくつか持つことはできません。広告は混乱を招き、顧客の注意をそらします。
実際のところ、ランディングページに複数のオファーがあると、コンバージョンが最大266%減少する可能性があります。 そのため、eコマースのランディングページは1つのオファー専用にする必要があります。
出典:WooCommerce
WooCommerceの例を確認してください。 彼らがオンラインストアを構築できるeコマースプラットフォームを提供していることは明らかなので、彼らのランディングページで迷子になることは不可能です。
何百万ものダウンロードとすべてのオンラインストアの割合に関する統計データが含まれていることに注意してください。これは、それが最も人気のあるeコマースプラットフォームであることを裏付けています。 また、WooCommerceの使用を開始するように促す行動を促すフレーズのボタンは2つしかありません。
ページ全体に行動を促すフレーズのボタンを広める
行動を促すフレーズのボタンは、ランディングページの最も重要なコンポーネントです。 これは、顧客の注意を引く必要がある場所です。 明確で、説得力のある言葉が含まれている必要があります。
1つのアクションのみに焦点を合わせますが、1つのボタンに限定しないでください。 行動を促すフレーズのボタンをページ全体に広めることを恐れないでください。 それらが表示され、クリック可能で、顧客がクリックする場所に配置されていることを確認してください。
出典:FabFitFun
- 関連記事:行動を促すフレーズのボタンのベスト例
目を引く見出しで最初の良い印象を与える
見出しは、ユーザーがページにアクセスしたときに最初に感じる印象です。 これは、オファーを配置し、問題の解決策を提供する方法を顧客に通知する場所です。
見出しは明確で魅力的でなければなりません。 それはあなたの顧客の注意を引き付け、要点にまっすぐでなければなりません。
出典:Mailchimp
あなたの小見出しはウェブサイトの訪問者を感動させ、彼らに行動を起こさせるべきです
Mailchimpの例を見てみましょう。 「あなたのビジョンを実現する」が見出しです。 魅力的ですが、小見出しや文脈なしで読んだら、製品が何なのかわからないでしょう?
見出しを裏付けるという小見出しの使命がここにあります。 それはあなたの訪問者があなたのウェブサイトにとどまるように説得力のある方法で情報を提供します。
上記の例から、このオファーは女性が所有する中小企業に限定されていることがわかります。 彼らはMailchimpのソフトウェアを試して、Eメールマーケティングを通じてビジネスを成長させることができます。
見出しのコピーに合わせて高品質の写真を使用する
これは非常に明白に思えるかもしれませんが、それでも言及する価値があります。 ランディングページには、キャンペーン全体に適合し、見出しのコピーに戻る、素敵で高品質の画像を使用する必要があります。
ランディングページのコンバージョンを86%向上させることができるので、動画を試すこともできます。
出典:Adobe
お客様の苦痛をどのように解決するかを含める
購入者のペルソナの苦痛を覚えて、その解決策をコピーに含めてください。 特に行動を促すフレーズのボタンを作成する場合。 「今すぐ購入」のようなボタンは、顧客が得ようとしているメリットを説明せずに、変換されません。 あなたの不足はあなたの顧客があなたの製品を選ぶ必要がある理由を明確に説明することです。
- 関連記事: eコマースの書き方製品の説明:ベストプラクティス
気を散らすことのないシンプルなデザインは必須です
ランディングページの使命は、購入者の旅を通じて顧客に特定の行動をとらせることであることを忘れないでください。 あなたがあなたのページに気を散らすものがあるならば、彼らは彼らが何をすべきかを理解しないので、あなたは彼らを改宗させません。
直帰率が高くなる可能性を回避するには、ソーシャルメディアボタン、さまざまなオファー、無関係の写真やビデオ、リンクなどの不要な情報をすべて削除する必要があります。見出し、小見出し、行動を促すフレーズのボタン、魅力的な画像で明確なオファーを維持します。

ランディングページのデザインはできるだけシンプルにする必要があります。 余分なナビゲーションも取り除く必要があります。 以下の例を確認してください。
出典:Spotify
彼らが提供するプランに関するSpotifyのランディングページは非常にシンプルです。 バンドとオファーに対応した素敵な写真があります。 行動を促すフレーズのボタンが表示され、ユーザーがプランを購入した場合の内容が見出しで説明されます。
出典:Spotify
どちらのプランにも簡単な説明があることに注意してください。 それらの機能は、読みやすくするために箇条書きでリストされています。
お客様の声を表示し、社会的証明を追加する信頼を構築する
幸せな顧客からの推薦状を追加することは、コンバージョン率を上げるのに役立つもう1つの要素です。 Searchenginelandによると、消費者の88%は、個人的な推奨と同じくらいオンラインレビューを信頼しています。
出典:CAUSEBOX
また、あなたの製品が有名なブランドで取り上げられている場合は、よく考えずに、ロゴを表示して自慢してください。
出典:ウォッチギャング
オファーの残り時間を追加して緊急性を作成します
ユーザーは魅力的なオファーを目にしますが、それについて考えるのに時間がかかることがよくあります。 残念ながら、これが発生している間、オファーがなくなる可能性があります。 これを最小限に抑えるには、オファーの有効期間を示す期間を追加します。
これを行うには多くの方法があります。 残り日数を表示したり、カウントダウンタイマーを追加したりできます。 また、「今」、「明日」、「限定オファー」などの時間に敏感な言葉を使用したり、選択した製品に割引があると言ったりすることもできます。 ルールは、何かが時間に敏感であるか、量が限られている場合、それを強調する必要があります。これは、顧客に迅速な行動を促す可能性があるためです。
出典:Asos
割引、プロモーション、またはクーポンを提供する
それに直面しましょう、人々は何かが無料または割引価格であるときに大好きです。
最初の注文の割引は、まだオンラインストアを試すことに自信がない顧客に役立ちます。
出典:Winc
顧客にパーソナライズされたエクスペリエンスを提供する
パーソナライズされたエクスペリエンスを顧客に提供できる場合は、それを実行してください。 人々は彼らと彼らのニーズのために特別に作られたオファーに感銘を受けています。
以下の例では、メイクアップブランドのIpsyが顧客に独自のエクスペリエンスを提供しています。 行動を促すフレーズのボタンをクリックすると、肌のタイプや製品の好みに関するいくつかの質問に答える必要があります。 その後、Ipsyはあなたにパーソナライズされたビューティーボックスサブスクリプションを提供します。 それはどれほど素晴らしいですか?
このランディングページは、記事に記載したすべてのヒントを組み合わせているため、優れた例です。 ナビゲーションがなく、美しくシンプルで、必要なすべての情報が含まれています。 さらに、オンライン販売の世界で最も魔法の言葉の1つである「送料無料」が含まれています。
出典:Ipsy
ランディングページのA / Bテスト
Neil Patelによると、A / Bスプリットテストはコンバージョンを改善するための最良の方法です。 ランディングページのバージョンを少なくとも2つ作成し、どちらがパフォーマンスが優れているかをテストします。 細部がトラフィックにどのように影響するかに驚かれることでしょう。 このようにして、次のキャンペーンのために何を改善する必要があるかを知ることができます。
ウェブサイトのA / Bテストの方法がわからない場合は、WordPressでA / Bテストを実行する方法を学ぶこの決定的なガイドを確認してください。
まとめ
コンバージョン率の高いランディングページを作成することは、売り上げを伸ばすための鍵です。 あなたは多くのことを考慮する必要があるので、それは簡単な仕事ではありません。 ただし、この記事では、ランディングページの最も重要な側面について概説しました。
HubSpotによると、ランディングページの数を10から15に増やすと、企業は55%多くのリードを獲得します。あなたはそれらの企業の1つになりたいですか? キャンペーンのランディングページの作成を開始します。
また、ランディングページごとに1つのオファーのルールを忘れないでください。