DE{CODE}: e コマース サイトの立ち上げ後: コンバージョン率の最適化

e コマース Web サイトを立ち上げましたが、次は何をしますか? デジタル ストアの基盤を強化することを検討している場合、このセッションでは、ROI を明らかに改善するために、Web サイトまたはアプリケーション全体のコンバージョン ファネルを改善する方法を紹介します。 以下のビデオを見て、コンバージョン率の最適化を始めましょう!

セッションスライド

全文トランスクリプト

アリー・ブロック：こんにちは。 こんにちは、アリーです。 私は Box UK の e コマース責任者です。 私の役割には、Box UK での e コマース戦略に携わることが含まれます。 しかし、私の役割の大部分は、クライアントや開発チームと積極的に協力して、e コマース プラットフォームの提供を支援することです。 私は、これらのプラットフォームがどのように機能しているか、コンバージョン率を最適化するためにどのような改善ができるかを調べることに多くの時間を費やしています. 願わくば、今日、私がこの役割で何年にもわたって学んだ洞察の一部を共有できれば幸いです.

私たちのチームの話から始めましょう。 そのため、最近一緒に仕事をしたあるクライアントは、e コマースのコンバージョン率を改善するための課題を設定しました。 当時の私のチームの UX デザイナーは、大幅な増加をほぼ保証する簡単な修正を思いつきました。 コードの変更はありません。 すみません、皆さん。 また、製品管理者が行うことはほとんどありません。 したがって、コンバージョン率を上げるために必要なことは、顧客が製品に支払う必要のある価格を大幅に引き下げることだけです。 それでおしまい。 一体なぜ私はそんなことをするのだろうか？ 私は廃業するつもりです。 それは私の収入を破壊するつもりです。

では、講演のタイトルを少し長めですが、より正確なものに変更しましょう。 コンバージョン率を最適化し、収益を増やします。 コンバージョン率の向上について語るとき、彼らが絶対に望んでいないことの 1 つは、収益が悪影響を受けることです。 それでは、コンバージョン率を向上させるためにできることをいくつか見てみましょう。

したがって、コンバージョンを得るには、人々があなたのサイトを見つけられる必要があります。 右？ これで、サイトを立ち上げました。 あなたのソーシャルチャンネルはウォームアップしています。 最初のマーケティング キャンペーンが終了しました。 そして、注文が入っていることを示すダッシュボードを見て興奮してそこに座っています。これらのダッシュボードが点灯しない場合はどうなりますか? コンバージョン率の増加に関して最初に確認する必要があるのは、実際にはローンチ前と見なすことができるものです. そして、それが見つけやすさです。 では、マーケティング キャンペーン以外に、サイトを顧客に見せるために何ができるでしょうか? 実際、何を無視してください - すみません。 今言ったことは無視してください。 私が言いたかったのは、コンバージョンを得るためには、顧客があなたの製品を見つけられる必要があるということです. あなたのサイトではありません。

そのため、人々は製品を見つけます。 ほとんどの場合、サイトを検索しません。 見つけやすさの観点から、これを少し改良して、製品の見つけやすさについてもっと話しましょう。 では、人々が商品を見つけられるようにするにはどうすればよいでしょうか。 最初に確認すべきことの 1 つは、やはりリリース前のことですが、実際にはテクニカル SEO です。 Web サイトを高速化し、クロールしやすくし、検索エンジンにとって理解しやすくすることは、技術的な最適化の柱です。 したがって、SEO に関する技術的な考慮事項のいくつかは、SEO が安全であるということです。 サイトが HTTPS を使用していることを確認してください。 また、すべての資産も安全に提供されています。 それが画像であり、サイトにすべて添付されている関連する製品シートです。

