コンバージョン率を高めるために e コマースの商品画像を最適化する

公開: 2023-02-23

概要:官能的な商品体験の欠如は、オンライン ストアにとって常に不利な点でした。 顧客がアイテムを持ったり触れたりできない e コマースでは、製品の画像やビジュアルが売上の成否を左右します。 したがって、製品画像は、買い物客にコンバージョンを促すのに十分な情報を提供することが不可欠です。

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

作者: マーティン・グリーフ

8 分で読めます

この投稿は e コマース シリーズの一部です

この記事では、e コマースの商品画像を最適化する方法について説明します。

はじめに: e コマースの商品画像が重要な理由
1. 製品の独自性を強調する
2. 製品を複数の角度から、異なるコンテキストで表示する
3. 色違いやバリエーションで商品を陳列する
4. 画像がどの商品を表しているかすぐにわかるようにする
5. 商品詳細ページにユーザー投稿のビジュアルを含める
6. E コマースの商品詳細ページに動画を追加する
7. 拡張現実 (AR) への投資を検討する
結論: e コマースの商品画像で買い物客のイメージを描きましょう

はじめに: e コマースの商品画像が重要な理由

感覚的および経験的な詳細の欠如は、電子商取引にとって悩みの種です。 実店舗では、たとえば、買い物客は眼鏡を試着したり、ドレスの質感を感じたり、ソファのサイズを評価したりできます。

これらは、顧客がオンラインで入手できないものであり、コンバージョンの障壁となる可能性があります。 これらは、買い物客があなたの e コマース ストアから購入しない理由です。 したがって、ビジュアル メディアは、顧客が実店舗で得られる感覚的な経験の欠如を軽減する優れた仕事をする必要があります。

適切に提示された電子商取引の画像は、製品をより魅力的で望ましいものに見せるだけでなく、潜在的に売り上げを伸ばします。 また、顧客が十分な情報に基づいて購入を決定するのにも役立ちます。 これは…

  • 低いオンライン返品率、
  • 在庫管理の負担を最小限に抑え、
  • 顧客の信頼と満足度を高めます。

さらに、e コマースの商品画像は、検索エンジン最適化 (SEO) において非常に重要です。 これらは、検索結果での製品の可視性を向上させるのに役立ち、顧客が製品を見つけて購入する可能性を高めることができます.

ここでは、e コマース製品の画像とビジュアルがアイテムを正確に表し顧客の期待を適切に設定できるようにするためのヒントを紹介します。

1. 製品の独自性を強調する

類似の商品を販売している場合は、1 つの商品の違いを簡単に識別できるようにしてください。 商品画像を通じて、商品の特徴を際立たせます。

たとえば、文房具のオンライン ショップである JetPens には、万年筆の製品画像が掲載されています。 さまざまなペン先サイズ (細字、中字、太字など) のペンを販売しています。 しかし、広角の写真を見ただけでは、それぞれのペンの違いを見つけるのは困難です。

そのため、JetPens にはペン先のサイズごとに、ペン先をクローズアップした望遠またはズームインの製品画像があります。 これにより、顧客はペン先の刻印とペン先の先端がどのように見えるかを見ることができます。

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

JetPens の製品詳細ページでは、好みのペン先のサイズ、ペン先の色、本体の色を選択できます。 このページには、万年筆の広角ショットやクローズアップなど、キャップを付けたものと付けていないものの両方のさまざまな製品画像が表示されます。 表示される商品画像も、ユーザーが選択したペン先のサイズ、ペン先の色、ボディの色によって変わります。

同様の商品を販売する際に、他の商品との違いがすぐに伝わらない e コマースの商品画像は、ユーザー エクスペリエンス (UX) に摩擦を引き起こします。 製品のユニークな点を理解しなければならないことは、ユーザーの脳を疲れさせます。 これにより、購入者が購入を押し進めるのを思いとどまらせる可能性があります。

オンライン マーケターが脳について知っておくべき 9 つのこと
続きを読む

2. 製品を複数の角度から、異なるコンテキストで表示する

顧客は、さまざまな角度から製品を見ることができないため、製品をカートに追加することを躊躇する可能性があります。 顧客は、製品をよりよく評価できるように、製品がどのように見えるかを横から、または後ろから、そして近くから見ることができる必要があります。

異なる角度から商品を表示するための EC 商品画像の使用例

KateSpade.com は、画像を利用して買い物客に商品を明確かつ詳細に表示するのに優れた Web サイトです。 製品詳細ページ (PDP) には、製品の正面、側面、および上面図を示すいくつかの写真が含まれています。

