商品リストページを最適化するための決定的なガイド

公開: 2019-07-11

商品リストページ(またはカテゴリページ)は、ストアで販売可能な商品を表示するページです。

それで、あなたはあなたの製品の簡単な紹介、まともな写真を一緒に叩き、買い物客がそれらを買うのに十分好きであることを望んでいますか?

いいえ!

あまりにも多くのeコマースビジネスオーナーは、堅実な製品リストページの力を過小評価しています。

これらのページは、買い物客が最初にあなたの製品を紹介する場所である可能性が最も高いです。 乱れたり急いでいるように見える重要な商談会に参加しませんか?

おそらくそうではありません。

それなら、急いで乱れた商品リストページを買い物客に提示するべきではありません。 その悪い第一印象は、あなたの収益に多大な損害を与える可能性があります。

最高の製品リストページは、友人の家での温かい歓迎のように感じます。 ASOSの以下のカテゴリ(製品リスト)ページのように、魅力的で、まとめられており、快適です。

product listing page 01 asos - The Definitive Guide to Optimize Your Product Listing Pages

出典: ASOS

商品リストページの重要性を理解したところで、それらを整理するための最良の方法、カテゴリページの重要な要素、ナビゲーションを改善する方法、コンバージョン率を高める方法、およびSEOを改善する方法について説明します。ランキング。

準備?

入りましょう!

1.製品を分類する正しい方法

買い物客に商品を提示する方法は、買い物客の利便性に影響を与えるだけでなく、買い物客があなたから購入するかどうかにも大きな役割を果たします。 製品を分類する方法はいくつかありますが、ここで取り上げる2つの主な方法は、1)グリッドビューと2)リストビューです。

サイトに最適な方法を決定する前に、これら2つのビューが何であるかを調べてみましょう。

  • グリッドビュー:これは通常、少量の追加情報を含む製品画像のサムネイルを表示します。 このビューには、画像のすぐ下に製品名、価格、価格が含まれる場合があります。
  • リストビューには通常、左側に小さな画像があり、右側には製品情報が含まれています。 強調表示される情報は、多くの場合、サイズ、価格、製品の説明、または入手可能性です。

では、これらのさまざまな分類は、顧客の決定プロセスにどのように影響しますか?

グリッドビューの利点は次のとおりです。より多くの画像により魅力的であり、ユーザーの注意がアイテム全体に均等に分散されます。

product listing page 02 zooshoo - The Definitive Guide to Optimize Your Product Listing Pages

出典: ZooShoo

グリッドビューの主な欠点は、含まれる情報が少ないことです。 これは、顧客が特定の製品の詳細を取得するためにより多くの時間を費やす必要があることを意味します。

リストビューの利点は次のとおりです。人間の目が従う自然なF字型の読み取りパターンに従い、より多くの製品の詳細を提供します(これにより、顧客は製品を比較しやすくなります)。

product listing page 03 bestbuy - The Definitive Guide to Optimize Your Product Listing Pages

出典: Best Buy

あなたの店に最適なのはどれですか?

それはあなたが売る製品の種類に大きく依存します。 ファッションeコマースストアを運営している場合は、より魅力的なビジュアルが必要になる場合があります。 電子機器を販売している場合は、仕様や保証などの詳細が重要であるため、リストビューが最適な場合があります。

原則として、グリッドビューは画像用で、リストビューは詳細用です。 どのビューを選択する場合でも、買い物客にしっかりとした第一印象を与えるようにしてください。

2.カテゴリページの重要な要素

eコマースWebサイトのすべてのページで、ユーザーエクスペリエンスを向上させる必要があります。

カテゴリページも例外ではありません。

製品ページに向かう途中の一時的なページと見なすべきではありません。 カテゴリページは、コンバージョンを促進するために制御できる別の要素として表示する必要があります。

このページをどのように活用しますか? これが5つの方法です:

1)美しいヘッダーは大きな違いを生む

明確で効果的で、特定のカテゴリの製品の種類を完全に網羅しています。 効果的な手法は、カテゴリにリストされている製品をキャプチャする高解像度の「ヒーロー」画像を使用することです。

product listing page 04 nutro - The Definitive Guide to Optimize Your Product Listing Pages