2つ、速いです。 Google が昨年 Core Web Vitals を導入して以来、パフォーマンスはサイトの重要なランキング要素です。 パフォーマンス スコアを常に把握できるツールは数多くあります。 たとえば、Lighthouse、Search Console などです。 パフォーマンスの重要な要因の 1 つは、監視です。 時間の経過とともに、サイトのパフォーマンスが低下し始めます。 ソフトウェアでは常に発生します。 これが起こっていることを知らせるためにエラーがポップアップするのを待たないでください。 すべきことは、全体的な開発ロードマップの一部として MOT タスクをセットアップすることです。 そのため、サイトを定期的に監視し、Lighthouse の監査を行い、パフォーマンスの問題が大きくなりすぎて解決できなくなる前に対処します。 また、読み込み速度は SEO にとって重要なだけではありません。 また、ユーザーにとっても非常に重要です。 約 8 ～ 10 秒間、ユーザーの注意を引くことができます。 そのため、ページの読み込みに時間がかかっても、先に進むだけです。

そしてモバイルフレンドリー。 実際、モバイル フレンドリーは時代遅れの表現のようなものです。 Google は 2019 年にモバイル ファーストに切り替えました。そのため、サイトがモバイル ファーストでレスポンシブであることを確認してください。 もう 1 つの技術的な SEO 要因は、URL 構造に関するものです。 したがって、SEO に適した URL 構造を持っていることを確認することは非常に重要です。 それらは索引付けに最適です。 人間にもいい。 URL で SKU や製品 ID ではなく製品タイトルを使用して、クエリ文字列、アンダースコア、特に製品を避けます。

次に、構造化データを見ていきます。 したがって、製品の検索可能性には、製品が構造化データを使用して構築されていることを確認することも含まれます。 したがって、製品スキーマを用意することは、検索エンジンが利用可能な製品に関するより多くの情報を取得できることを意味します。 そのため、オーガニック検索結果に価格やレビューなどを表示できます。 これにより、製品のランクが高くなります。 また、重要な情報 (価格、レビューなど) がサイトに到着する前にユーザーに表示されるため、クリックスルーの可能性も高くなります。

次に注目すべきは製品フィードです。 そのため、商品フィードはマーチャント センター プログラムで使用されます。 たとえば、ショッピング広告、商品リスト、Google での購入などです。 これらは、これらのサービスで使用できるように正しく構造化する必要があります。 現在、製品フィードやプラグインの構築に関する情報があふれています。 また、何を構築する必要があるかという点でも役立ちます。 独自の製品フィードを作成することにしたのは、出力されるコンテンツをより細かく制御できるためです。 また、特定のサービスに限定しないようにすることもできました。 したがって、ショッピング サービスと、構造化された方法で製品データを必要とするアフィリエイトの両方に同じフィードを使用できます。

次の柱は、トラフィック ソースに関するものです。 それでは、サイトにトラフィックを送信する典型的なトラフィック ソースのいくつかを見てみましょう。 まずはオーガニック。 これは無料で、実際に SEO が適切に処理されていることを示す優れた指標です。 しかし、既存の SEO プレゼンスがなく、移行を正しく行っていない限り、立ち上げ時には注意が必要です。 紹介も、願わくば無料で、他のサイトとのパートナーシップの構築に取り組んでいるので、うまくいけば紹介トラフィックを構築できます。 そして、それが相互であることを確認してください。

次に、アフィリエイトに支払いました。 今、私たちは無料ではないものに飛び込んでいます. しかし、それは確かに製品へのトラフィックを促進することができます. ただし、全体としての収益への影響を覚えておいてください。 有料トラフィックを最大限に活用するのに本当に役立つ優れた製品フィードを持つこと。 その他の興味深いフィードの 1 つはソーシャルです。 だからこれは成長しています。 製品がソーシャルに表示される方法を見てください。 たとえば、Instagram ショッピングや Facebook ショッピングなどです。 先ほど、人々は商品を探していると言いました。 サイトではありません。 しかし、実際には、ますます多くの製品がソーシャルに表示されるようになったため、人々はもはや検索する必要さえありません. 人が商品を探すのではなく、商品が人を探すようになりました。