Collage of different e-commerce product images included in a product detail page for a pink bag

Kate Spade の商品詳細ページには、バッグの正面図、上面図、および側面図が表示されます。 バッグのロゴプレートのクローズアップショットも含まれています。

この Web サイトでは、コンテキスト内で製品を表示するPDP の視覚化モーダルも使用しています。 たとえば、買い物客はモデルの身長と体のサイズを設定して、ハンドバッグがどのように見えるかをよりよく想像できます。 また、ウィジェットを使用すると、携帯電話や水筒などの他のアイテムの隣に製品を配置できるため、ユーザーはバッグのサイズをよりよく理解できます。

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

KateSpade.com の視覚化モーダルを使用すると、ユーザーはモデルの身長と体のサイズを変更できます。

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

また、モーダルを使用すると、ユーザーはバッグを iPhone や水筒などの日用品の横に置いて、製品の中に何が収まるかをより適切に評価できます。

購入者の不確実性を可能な限り最小限に抑えます。 高品質の製品画像を使用して、買い物客に製品の詳細なビューを提供します。 これには、必要に応じて、さまざまな視点からアイテムを表示し、コンテキストとスケールのために日常のアイテムの横に配置することが含まれます.

3. 色違いやバリエーションで商品を陳列する

商品が複数の色で利用可能な場合は、利用可能な各色で商品を表示する写真を含めてください。 このようにして、買い物客はオプションを簡単に視覚化し、情報に基づいた購入決定を下すことができます。

E コマースの商品画像で利用可能な色を表示する例

JetPens.com では、買い物客が特定の万年筆のバリエーションを簡単に見つけることができます。 彼らの PDP は、ペンが利用できるすべての本体の色と、どのペン先のサイズと色を組み合わせることができるかを示しています。

ユーザーが特定のボディの色をクリックすると、その色の万年筆の画像がいくつか表示されます。 各色には、それぞれの製品画像のセットがあります。万年筆のキャップを付けた状態と外した状態の写真、キャップの先端の拡大図、使用中のペンの写真などです。

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

上: 14K 細字ペン先の黒のセーラー プロ ギア スリム万年筆の商品詳細ページ。 下: 同じ万年筆の穏やかな緑のバリエーションの PDP ですが、ペン先は 14K の中細です。

さまざまな色のオプションを表示することで、ウェブサイトが販売される可能性も高まります。 顧客は好みの色を見つける可能性が高くなり、コンバージョン率が高くなります。 ただし、選択肢の提示方法には注意してください。 オプションが多すぎると、ユーザーが圧倒され、コンバージョンに悪影響を与える可能性があります。

4. 画像がどの商品を表しているかすぐにわかるようにする

e コマース Web サイトでの買い物客のエクスペリエンスは、できる限り簡単なものにする必要があります。 そうしないと決定を別の日に延期する可能性があります。

顧客は、Web サイトの内容を把握するために多大な労力を費やすべきではありません。 たとえば、製品の画像が何を表しているかがすぐにわかるようにする必要があります。 買い物客は、あなたが販売している商品が写真のどこにあるかを特定するために時間を費やす必要はありません.

たとえば、このバナナ共和国の PDP を見てみましょう。 商品画像は1枚のみです。 モデルさんが複数着ている写真なので、どれが「プチロールカフトップ」なのか不明です。 ジャケットの下に着てパンツにインするので、商品もほとんど目立ちません。 買い物客は、おそらく製品の際立った特徴である「ロールカフ」部分を含め、トップのほとんどを見ることができません。

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

バナナリパブリックの「プチロールカフトップス」の商品詳細ページで、写真は1枚のみ。

ユーザーの負荷を軽減することで、e コマースの買い物客が簡単に決定できるようにします 製品が画像のどこにあるかがすぐにわからない場合は、訪問者に認知的および視覚的な負荷を加えることになります. それは変換にとって悪いことです。


e コマース Web サイトのコンバージョンの障壁を特定します。

専門家のサポートを受けて、新しい収益機会を見つけてください。

CROの監査とレビューについて学ぶ

5. 商品詳細ページにユーザー投稿のビジュアルを含める

社会的証明は、常にオンライン ショッパーが購入時に最も利用するショートカットの 1 つです。 最近では、社会的証明は他の顧客が投稿したテキスト レビューに限定されません。 オンラインの顧客は現在、ユーザーが作成したビジュアルに依存して、製品を購入するかどうかを決定しています。

Bazaarvoice の 2022 年年間買い物客体験指数によると、アメリカの消費者の 71% が、製品ページにユーザーが投稿した写真が製品を購入する可能性を高めると述べています。

