成功のためにeコマース製品ページを設計する方法

公開: 2020-11-11
a team looking at ecommerce product pages on a computer
優れた製品ページは、ユーザーエクスペリエンスを向上させ、コンバージョン率を高めることができます
「最高のマーケティングは、マーケティングのようには感じられません。」
トムフィッシュバーン

あなたの製品ページはコルクまたは導管ですか? それらはテフロンコーティングされたテキストまたは粘着性のある刺激的なコンテンツで満たされていますか? あなたの画像は退屈ですか、それとも説得力がありますか?

これは否定できない事実です: eコマースでうまくやりたいのなら、あなたは素晴らしい製品ページを作成する必要があります。 それらは間違いなく、オンライン小売シバン全体の中で最も重要な部分です。

優れた製品ページは、コンバージョン率を高めます。 悪い製品ページはあなたの販売の目標到達プロセスをブロックします。 それはそれと同じくらい簡単です。

コマースエクスペリエンスプラットフォームSalsifyによる最近の調査によると、70%近くの人が、ひどく書かれた、過度に単純化された製品ページから跳ね返っています。

さらに、ほとんどの消費者は、各製品ページに少なくとも6つの画像(および2つのビデオ)が表示されることを期待しています。

確かに、賭け金は高いですが、それがあなたを先延ばしにしないでください。 この記事では、製品ページの重要な部分について説明します。 次に、独自の完璧な製品ページを作成する方法を説明します。 最良の部分? あなたは楽しむでしょう。

始めましょう。

「やらなければならないすべての仕事には、楽しみの要素があります。あなたは楽しみを見つけます—そしてスナップ!—仕事はゲームです。」
メアリー・ポピンズ

目次

  • これらは製品ページの重要な部分です
  • 製品ページは成長にとって重要です
  • 完璧な製品ページを作るものは何ですか?
  • インスピレーションを得るための4つのeコマース製品ページ
  • eコマース製品ページの要点
オンラインストアの構築をお探しですか?
eコマース開発者を見つけよう!

これらは製品ページの重要な部分です

よく構成された製品ページはスポンジケーキのようなものです。見栄えがします。 彼らはうまく落ちます、そして彼らはあなたにもっと欲しがるままにします。 彼らはまた4つの主要な成分を持っています:

  1. 製品名(バター):別名が示すように滑らかで、優れた製品名はシンプルで覚えやすく、簡単に消化できます。
  2. 商品画像(砂糖):甘味料のように、魅力的な画像は風味を加え、商品をより魅力的にします。
  3. 製品の説明(小麦粉):思慮深く書かれたコンテンツが王様です—そしてケーキの小麦粉のように、それはあなたのページのバルクコンポーネントです。
  4. ユーザーエクスペリエンス(卵):卵は、ケーキを膨らませる膨張剤の1つです。 慎重に作成されたユーザーエクスペリエンスは、ページに同様のリフトを与えます。

「ねえ、バニラエッセンスとベーキングパウダーはどうですか?最も重要な塩のつまみはどうですか?」とお考えかもしれません。 さて、これらはあなたがあなたのページをまとめるために使用する創造的なスキルです。 後でそれらに戻ります。

Bulk Nutrient ecommerce product page screenshot
[ソース:バルク栄養素]

製品ページは成長にとって重要です

消費者はeコマースストアの商品と物理的にやり取りすることはできません。そこで、よく考えられた商品ページが登場します。Bluetoothスピーカーからウォーターボトルまで、あらゆる種類のものが、顧客に本物であると感じたときに、より多く販売されます。

もう少し詳しく見ていきましょう。

1.優れた製品ページはあなたのウェブサイトを最適化するのに役立ちます

優れた製品ページはSEOの重要な部分です。 あなたがあなたのページを最適化しないならば、人々はあなたの商品を見つけることができません。 あなたがあなたの製品ページを最適化するならば、それらはあなたのサイト全体を最適化するのを集合的に助けます。

多くのリバースエンジニアリングがSEOに組み込まれます。

良いGoogleランクを達成するには、消費者があなたが販売しているような製品を探すときにどの用語を検索するかを把握する必要があります。 次に、それらのキーワードをページのコンテンツに含める必要があります。

ビジネスインテリジェンスツールやGoogleAnalyticsなどのツールは、関連するキーワードを見つけるのに役立ちますが、INKなどのプラットフォームは、SEO中心の記述を容易にします。

2.優れた製品ページはコンバージョンを増加させます

先に述べたセールスファネルを覚えていますか? 製品ページはその目標到達プロセスの下部にあり、訪問者を顧客に変えるか、サイトから完全に遠ざけます。