だから顧客はあなたの製品を見つけました。 すごいですよね？ コンバージョンに一歩近づきました。 実際、もっと重要なことは、これを台無しにして、顧客の購入意欲をなくす方法がたくさんあるということです。 サイトにアクセスし、カテゴリを表示し、製品ページを閲覧したものの、購入に至らなかった顧客を指す用語であるブランド放棄率は、85% 前後で推移しています。 そのため、ブラウジングと購入の間には大きなドロップ オフ レートがあります。 明らかに、これには多くの理由があります。 人々はブラウジングし、調査し、価格を比較します。 しかし、何らかの理由で、誰かが製品ページにたどり着いたとき、あなたから購入する説得力のある理由を彼らに与える必要があります. 多くの場合、特にコンテンツと技術的な SEO を適切に行った場合、製品ページは実際にはホームページではなくランディング ページになります。

それでは、商品ページを分解してみましょう。 そして、説得力のある購入理由を生み出すために考慮すべき事項を見てください。 まず、パフォーマンス。 先に述べました。 でも大事なことなのでもう一度言います。 そして、今日の早い段階で、高速な e コマース サイトを構築するための開発者の秘訣を聞き取れなかった場合は、できる限りそれを確認することをお勧めします。 製品ページは高速である必要があります。 電光石火。 製品ページが遅い場合、ページが完全にロードされる前に、顧客は次のサイトに移動してしまいます。 Wal-Mart は、ページの読み込み時間が 1 秒改善されるごとに、コンバージョンが 2% 増加することを発見しました。

ただし、1 秒の改善を実装するのは実際には非常に難しい場合があります。 その場合、サイトのパフォーマンスを最適化しているときに小さな利益を軽視しないでください。 わずかな速度の改善でも、コンバージョン率の改善に役立ちます。 たとえば、Mobify では、コンバージョン率が 1% 向上し、ページの読み込み時間がわずか 100 ミリ秒改善されました。 パフォーマンスの後、もう 1 つの重要な指標は画像です。 そのため、画像は購入を選択する顧客にとって重要なコンテンツです。 製品が自分に適していることを視覚的に示します。 したがって、それらが製品を正確に表していることを確認してください。 そして理想的には、製品が自然環境にある画像のギャラリーを用意することです。 たとえば、やかんを販売している場合は、キッチンにやかんの画像を置いて、ユーザーがサイズなどの例を見ることができるようにします。 また、これらの画像を Photoshop で加工しないでください。 Amazon Photoshop Fails を簡単に検索すると、今日の私よりもうまく説明できます。

また、画像のサイズと比率についても考えてください。 製品のマーケティング担当者は、ファイル サイズが非常に大きい高品質の画像を作成してアップロードすることに投資している可能性があります。 そのため、パフォーマンスに悪影響が及ばないように、画像暗唱機能の使用を検討してください。 考慮すべきもう 1 つの点は、画像の読み込み中にレイアウトが変わる可能性があることです。 画像の幅が高く設定されていることを確認してください。 また、画像が非同期で読み込まれている場合は、スケルトンの読み込みを使用することを検討してください。 そして次は価格です。 そのため、顧客が支払う金額が本当に明確であることを確認してください。 あまりにも多くの価格でページが乱雑にならないようにしてください。 それを含めて、それを除いて、セール価格、バンドル価格。 また、複数の価格を表示する必要がある場合は、顧客が支払う価格を明確にする必要があります。 つまり、必ずしも大きくなるという意味ではありませんが、より明確になることは間違いありません。 これを行う方法について、UX のアドバイスを受けてください。

また、隠れたコストについても考えてください。 通常、チェックアウトまで表示されない可能性がある費用。 たとえば、配送料、税金、その他の手数料。 サイトで送料無料を宣伝している場合は、これが商品ページに反映されていることを確認してください。 SEO を適切に行っていれば、製品ページがランディング ページになることを忘れないでください。 したがって、ホームページで行ったプロモーションは、何らかの形で製品ページに反映するようにしてください。

