新しいマーケティング担当者向けの 5 つの Shopify ランディング ページのベスト プラクティス

ランディング ページは、広告と組み合わせて使用​​されるマーケティング ツールです。 訪問者がクリックした広告と明確に一致するページを訪問者に表示できるため、コンバージョンが増加します。

ShopPad の COO である Ryan O'Donnell 氏は次のように述べています。 これは、ランディング ページについて考える上で重要な方法です。特に、e コマースのランディング ページは、ページがサービスを提供しているセールス ファネルのどの部分に対応しているかに応じてさまざまなフォーマットを使用できることを考えると、e コマース ビジネスにとって重要です。

完璧なランディング ページを追求することは、ほとんどのマーケティング担当者にとって生涯にわたる闘争ですが (こんにちは、絶え間ない A/B テストです)、私が長年にわたって学んだいくつかのベスト プラクティスを使用して、一歩を踏み出すことから始めない理由はありません。 .

まず、優れたランディング ページの構造を見ていきましょう。 ランディング ページには5 つの部分があります。

• 通常、主要な見出しと補助的な見出しで構成される、独自の販売提案です。 また、強化声明と最終弁論が含まれる場合もあります。

• あなたのヒーローショット。 ヒーロー ショットは、商品の大きな画像または動画です。

• 多くの場合、読みやすい箇条書きで示されます。

• 社会的証明。 人間は心理的に群れる動物であり、他の人が好きだと思うものにお金を使うのが大好きです。 社会的証明はいくつかの方法で示すことができますが、いくつかの人気のある方法には、短い製品レビューや製品を使用する企業のロゴを挿入することが含まれます.

• 行動を促すフレーズ。 従来、ランディング ページに表示される CTA ボタンは 1 つだけでした。 ただし、多くの e コマース企業は、目標到達プロセスのランディング ページの上位にあるページでは、1 つのランディング ページに複数の CTA が必要であることに気付きます。 (検索キーワード「青いパンツ」をクリックする人のためにキュレーションされた製品ページを考えてみてください。) この場合、複数の CTA は単一の目的を果たすものと考える必要があります。 そのキュレーションされた商品ページの場合、CTA はすべて、販売している数足の青いパンツの 1 つを購入するという唯一の目的を持っています。

それでは、これら 5 つの要素にブランドのストーリーを吹き込み、ランディング ページに命を吹き込む方法について説明しましょう。

1.メッセージを一致させてください！

広告とランディング ページの完璧な組み合わせの最も重要な側面は、広告のメッセージがランディング ページのメッセージとほぼ正確に一致することです。 ユーザーが広告をクリックするとき、その広告が約束したことを行うページが表示されることを期待しています。

広告が約束したことをランディング ページで実際に行うだけでなく、メッセージを一致させる必要があります。 ランディング ページの見出しの文言は、広告の見出しの文言と実際に似ているか、まったく同じである必要があります。 言葉遣いが一致していれば、実際に正しい場所にいることを訪問者にすぐに知らせることができます。 文言が広告の文言と明確に一致していない、または関連していない場合、ほとんどの人は、ランディング ページが意図したとおりに機能しているかどうかを確認することさえ気にしません。

まったく同じではない一致したメッセージの例については、Coca-Cola の次のランディング ページをご覧ください。

言葉遣いはまったく同じではありませんが、両方の見出しが「personalize/d」と「bottle」というキーワードを共有していることがわかります。 「コーラ」と「コカ・コーラ」も同様に機能します。 両方の見出しが重要な単語を共有しているため、人々は広告が期待していたものと一致していることを確認できます。

2. 目標に集中します。

ランディング ページに CTA をいくつ配置すべきかについては、非常に多くの流派があります。 CTAを付けるべきかどうか疑問に思う人さえいる. (ネタバレ: 彼らは間違っています。彼らは「CTA」がボタン以外の多くのものをカバーしていることを知らないだけです。)

前述したように、e コマースのランディング ページでは、ページに表示される実際の CTA の数が異なる場合があります。 e コマース マーケターにとっての真の秘訣は、完璧なボタンを作成することではなく、顧客の目標に焦点を合わせ、その目標をできるだけ明確にして、顧客が完了できるようにすることです。

それは実際にはどういう意味ですか？

• ランディング ページがユーザー ジャーニーのどの部分に関連付けられるかを理解します。 たとえば、そのカテゴリ ページのようなランディング ページは、購入の検討段階で非常に効果的です。 「赤いドレス」を検索してクリックしたランディング ページをご覧ください。 ランディングページは、そのような一般的な用語を検索している人がまだ赤いドレスを研究しているだけであるという事実に対応するように非常に設定されています. したがって、ページには、厳選された製品ページが表示され、赤いドレスがすべて表示され、それらを選択する機会が与えられます. 目標到達プロセスのランディング ページの下部 (たとえば、非常に特定の赤いドレスを検索する) では、すべての CTA を 1 つに減らして、その 1 つの製品だけを購入することができます。 (「赤いドレス」というキーワードの他の広告の複数のランディング ページに、赤いドレス以外の商品を表示する未精選の製品ページが表示されたことに注意してください。明らかに、これらのページからすぐに跳ね返ってきました。)