おそらく当然のことながら、ゲームのこの段階では、適切に設計された製品ページが有利に機能します。

あなたのサイトの製品ページにアクセスする消費者はすでにあなたの製品に興味を持っており、提案を受け入れています。 あなたがする必要があるのは彼らに穏やかな微調整を与えることです。

セールを獲得するには、あなたのアイテムが関連性のある価値を提供することを訪問者に納得させる必要があります。

完璧な製品ページを作るものは何ですか?

効果的な製品ページを作成するために、コミュニケーションの学位は必要ありません。 あなたがしなければならないのは、一連のベストプラクティスに従うことです。 新しい製品ページを公開するたびに含めるべき5つの重要事項は次のとおりです。

1.大きくて美しい画像

先に述べたように、消費者は印象的な製品画像を期待しています—そしてそれらはたくさんあります。

この記事の冒頭で私たちが描いたSalsifyの調査は、消費者を年齢層に分けることによって、一般的なコンセンサスを超えました。

18〜24歳の消費者は、製品ごとに8つの画像と4つのビデオを見たいと考えていました。 35〜44歳の消費者は画像の割り当てに同意しましたが、4本ではなく5本の動画を期待していました。

ちなみに、この道を探検することに興味があるなら、ここにトップのビデオ制作会社のリストがあります。

要点に戻る:

Hubspotによるさらなる調査によると、高品質の画像がストックされ製品ページの表示回数は94%多くなっています。

仮想環境であっても、明らかに視覚的なマーチャンダイジングが不可欠です。 収益を上げる商品写真を作成するのに役立ついくつかのヒントを次に示します。

  • 高解像度の画像を使用する:消費者が製品を物理的に扱うことができない場合、高解像度の画像は製品をリアルに感じさせます。 店舗で調べたい各商品の側面を考え、それに応じてクローズアップを提供します。
  • 大きな画像を使用する:ピクセルのサイズを軽視しないでください。 人々はあなたの製品を覗き込むためにズームインできることを望んでいるので、1024x1024ピクセルよりも小さい写真の使用は避けてください。
  • ウェブ用に画像を最適化する:ピクセルのサイズとファイルサイズは同じものではありません。 最良の結果を得るには、PhotoShopなどの優れた写真編集ソフトウェアを使用し、画像を最適化されたJPGとして保存して、ページの読み込み時間を短縮します。
  • 顧客の画像を活用する:既存のファンベースを使用して、製品を使用して自分の画像を投稿するように人々を促し、売り上げを伸ばします。 社会的証明は、ブランドの信頼性を構築するのに役立ちます。

インサイダーアドバイス#1:時々、PNGはJPGよりも優れています。 PNGファイルは透明な背景をサポートしているため、デジタル背景に表示されるロゴ、コンピューター生成画像、製品写真に最適です。 PNGはまた、JPGよりも広い色範囲をサポートし、コントラスト比が優れているため、非常に詳細な製品画像に最適です。

cutting borad screenshot tuscan olive wood image
[ソース:CuttingBoard]

2.ユニークな製品の説明

製品の説明をリサイクルしたり修正したりしようとしないでください。 コンテンツが重複すると、オンラインでの存在感が薄れ、SEO戦略が無効になります。 代わりに、製品ごとに新しい説明を作成してください。

書くときは、その製品がのためにあるののためにあるのどのように機能するの、そして他の場所で入手できる同様の製品となぜ違うのかを考えてください。 あなたは訪問者にその場であなたの製品を買うように説得する必要があります。 方法は次のとおりです。

ヒント1:ターゲットオーディエンスのために書く

あなたがあなたの製品を誰に売ろうとしているのか考えてください。 これが以前に検討したことではない場合は、購入者のペルソナを作成してから、架空の顧客にテキストをターゲティングします。

Tp#2:アクションワードを使用する

アクションワードは…アクションを奨励します! 各説明をアクションワードで始めて、読者に製品で何ができるかを伝えます。 そのようです:

  • 「このマルチトーンの壁紙であなたのリビングルームを飾りましょう。」
  • 「家族向けのさまざまな調理済みの食事で夕食をシンプルにしましょう。」
  • 「この省スペースのミニフードプロセッサーで野菜を数秒で刻みます。」

ヒント3:顧客が使用する言語を使用する

さまざまなツールを販売していますか? 実用的な口調とわかりやすい言葉を使用します。 高価な骨董品を売っていますか? 専門知識を示すために、正式な言葉と適切な用語を使用してください。

3.レビューと評価を追加する