ユーザー投稿ビジュアルの社会的証明としての活用例

ユーザーが投稿したビジュアルの力を活用しようとしている企業の 1 つが Dr. Martens です。 Web サイトの PDP には、製品を着用している実際の顧客のオンライン ギャラリーが含まれています。 写真は、実際の人々が着用しているさまざまな現実の設定で製品を示しているため、説得要素として機能します。 たとえば、サンダルが自分の足にどのように見えるか、さまざまな服装と組み合わせたときにどのように見えるかを潜在的なバイヤーが視覚化するのに役立ちます.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

「レビュー」セクションとは別に、DrMartens.com の PDP には、ユーザーが投稿した写真を表示する「着用者」エリアがあります。 このセクションは Instagram にリンクされており、バイヤーは写真をアップロードし、ギャラリーで紹介したい場合は Dr. Martens にタグを付けることができます。

ユーザー生成コンテンツ (UGC)プログラムを「ゲーム化することで、顧客のビジュアルを収集することができます。 Bazaarvoice の 2022 Shopper Preference Report によると、世界の消費者の 77% がリワードのために UGC を提出すると答えています。

たとえば、Anthropologie.com では、毎月のラッフルを通じて買い物客に写真付きのレビューを送信するよう促しています。

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie は、「Anthro だけの懸賞」を通じて、買い​​物客に購入した家具のレビューを残すよう説得しています。 ウェブサイトの「レビュー」ページには、プロモーションの仕組みがリストされており、顧客はベストセラー製品を獲得するために「アイテムの写真付きの家具レビューを送信する」必要があると述べています.

顧客が提出したビジュアルの重要性と、一般的な社会的証拠の活用について詳しく学びましょう。 「コンバージョン率を最適化するための 8 つのカスタマー レビューのベスト プラクティス」をお読みください。

6. E コマースの商品詳細ページに動画を追加する

ライブ ストリーム ショッピングの人気が高まっています。 リアルタイムの仮想ショッピング イベントを主催する企業は、「従来の Web サイトのコンバージョン率の 10 倍を達成した」とさえ報告しています。

オンライン ショッパーがライブ ショッピング イベントを好む理由の 1 つは、状況に応じてさまざまな角度から商品を見ることができることです。

ライブストリームは、顧客がサイズや素材などの製品情報をよりよく理解するのに役立ちます。 これらは、静的な画像やテキストの説明からは得られない詳細です。

ライブ ストリーミング ショッピングに手を出さなくても、人々がライブ ストリーミングで気に入っているいくつかの側面を e コマース Web サイトに組み込むことができます。

たとえば、服を販売している場合、モデルが着用しているアイテムを示す動画を商品詳細ページに追加できます。 そうすれば、バイヤーは素材とフィット感をより適切に評価できます。

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Asos.com の PDP のビデオにより、買い物客はドレスの素材を評価し、フィット感を高めることができます。 ドレスを着て歩くモデルは、「サテン スタイルの生地: 光沢があり、ドレープがあり、シルクのように滑らかな、ポリエステル 100%」という説明文よりも視覚的な印象が良くなります。

または、ライブ ショッピングのプレイブックから直接戦略を採用することもできます。製品の機能とその使用方法を紹介する営業担当者のビデオを含めます。

たとえば、Nordstrom には、ファッション アイテムの PDP があり、営業担当者が製品について話している短いビデオが含まれています。 素材とフィット感を説明し、アイテムに関する特定の詳細を強調しています。

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Nordstrom のスタイリストが、PDP ビデオでハイウエスト ジーンズについて語っています。 彼女はジーンズのテクスチャーについて説明し、生地の伸縮性を示します。 彼女はまた、パンツと組み合わせることができるトップとフットウェアを推奨しています.

リアルタイムのライブ ショッピング イベントは、万人向けではないかもしれません。 ただし、e コマース Web サイトは、PDP にビデオを追加するなど、製品に関するより詳細な情報を購入者に提供する、より魅力的な方法を模索するのに適しています。

コンバージョン率を最適化するための 8 つのカスタマー レビューのベスト プラクティス


カスタマー レビューを通じて社会的証明の力を活用します。

続きを読む

7. 拡張現実 (AR) への投資を検討する

拡張現実 (AR) は、 e コマースで増加しています。

一部のオンライン ストアでは、AR によって感覚的な製品情報の不足を補っています。 このテクノロジーにより、買い物客は現実世界にデジタル情報を重ねることで、電子デバイスを介して製品を仮想的にやり取りし、テストし、試すことができます。 たとえば、買い物客は AR を通じて、自宅にソファがどのように収まるかを確認できます。

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