最近の Baymard の調査記事では、過去 3 か月間にチェックアウト プロセス中にオンライン購入を放棄したことがありますか?という質問がありました。 もしそうなら、なぜですか？ また、回答者の 48% が、これらの隠れたコストが原因であると答えています。 そのため、製品ページにそれらを表示することが非常に重要です。 そして、支払い方法。 そのため、ユーザーがチェックアウトにたどり着き、好みの支払い方法で支払うことができない場合、それは本当にイライラします. そのため、製品ページにこれらを再度表示することを検討してください。 また、支払い方法について考慮すべきもう 1 つの点は、1 つだけに依存しないことです。 その決済サービスがオフラインになった場合、大手のサービスでさえ、申し訳ありませんが PayPal がオフラインになり、顧客は購入をまったく完了できなくなります。 したがって、コンバージョン率は 0 になります。 そのため、さまざまなオプションをユーザーに提供してください。 また、それは、人々が実際に支払う能力に自分自身をカバーしていることを意味します.

次に、製品の可用性を確認します。 これは、もう 1 つの強力なコンバージョン ドライバーです。 そして、顧客が製品ページにたどり着いたとき、彼らは本当に製品を購入できると思い込んでいます. 彼らはそれが在庫があると仮定しています。 そのため、在庫があるかどうかを示すことは非常に重要です。 商品をバスケットに追加した後、バスケットで在庫切れになったり、チェックアウトの段階でさらに悪いことに気付くことほど悪いことはありません。 ただし、これを実装する方法は、ライブ ストック情報が格納されている場所によって異なります。 たとえば、Woo でのみ管理されている場合は、表示するのは非常に簡単です。 ただし、在庫レベルが別のシステムにある場合は、ページのパフォーマンスに影響を与えたり、API 呼び出しのボリュームが高すぎたりすることなく、最新の情報を表示する最善の方法を考える必要があります。

私たちのクライアントの1人は、ライブストックチェックを持っています。 それは実際には彼らにとって非常に高価な通話です. そのため、商品ページが読み込まれた後に在庫情報を非同期に読み込むため、全体的なパフォーマンスには影響しません。 素敵な読み込みグラフィックでこれをドレスアップすることもできます. または、在庫を確認するなどのテキストを表示して、待つ価値があるとユーザーに感じさせます。 また、商品が在庫切れの場合、商品ページはどうなりますか? 袋小路になるか、行き止まりになるか。 可能であれば、顧客が見ている製品の真の代替品である限り、代替製品を表示する方法を検討してください。 だからランダムじゃなくて、代わりにこれを買って。 これはキュレートする必要があるかもしれません。 これに役立つプラグインが再び出回っています。 しかし、販売機会を最大化するために、厳選されたコンテンツについてよく考えてください。

そして、信頼指標に移ります。 それではまず、配送と返品について。 顧客は、いつ注文を受け取ることができるかを知りたがっています。 また、何かを返す必要がある場合に何をする必要があるかについても説明します。 今は、22時までに配達する、時間が見える時代です。 ですから、人々はそのような情報を期待しています。 したがって、返品情報がページにあることを確認してください。 配送条件が複雑な場合 (無料配送、標準配送、プレミアム配送、注文金額に応じた配送など)、すべての配送オプションを表示する必要がないように、これを動的に表示する方法を検討してください。 ユーザーが表示している製品に関連するもののみ。

また、返品プロセスに関しては、返品プロセスに明確なメッセージを入れてください。 必要に応じて、販売条件へのリンクも表示されます。 したがって、顧客はこれらを探す必要はありません。 フッターまでスクロールする必要はありません。 私たちは、彼らがページから離れることを望まない傾向があります. そのため、その情報を視覚化して明確にすることは、非常に重要です。

もう 1 つの信頼指標はレビューです。 今、レビューは本当に重要です。 実際、消費者の 97% は通常、購入前に製品の評価とレビューを読みます。 したがって、標準的な 5 つ星のレビュー インジケーターでレビューを表示できるということは、顧客がユーザー生成コンテンツを使用して購入の決定を下せることを意味します。 そして、レビューを促す方法を検討してください。 そのため、サードパーティのレビュー ツールを使用して、購入後のレビューを収集します。 購入後、このポイントは超重要です。 レビューを依頼する自動化のタイミングは非常に重要です。