• 複数の CTA を扱う場合は、実際の目標を決定し、すべての CTA がその目標に関連するページにリンクしていることを確認してください。 たとえば、赤いドレスのランディング ページでは、訪問者に赤いドレスを購入するよう説得することが唯一の目標であるため、CTA のそれぞれが赤いドレスの商品ページにリンクしています。

• 目標の達成に関係のない雑然としたものはすべて取り除きます。 複数のCTAオプションがランディングページに最適であると判断したからといって、ページ全体に無関係なリンクを配置する必要があるわけではありません. たとえば、上記のランディング ページは、少なくとも 1 つのナビゲーション メニューを削除することで改善できます。 目標は訪問者に赤いドレスを購入してもらうことなので、赤いドレス以外のリンクは削除する必要があります。

3.実際にビデオを含めます。

動画はビジネスにとってまだ比較的新しいものであり、多くのランディング ページにはまだ静止画像が使用されています。つまり、使用する動画は興味深いという理由だけでなく、ユニークであるという理由で人気があります。 製品ビデオは、製品の実際の使用方法とその機能を正確に示す素晴らしい方法です。 製品ビデオによっては、特典セクションをビデオに挿入して、ランディング ページのスペースを節約できる場合もあります。 (もちろん、誰もがビデオを見ることを選択するわけではなく、ページのどこかでメリットを得る方法を理解する必要があることに注意してください。)

4. ヒーロー イメージをクリエイティブにします。

長い間、商品の大きなヒーロー画像をランディング ページで利用することがベスト プラクティスであり、通常はページの左側に設定されています。 しかし、先ほどお話ししたように、動画の出現により、静止画像の使用を選択するマーケターは限界を押し広げなければなりません。

Lo & Sons のこのランディング ページをご覧ください。 単一の画像やスライドショーで解決する代わりに、実際に一連の画像を使用して、この財布が提供できるさまざまな機能を示しています. この一連の写真は、ビデオとまったく同じものを実現するのに大いに役立ちます。

5. 成功を測定し、テスト、テスト、テストします。

この投稿で測定とテストを行うように言わなかったら、私は優れたマーケティング担当者とは言えませんでした。 ランディング ページの成功には、次のような多くの変数があります。

• 訪問者がページに到達したチャネル

• メッセージコピー

• 使用画像

• CTAコピー

• CTAの色

• CTAの配置

• 特典コピー

• 特典コピーの配置

そしてどんどん…

これらの変数をテストするには、いくつかの作業を行う必要があります。

まず、キャンペーン内のチャネルごとに異なるランディング ページを使用する必要があります。 Google からの訪問者は、Instagram からの訪問者とは異なる方法でページを操作する可能性が非常に高くなります。

次に、孤立した変数で A/B テストの何らかの方法を採用する必要があります。 つまり、CTA ボタンの色など、ページの 1 つの側面を選択し、1 つのページに 1 つの色を使用し、別のバージョンには別の色を使用する A/B テストを実行します。

一部のソフトウェアでは、A/B テストを一度に実行して、各ページを訪問者の 50% に提供できます。

それができない場合は、特定の数に達するまですべての訪問者に対して 1 つのバージョンを実行し、同じ数の訪問者に達するまで他のバージョンをすべての訪問者に提供することができます。 その後、結果を比較できます。 もう少し時間がかかりますが、結果は同じはずです。 注として、最適なサンプル サイズはサイトが現在受信しているトラフィックの量に依存するため、このような計算機を使用して数値を計算する必要があります。

注意: A/B テストでは、ページの 1 つの側面のみを変更する必要があります。変更しないと、明確な結果が得られません。

では、完璧な e コマースのランディング ページとはどのようなものでしょうか?

結局のところ、あなたの完璧なランディング ページは他の人のものとは違ったものになるでしょうが、インスピレーションを得る絶対的なキラー ランディング ページの例として、 Lo & Sons のデラックス ウィークエンダー バッグのランディング ページをチェックしてください。 彼らはすぐに見出しを付けますが、バッグができることだけでなく、バ​​ッグがあなたの人生をどのように変えることができるかを示す製品ビデオを広範囲に使用していることがわかります. これらのビデオは、独自の販売提案の多くをカバーするだけでなく、ヒーローのイメージと箇条書きの利点に取って代わります. Lo & Sons は、ビデオを見たくない場合に備えて、静止画像とコピーの組み合わせを使用して、バッグの多くの機能をさらに実演しています。 一番下に社会的証明があり、その後に 2 つの CTA ボタンがあり、どちらも実際には同じ製品ページに移動します。

Shopify ストアの素晴らしいランディング ページの作成を開始する準備はできましたか? 我々はあなたを助けることができる！ Page Studio アプリをダウンロードして、プロフェッショナルな外観のランディング ページをすぐに作成しましょう。