出典: Nutro

2)サムネイルからより多くを得る

サムネイルに関する重要なヒントの1つは、サムネイルの一貫性を保つことです。

買い物客は比較するのが好きなので(時には医学の進歩を発見する寸前のマッドサイエンティストの集中と)、あなたは鋭い目の買い物客のために同様の背景、一貫した/補完的な背景、そして同様の視点を持たなければなりません。

また、サムネイルが一貫している場合、Webサイトにプロフェッショナルな雰囲気を与えます。

視覚要素にはグリッドレイアウトを使用し、可能な限り混乱を最小限に抑えます。

3)最も売れている商品や最も人気のある商品を前面と中央に配置します

買い物客は、他の人が何を買っているのか、どの製品が棚から飛び出しているのかを知りたがる場合がよくあります。 ベストセラーや人気商品をはっきりと表示して、ケーキにしましょう。

この手法を使用して、商品のバンドルや巧妙なアップセルによって売り上げを伸ばすこともできます。

increase cart value with optimonk - The Definitive Guide to Optimize Your Product Listing Pages

OptiMonkのようなツールは、オンサイトメッセージを使用してベストセラーまたはアップセル製品を宣伝するのに役立ちます。

jb freemium - The Definitive Guide to Optimize Your Product Listing Pages

4)評価とレビューを使用する

社会的証明は、売り上げを伸ばすためにサイトで使用できる最高のものの1つです。 他の人によって「検証」されたアイテムを購入する可能性が高くなります(検証が多いほど良い)。 実際の満足している顧客の数を紹介できるほど、製品を販売する可能性が高くなります。

シンディジョセフによるブームは、レビューの力を活用する上で素晴らしい仕事をしています。

product listing page 05 boom - The Definitive Guide to Optimize Your Product Listing Pages

出典: BOOM By Cindy Joseph

5)利用可能なサイズと色のオプションを表示する

買い物客にオプションを提供し、特定の商品をさまざまな色/サイズで表示する直感的な機能を備えています。 H&Mが製品の下にある利用可能なカラーオプションをどのように表示するかを確認してください。

product listing page 06 hm - The Definitive Guide to Optimize Your Product Listing Pages

出典: H&M US

これは、緊急性を効果的に利用して売り上げを伸ばすことができる場所でもあります。 たとえば、選択したサイズがX時間のみ使用可能であること、またはX量のみが緑色で残っていることなどをリストできます。

AmazonやBooking.comのような企業は、緊急性を適切に表示し、人々に迅速に行動させることの専門家です。

3.ナビゲーションは非常に重要です

Baymard Instituteによる最近の調査によると、メインナビゲーションに商品カテゴリを表示しないと、買い物客にとって大きなナビゲーションの問題が発生します。

製品カテゴリページのナビゲーションと可視性を向上させるために、ここにいくつかの実用的なヒントがあります。

  • ナビゲーションの第1レベルとして製品カテゴリを表示します。
  • 明確で直感的な検索バーを使用して、検索機能を最適化します。 オートコンプリートを採用するGoogleサジェストの方法に従って、買い物客が商品をすばやく見つけられるようにすることができます。
product listing page 07 waterstones - The Definitive Guide to Optimize Your Product Listing Pages

出典:ウォーターストーンズ

  • 訪問者がWebサイトで製品をランク付けできるようにします。 訪問者がサイト上の製品をランク付けできる何らかのメカニズムがあると、最も人気のある製品が非常に目立つようになり、あまり望ましくない製品を見つけるのがより困難になります。 この手法は、製品の人気に関するパターンがある場合に、製品の調査や在庫管理にも役立ちます。
  • 顧客がアイテムを並べ替えて、色、種類、形、カテゴリ、サイズ、性別などで検索できるようにします。

4.商品リストページのコンバージョン率を上げる

(Facebook広告、大量のトラフィック、スムーズなチェックアウトプロセスなどから)最も油の多いeコマースファネルを配置できますが、製品ページの最適化に失敗した場合、ユーザーのショッピングカートは空のままになります。

eコマースは残酷な世界になる可能性があります…。