購入後すぐに質問しないでください。 注文が発送されただけでなく、実際にその顧客に到着したことを確信できるまで、レビュー依頼を待つ必要があります. 良い口コミにだまされた経験があります。 最近、ソファを注文した際に調べてみました。 私は素晴らしい会社を見つけました。 レビューをチェックしました。 彼らは優れた5つ星のレビューを持っていました。 すべて良い。 自信を持ってソファを注文しました。 16 週間後、遅延に関するメールが届き始めました。 そして、それを調べ始めたところ、充実感という点で、この会社はひどかったことがわかりました。 彼らの販売経験は驚くべきものでした。 また、POS でレビューを収集しました。 ということで、ショールームへ。 お茶とビスケットをいただきました。 すべてのソファに座らせてください。 あなたのお金を取った。 レビューを頂きました。 レビューを依頼するタイミングが間違っています。 本物のレビューが必要な場合は、製品が顧客のものであることを知った時点で尋ねてください.

また、レビューに関しては、可能であれば返信してください。 プラットフォームをユーザー生成コンテンツに開放すると、5 つ星未満のコンテンツが表示されることは避けられません。 好意的ではないレビューに誠実に対応することでも、実際に信頼を築くことができます. そのため、使用するレビュー プラットフォームで、これらのレビューへの返信も許可されていることを確認してください。 ユーザーは、販売側だけでなく、カスタマー エクスペリエンス全体を気にかけていることがわかります。これは非常に重要です。

OK。 次に、バスケットを見てみましょう。 ここまでで、顧客が商品をバスケットに追加したとします。 あなたは回心に近づいています。 必ずしも。 多くの人は、後日購入したい製品をカゴに入れています。 たとえば、給料日まで待つ必要があるかもしれません。 彼らは何かを見て、それをバスケットに追加し、立ち去り、数日後に戻ってきた可能性があります。 そして、買いに行きます。 ここでバスケットの永続性について考えてください。これは非常に重要です。 サイトに戻ってきて、カートが空になっていることに気付くほどイライラすることはありません。 本当にひどいです。

かごのページです。 これらは、クロスセルの良い機会でもあります。 調査によると、顧客は購入できる他の製品を実際に見せられることを好むことがわかっているため、バスケット ページは、クロスセルとアップセルの主要な不動産の一種です。 繰り返しますが、それらがその顧客に関連している限り。 つまり、すでにバスケットに入っているものに関連するアイテム、または以前に購入したものに関連するアイテムです。 私はそれが単純に聞こえることを知っています。 しかし、ランダムな製品を販売するための土壇場の機会のためにバスケットページを使用するサイトを見てきました. ここでは関連性が重要です。 そのため、人々が購入しようとしていると思われる製品を常に確認してください。

OK。 そして最終段階に入ります。 チェックアウト段階。 この段階で、顧客は文字通り 1 クリックでコンバージョンに至ります。 したがって、これはノイズを最小限に抑え始める時期です。 忙しいナビゲーションを避け始めます。 チェックアウトページでのクロスセルやアップセルはありません。 ああ、もう1つだけ、行く傾向があることを私は知っています。 しかし、ステージでチェックアウトする人がいる場合は、チェックアウトをできるだけ簡単にしたいと考えています。 そして、あまりにも多くの気を散らすものを避けたい. ただし、人を閉じ込めないでください。 たとえばロゴをクリックできるように、どこかにエスケープ ハッチがあることを確認してください。 そのチェックアウトでそれらをトラップしないでください。 それは少し意地悪です。

入力が必要なフィールドは最小限に抑えてください。 また、ここでゲスト チェックアウトも提供する必要があります。 ここで重要なコンバージョンは、連絡先の獲得ではなく、e コマースのコンバージョンです。 そのため、顧客の詳細の 99% を既に取得しており、実際にはパスワードのみが必要な購入後のアカウント作成を提供するサイトは、購入前にアカウントを作成するよりも、顧客にとってはるかに優れたオプションです。

OK。 これまでのところとても良いです。 コンバージョン ダッシュボードが明るくなり始めています。