レビュー(特に顧客の画像が含まれている場合)は、ブランドの信頼性を高めます。 BazaarvoiceのConversionIndex Volume 8によると、レビューを見る訪問者は購入する可能性が58%高くなっています。

レビューと評価により、平均注文額(AOV)が3%増加し、訪問あたりの収益が最大62%増加します。

社会的証明をもう一度見てみましょう。

前回、何か新しいものを購入したときにもレビューを読んだことでしょう。 製品レビューの前提は単純です。既存の顧客が製品またはサービスが優れていると考えている場合、おそらく同様に前向きな経験をするでしょう。

顧客の40%は、優れた顧客サービスで定評のある競合ブランドとの取引を開始します。 一言で言えば、それは社会的証明です。

あなたのブランドが賞を受賞した場合は、製品ページにそのことを記載してください。 トラストバッジ(Better Business Bureau認定、TRUSTe認定)は、特にブランドが市場で新しい場合に、消費者を安心させます。

4.行動の呼びかけを明確にする

多くの場合、サイト訪問者は次に何をすべきかを指示される必要があります。 製品の説明の最後にある適切に記述された召喚状(CTA)は、プロンプトとして機能します。

インバウンドマーケティングの専門家は、CTAを「秘密兵器」と呼んでいます。これは、CTAがコンバージョンを増やし、AOVを高め、一般的に目標到達プロセスがフィニッシュラインにつながるためです。

いくつかのCTAの例が必要ですか? どうぞ:

  • 「エネルギーを高めるバイオサプリメントの詳細については、ここをクリックして、次の注文を10%オフにしてください。」
  • 「今日購入すると、翌日配送が無料になります!」
  • 「無料相談や個人的な製品のデモンストレーションを手配するには、今すぐお問い合わせください。」

CTAハックはテキストを超えており、次のものが含まれる場合があります。

  • 矢印ボタン: CTAに矢印アイコンを追加すると、クリック率(CTR)が26%向上します。
  • 赤またはオレンジのテキストテキストの色を退屈な黒から鮮やかな赤またはオレンジに変更すると、コンバージョン率が32.5%も向上します。
  • クリック可能なボタン: CTA全体を巨大なボタンに変えると、CTRが45%向上する可能性があります。
  • 煩雑さの軽減:最小限の設定でCTAを紹介し、クリックスルートラフィックを最大232%増やします。
  • パーソナライズ:ターゲットを絞ったCTAは、クリック率を最大42%向上させることができます。

インサイダーアドバイス#2: CTAは魔法のマーケティング戦略の要素でもあります。 AdRollとWordstreamの調査によると、CTAはソーシャルメディア投稿のクリック率を285%向上させ、マーケティングメールのクリック率を371%向上させます。

5.製品の推奨事項

製品の推奨事項は、パーソナライズされているかどうかに関係なく、バスケットの平均値を大幅に引き上げることができます。

あなたのページを強化し、あなたのブランドの周りの一般的な話題を作成するためにあなたの製品の説明の下にいくつかを入れてください。 製品の推奨事項には、主に8つのタイプがあります。

  1. 類似商品:類似商品の提案により、消費者は理想的な商品の一致を簡単に見つけることができます。
  2. アップセルオプション:個人消費を促進するために、製品の高価格のプレミアムバージョンを披露します
  3. よく一緒に購入する: AOVを2倍にするために相互に関連する製品を並べます。
  4. 推奨製品:データを使用して、訪問者の閲覧履歴に基づいて製品を推奨します。
  5. 以前に表示:購入を促すために、以前に表示した製品を訪問者に表示します。
  6. 製品バンドル:特別割引を提供することで、顧客がバンドルを簡単に購入できるようにします。
  7. トレンド商品:仲間からのプレッシャーを利用して、訪問者に追加の商品を選ぶよう促します。
  8. 新着:季節限定のコレクションと最新のハイテクアイテムを新着カルーセルで紹介します。
Belli skincare ecommerce product page example
[ソース:ベリスキンケア]

インスピレーションを得るための4つのeコマース製品ページ

エミュレーションは成功のための確実な公式です。 最近見た中で最も効果的な製品ページのいくつかを見て、なぜそれらがうまく機能するのかについて話しましょう:

1.ラルク

Larqは基本的に単一製品の会社です。 さまざまな色の革新的なセルフクリーニングウォーターボトルと付属のスリーブが、オンラインサービスの大部分を占めています。

メインのウォーターボトルのページはシンプルでエレガントで、Larqウォーターボトルが提供するものと他のウォーターボトルとの違いについて説明しています。

Larqの製品ページの言語、科学、価格を見ると、Larqのターゲット消費者ベースは技術に精通しており、適度に裕福であることがわかります。