この記事を通して、私は商品リストページのデザインのあらゆる側面について意図的にすることの重要性を強調しました。 選択する画像、使用する社会的証明、使用するコピー、これらすべてがユーザーエクスペリエンスと最終的には販売に影響を与えます。

そうは言っても、ここにあなたがあなたの製品リストのコンバージョンを後押しするために使うことができるいくつかの証明されたテクニックがあります:

1)商品が人気のある場合はラベルを使用する

明確なラベルとマーカーを使用して、買い物客にあなたの店で人気のあるアイテムについて知らせます。 良い方法は、対照的な色を使用するか、製品の人気を示す上品に配置された明るいバナーを使用することです。

2)カートに簡単に追加できるようにします

単純化して、ユーザーにとって簡単にチェックアウトできるようにすることの重要性を強調することはできません。

2019年、ブランドはかつてないほど顧客の注目を集めるために戦っています。

ユーザーにあなたの製品に興味を持ってもらい、購入ライン全体にそれらを届ける時間はますます少なくなっています。 すべてのアイテムに、アイテムをカートに自動的にドロップする「カートに追加」ボタンが必要です。 抵抗が少ない=人々があなたから購入する可能性が高くなります。

HoneyGirlOrganicsのカテゴリページに「今すぐ購入」ボタンがある方法を以下で確認してください。

product listing page 08 honeygirl - The Definitive Guide to Optimize Your Product Listing Pages

出典:HoneyGirlOrganics

3)詳細情報を提供する

保証や返品ポリシーなどの段落で買い物客を圧倒する必要はありません。この重要な情報をすばやく巧妙に見つける方法は、製品リストページにあります。

たとえば、脂肪を減らして保証を減らし、「知っておくべきこと」を含む1行に情報を返すことができます。

場合によっては、少ないほど多くなります。

4)ショッピング体験をパーソナライズする

一般的なメッセージは、世界中のカートの放棄率が非常に高い最大の理由の1つです。

それはまるでeコマースストアの所有者が他のHUMANSが画面の反対側で買い物をしていることを忘れているかのようです。

彼らがいる人々のようにあなたの買い物客に話し、あなたの売り上げが伸びるのを見てください。

私はあなたがスラングで船外に出て、UrbanDictionaryからの最新のホットな用語を使うべきだと言っているのではありません。 「大切なお客様」ではなく、ダイナミックな個人のように話をするべきだと言っています。

5)割引を紹介する

セール中の商品はありますか? それらを自慢して見せてください。 初めての顧客割引を提供していますか? それを強調してください! ある種の忠誠プログラムや取引がありますか? 彼らにそれについて知らせてください。

売上と期間限定の割引は、売上を伸ばし、ユーザーとのつながりを築くための優れた方法です。

BootCuffsSocks.comが販売中の製品をどのように強調しているかを確認してください。 彼らはまた、緊急性を高めるという素晴らしい仕事をしています。 最近誰かが製品を購入したというメッセージがどのように表示されるか見てみましょう。

product listing page 09 bootcuffssocks - The Definitive Guide to Optimize Your Product Listing Pages

出典:ブーツカフス&ソックス

6)サイトの速度を向上させる

顧客の47%は、サイトが2秒以上で読み込まれることを期待しています。 あなたのサイトがそれより長くかかるならば、あなたはテーブルにお金を残しています。

スピードはeコマースの世界のほぼすべての側面でゲームの名前であるため、サイトのスピードは非常に真剣に受け止められる必要があります。 ユーザーに最もスムーズで楽しいエクスペリエンスを提供するために、デスクトップおよびモバイルデバイスでWebサイトが高速に読み込まれるようにする必要があります。

7)バリュープロポジションに磨きをかける

あなたは何についてですか? 何千もの店主と何が違うのですか? なぜ人々はあなたに彼らの苦労して稼いだお金を与えるべきですか?

消費者はより意識的な買い物客であり、店が(お金を稼ぐために)明白なもの以外の製品を販売する理由を知りたがっています。 彼らはあなたの話、なぜあなたがあなたの店を始めたのか、あなたが持続可能な慣行を使っているのかなどについて知りたがっています。

独自のバリュープロポジションは、顧客にあなたと一緒に買い物をするように説得するという大変な仕事をすることができ、あなたがコンバージョンに集中することを可能にします。