Box UK では、ダイヤルを回すことについてよく話します。 そしてそれは、コンバージョンを改善する可能性のある小さな変更を加えることを意味します. たとえば、製品の推奨事項。 これは、在庫切れの代替品、関連するクロスセルとアップセル、頻繁に一緒に購入されたバンドルを示すパネル、最近表示された製品、および以前に購入された製品である可能性があります。 これらはすべて、サイトをナビゲートして検索するよりも迅速な方法で、顧客に関連する製品を表示する方法を顧客に提供します. 繰り返しますが、これらを支援するプラグインが利用可能ですが、これは、ブロックの開発と改良、および提供されている製品をより詳細に制御できる機能の構築を検討する非常に良い機会です.

私が一緒に仕事をしているクライアントの 1 つで、GA を掘り下げていることに気付きました。トラフィックが最も多い最も人気のある製品の 1 つがページの値が 0 であることに気付きました。そして、その理由を知っていました。 在庫切れでした。 明らかに人々はそのページにたどり着きましたが、購入できませんでした。 そのため、在庫の代替品を表示するために構築した機能を使用して、関連する在庫切れの代替品を配置しました。 そして、一晩でページの価値が 2000% 増加しました。 その小さな変化一つで。 そして先月、その 1 つのブロック、つまりアウト ストック オルタナティブ ブロックが実際に総収益の 8% に貢献しました。 また、以前に購入したパネルを実装し、これがどれほど成功するかをテストしています。 これが 3 月のさらに 7% の上昇に貢献しました。 そして、私が言ったように、人々は検索してナビゲートすることでこれらの製品を見つけることができたかもしれません. しかし、人々が購入したい製品を表示することで、そのコンバージョン率を大幅に高めることができます. そして、私たちはそれについて証明された統計を持っているので、見るべき本当に良いものがあります.

OK。 結論として、コンバージョン率を最適化する方法をすべて見てきました。 次に何をしますか？ 次に、コンバージョン率を最適化する方法をさらに見ていきます。 そして、これは反復的なアプローチです。 そして、ソフトウェアで見られるビルド メジャー ラーニング リープは、次に何をするかという点で関連しています。 何がコンバージョンを促進しているかを理解できることは非常に重要です。 そのため、さらに改善を行うには、データと洞察に目を向ける必要があります。 次に、これらの改善をどのように測定するかを検討します。 ツールと分析に関しては、そこにはたくさんの負荷があります。 本物の高級品を手に入れることができます。 しかし、個人的には Google Marketing Suite の大ファンです。 それは無料で、本当にうまく機能します。

Google アナリティクスを Google タグ マネージャーおよび Google オプティマイズと組み合わせてから、データポータルを使用して分析情報をフィルタリングし始めると、コンバージョン ダッシュボードの構築に役立つ非常に強力なツールの組み合わせになります。 残念ながら、冒頭で述べた値下げのシナリオを危険にさらさない限り、コンバージョン率を改善するためにできることは 1 つもありません。 これは、作成、測定、学習する一連の小さな成果です。 これが洞察に満ちていることを願っています。 お時間をいただきありがとうございました。 残りの会議をお楽しみください。

プレゼンター: これで DE{CODE} 2022 の締めくくりです。インスピレーションを得て、WordPress の専門知識と新しいコミュニティとのつながりを深めていただければ幸いです。 金曜日にサイトで録画されたコンテンツを探して、見逃した可能性のあるものに追いついたり、ビデオをもう一度見たりしてください. 最後に、スポンサー パートナーである Amsive Digital、Box UK、Candyspace、Drewl、Elementary Digital、Illustrate Digital、Kanopi Studios、Springbox、StudioMalt、StrategiQ、Web Dev Studios、および 10up に感謝の意を表したいと思います。 DE{CODE} 募金活動に寄付していただき、誠にありがとうございます。 ご厚意に感謝いたします。 出席者ハブとセッションで私たちと交流しているすべての人のために、上位 3 人の勝者を選び、デコードの最後に賞品を受け取る方法をお知らせします。

今後のイベントで、対面またはオンラインで再びお会いできることを楽しみにしています。 最新の WordPress 開発トレンドと、それらを実装して WordPress サイトをより迅速に構築する方法について、さらにお届けできることを楽しみにしています。 それは私からのすべてです。 どうぞよろしくお願いいたします。