ミニマリストで吸収しやすいLarqの製品ページは、洗練された直感的な体験を提供します。

Larq ecommerce product page screenshot
[ソース:ラルク]

2.穴を掘る

次に、BurrowのBlockNomadソファを見てみましょう。 バロウは注文に応じて高品質の家具を製造し、各部品をメーカーから消費者に直接出荷します。

Nomadは、手間がかからず、手間がかからない3人乗りで、汚れに強い仕上がりになっています。1つの便利なパッケージで贅沢で長持ちします。

製品の選択とチェックアウトは購入の障壁として悪名高いですが、Burrowを使用すると簡単に購入できます。 ラジオボタンを使用すると、色、仕上げ、アームスタイル、クッションの選択、およびオプションのアップグレードを選択できます。

あるオプションから別のオプションに切り替えるたびに、メイン画像が一致するように変更されます。 あなたが受け取るソファを想像するのは簡単です—そしてそれは天才的なマーケティングの動きです。 ブラボー、バロウ。

下にスクロールすると、Block Nomadの製品ページが洗練され、工夫されていません。 寸法が最初に来て、次に簡潔で思慮深い製品の説明に移ります。

主な機能が続き(アイコンが視覚的なマーカーを作成します)、次にBurrow CEOからの引用が続きます。これにより、会社と消費者の間に巧妙なつながりが生まれます。 自動再生のビデオとアニメーションは飾りとして機能します。

block nomad sofa product page design
[ソース:バロウ]
block nomad sofa ecommerce product page
[ソース:バロウ]

3.お祭り騒ぎ

少し時代を超越した服装の時間。 2009年に設立されたRevelryは、従来の小売店を回避し、自宅で花嫁介添人ドレスを簡単に購入できるようにします。

リビングルームを離れることなく、生地見本を注文したり、ドレスの長さを選択したり、カスタムエクストラを指定したりできます。 すべてのドレスは、さまざまなサイズ、色、素材でオーダーメイドされています。

この内訳のために、ディランベルベットの花嫁介添人ドレスの製品ページを調べてみましょう。

製品名のすぐ下に価格があり、完全に、またKlarnaの分割払いでリストされています。 分割払いの価格設定は、高価なアイテムのコストを分散させ、よりすぐに手頃な価格にすることで、売り上げを伸ばすのに役立ちます。

良い動き、歓喜。

消費者は、便利で直感的なドロップダウンリストとラジオボタンを使用して、色、サイズ、ドレスの長さ、配達時間などのオプションを選択できます。

ページを下に移動すると、製品の説明とドレスに関する詳細情報が表示されます。 最後に、レビューは社会的証明を提供し、「MoretoLove」カルーセルは代替案を提案します。

revelry screenshot ecommerce website design
[ソース:Revelry]

4.Skullcandy

音楽は世界共通の言語であり、Skullcandy製品を使用すると簡単に体験できます。

ブランドのVenueノイズキャンセリングヘッドフォンを例にとってみましょう。

快適で注意深く設計されており、ハーモニーを聞き取りやすくするアクティブノイズキャンセルテクノロジーも含まれています。 この情報は製品ページに非常に明確に表示されているため、すぐにわかります。

明るい色と最先端のグラフィックがこのページにヒップな雰囲気を与えています。 わかりやすいアイコンと1文の要約の説明は、読者にスナックやスキャン可能な情報を提供します。

後で、ビデオは製品をあらゆる角度から見せて、2次元から3次元のアイテムに変えます。 もう少し下にスクロールすると、フルスクリーンの機能と利点が得られます。

写真、引用、および技術的事実は、Venueヘッドフォンを、より有名なノイズキャンセリングブランドの実行可能な(そしてよりトレンディな)代替品として宣伝しています。 レビューはページの下部に中央揃えで表示され、アルバムの評価のように見えます。

賢く、レコード会社の雰囲気と同等です。 よくやった、Skullcandy。

venue noise-canceling headphones ecommerce product page
[ソース:スカルキャンディー]
scullcandy venue noise-canceling headphones product page design
[ソース:スカルキャンディー]

eコマース製品ページの要点

商品ページは販売ファネルの下部近くにあり、訪問者に購入を強制するか、サイトからすぐにバウンスさせます。

優れた製品ページには、よく書かれた独自の説明テキスト、説得力のある画像、本物のレビュー、明確な行動の呼びかけが含まれます。

これらすべてのページ要素に独自のちょっとしたセンスを加えると、製品に命が吹き込まれます。 商品ページを最適化した後、売り上げが急増しても心配しないでください。 幸運を!

Shopifyストアを構築したいですか?
Shopify開発者を探す