5.SEOを忘れないでください

私たちの検索中心の消費者の世界では、SEOの神々と優雅に過ごすことで、あなたの店を次のレベルに引き上げることができます。

Optifyによると、1位のウェブサイトのクリック率は35.4%、2位のウェブサイトのクリック率は12.5%でした。 3番目のクリック率は9.5%でした。

1から2、次に2から3の大きな違いに気づきましたか? これは、SEOがクリック率、トラフィック、売上に与える影響の大きさです。

これがあなたがSEOの習得に向かう途中であることができる方法です:

  • 時間をかけて徹底的なキーワード調査を行ってください(製品に関連するロングテールキーワードを目指してください。ロングテールキーワードは一般的に競争が少ないため、ランキングが高くなる可能性が高くなります)。 これを行うには、 Googleのキーワードプランナー使用します。
  • カテゴリタイトルにキーワードが含まれていることを確認してください。
  • 検索エンジンと人間の両方が理解できる単純なURLを使用します(短く、要領を得たものが常に最適に機能します)。
  • 新鮮な社会的証明を持ち込み続けます(Googleは、新鮮なコンテンツで定期的に更新されるサイトを優先します。製品のレビューと評価が増えるほど、Googleはサイトのインデックスを作成し続けます)。
  • 適切な画像サイズと適切なタイトルを使用して、画像を最適化します 
  • 画像にaltタグ使用します。
  • ソーシャル共有ボタンを使用します(共有は気になります!サイト/コンテンツが共有されるほど、ランクが高くなります)。
  • しっかりとしたメタディスクリプションを用意します(関連するキーワードを含む300語の説得力のあるメタディスクリプションは、クリック率に大きな影響を与える可能性があります)。
  • 商品が買い物客にもたらす価値を明確に説明するメリット重視のコピーを使用して、商品の説明をポップにします。
  • 定期的にテストを行い、オーガニックランキングとコンバージョンの向上に関しては、新しいアイデアを模索してください。

eコマースの世界は日々ますます競争が激しくなっています。

オーガニック検索結果を向上させるために微調整を行うほど、ストアのランクが上がり、買い物客に提供できるユーザーエクスペリエンスが向上します。

結論

これで、製品リストページとオンラインフォームを変換マシンに変換するための適切な量の情報が得られました。

商品リストページで商品を分類する方法、重要な要素、ナビゲーションを改善する方法、商品リストページのコンバージョンを促進する実証済みのテクニック、ゲームを変えるSEOテクニックについて学びました(詳細はこちら)。

最も重要なことは、意図的であり、ユーザーエクスペリエンスをよりスムーズにする方法を常に模索することが、eコマースの世界で成功するための鍵であることを学びました。

さあ、あなたに!

商品リスト(またはカテゴリ)ページを最適化するために聞いたことがあるテクニックは何ですか? 以下にお知らせください⬇️

これを共有

Facebookでシェア
Twitterで共有する
LinkedInで共有する
前の投稿あなたの売り上げを伸ばすためのトップ5ニュースレター季節キャンペーン
の投稿Megérkezettサイドメッセージ!

によって書かれた

ニコールメゼイ

ニコールはOptiMonkのCEO兼共同創設者です。 彼女は7年以上にわたり、リードジェネレーション、eコマース、CRO、分析などのデジタルマーケティングに携わってきました。 彼女の強みは、成功に向けて努力するために他の人を助け、動機付けることに依存しています。 彼女は、成功の秘訣には科学だけでなく創造性も含まれると心から信じています。

あなたも好きかも

8 mobile landing page examples to inspire your own 300x157 - The Definitive Guide to Optimize Your Product Listing Pages

あなた自身を刺激する8つのモバイルランディングページの例

投稿を見る
8 essential popup tips banner 300x157 - The Definitive Guide to Optimize Your Product Listing Pages

コンバージョン率を高めるための8つの重要なポップアップのヒント

投稿を見る
summer popup inspiration banner 300x157 - The Definitive Guide to Optimize Your Product Listing Pages

季節限定セール、父の日、7月4日の夏のポップアップインスピレーション

投稿を見る