IKEA の AR アプリを使用すると、買い物客は実物大の 3D モデルを仮想的に自分のスペースに配置できます。 このアプリにより、顧客は製品が自宅にどのように収まるかを確認できます。 画像ソース: イケア

AR を介して買い物客により多くの文脈的かつ視覚的な情報を提供することで、買い物客は、自分が購入しているものが自分の期待に合っているという自信を高めることができます。 これにより、返品率が低下し、顧客満足度が向上し、ブランド ロイヤルティが向上します。

2022 年の Bazaarvoice Shopper Experience Index (2021 年 12 月から 2022 年 1 月までに収集されたデータを使用) によると、自信を持って購入する際の「5 つの必須要素」に拡張現実を含めた世界の買い物客はわずか 12% であることに注意することが重要です。

したがって、拡張現実は、e コマースのコンバージョン率最適化ツールボックスにとって不可欠ではないかもしれませんが、販売する製品の種類によっては. 一部の業界では、パンデミックにより拡張現実が重要視されています。

美容業界における拡張現実

たとえば、美容ブランドのロレアルは、AR テクノロジーを使用して、COVID が発生する前から顧客が製品を仮想的に試着できるようにしていました。 また、パンデミック前であっても、このテクノロジーを使用することで、美容会社の売上が 3 倍に増加しました。

パンデミックにより、メイクアップ ブランドにとって、店内での体験であっても、仮想試着が不可欠になりました。 買い物客は、衛生面や安全面の懸念からメイクアップ サンプルを物理的に試すことができなくなったため、たとえば、美容製品が自分の肌の色合いを引き立てるかどうかを確認するために、拡張現実に頼っています。

L'Oreal の子会社である NYX Professional Making は、AR を使用して買い物客が自分に最も適したアイテムを選択できるようにすることについて、いくつかのことを正しく理解しています。 1 つには、買い物客が実際に試着できるアイテムがカテゴリ ページにすぐに表示されます。

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

NYX のカテゴリ ページの製品画像の左上隅にある「Try It On」のコールアウトは、顧客が AR を通じてアイテムをプレビューできることを視覚的に示すものとして機能します。

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

NYX の製品詳細ページには、製品画像の下に「Try It On」という行動を促すゴースト ボタンがあります。

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

ビューティー ブランドの仮想試着では、顧客はライブ カメラを使用して製品を試着したり、写真をアップロードしたり、モデルを選択したりできます。

拡張現実は e コマースにとって重要ですか?

AR と 3D コマースを専門とする企業である Vertebrae の 2020 年のデータによると、AR を利用する消費者は、そうでない消費者と比較してコンバージョン率が 90% 上昇します。

Shopify はまた、2021 年 9 月に、AR がコンバージョン率にどのように影響するかについて信頼できる研究はまだあまり行われていないものの、同社の内部データはAR の強力な可能性を示していると指摘しました。

したがって、それがあなたのビジネスにとって意味があり、リソースがある場合は、顧客が拡張現実を通じて製品をプレビューして操作できるようにすることを検討してください。 結局のところ、2025 年までに世界中のほぼ 75% の人々とほぼすべてのスマートフォン ユーザーが頻繁に AR を使用するようになると予測されています。

SnapAR や Meta Spark などのアプリケーションを利用して、AR ショッピングに足を踏み入れることができます。 ただし、これらのアプリでも技術的なスキルが必要であることに注意してください。 AR 環境で使用するアートや 3D モデルを作成するには、専門知識を持つ人が必要です。

結論: e コマースの商品画像で買い物客のイメージを描きましょ

訪問者に e コマース Web サイトから購入してもらいたい場合は、自信を持って決定できるように必要な情報を提供してください。 これを実現する 1 つの方法は、製品を正確に表す高品質の画像とビジュアルを使用することです。

もし、あんたが …

  • 商品の特徴を際立たせ、
  • アイテムをさまざまな視点から、さまざまなシチュエーションで使用して見せる、
  • さまざまな色やバリエーションで製品を提示し、
  • 写真がどの製品を表しているかすぐにわかるようにする
  • ユーザーが投稿したビジュアルを含め、
  • PDP にビデオを追加し、
  • 拡張現実を利用する (それがあなたのビジネスにとって理にかなっている場合)

… 買い物客が Web サイトでコンバージョンする可能性を高め、商品を返品する可能性を減らし、全体的にポジティブなカスタマー エクスペリエンスを生み出します

変換の専門家と話す

30 分お待ちください。より良い結果を得るためにどのように役立つかをご説明します。

今すぐ通話をスケジュールする
今すぐ通話をスケジュールする