画像がウェブサイトのコンバージョン率を向上させる9つの方法

人々は自分が買うものを見るのが大好き。 画像には人を引き付ける方法があります。 画像はメッセージをより明確に、時には言葉よりもよく伝えることができるため、どのように考えるかが必要です。 画像はあなたの変換率を向上させることができます.

真実は、顧客がサイトに戻るたびに新鮮さ、魅力、パーソナライズを期待することです。 そして、これはからの研究によって強調されています Invesp:

  • オンラインの買い物客の56%は、パーソナライズされた推奨事項を提供するサイトで買い物をする可能性が高い
  • 買い物客の57%が個人情報を提供します。
  • パーソナライズド広告は、通常の広告よりも10倍優れたコンバージョンを達成します。

この投稿のテーマのXNUMXつは、優れた画像を使用して顧客の感情に到達し、関係に影響を与え、顧客とのより良い関係を構築する方法です。

一日の終わりに、 バイヤーの決定に影響を与える心理的な原則があります、正しい画像はこれの基本的な部分です。

適切な画像で顧客の感情をアピール

勉強の後 私たちが製品を購入するとき、それは感情的な理由のためであることを示しています。 ユーザーが単にブラウザであるというだけでなく、彼/彼女もそれを体験したいと思っています。 そして、ここで適切な画像が再生されます。 適切な画像を使用することでコンバージョンを向上させることができますが、ユーザーの感覚に関わるのはあなた次第です。 これを行うXNUMXつの方法は、会社の製品での体験を想像するのに役立つ画像または手法を使用することです。 例えば、 沿岸の メガネとコンタクトレンズを販売するeコマースストアには、「試着」機能があり、新しいメガネの外観を顧客が確認できます。

はい、ユーザーに素晴らしい体験を提供し、ユーザーの感情に訴える適切な画像があれば、サイトでのコンバージョンとターゲットユーザーとのエンゲージメントを向上させることができます。

お客さまの心に響く画像を使う

高品質で詳細な画像は、感情に訴える方法を持っています あなたの顧客のあなたのウェブサイトが変えたいと思う場合重要である。 360度の写真を使用し、顧客が製品に関する適切な詳細を理解できる領域に注意深く配置します。 可能な限り多くの角度と詳細で製品を表示することで、顧客は自分が何を手に入れているのかを知るだけでなく、それを特定するのにも役立ちます。 顧客が何を手に入れているのかを顧客に示すため、別のビューを提供するとリターンラットが減少する可能性があります。 高価な商品を販売するeコマースサイトの場合、そのようなサイトにアクセスするオンラインの買い物客は製品の真正性に非常に関心があるため、代替ビューは必須です。 この戦略をうまく利用しているXNUMXつのeコマースサイトはTigerdirect.comです。 Tigerdirect.comは、自社製品の複数のビューを提供しており、製品ページに関して分析するのに最適なWeb​​サイトです。

大きな画像を使用して変換を増やす

大きな画像は変換を増やします。 A / Bテスト中に、スキナーオークションはオンラインカタログの画像を28%破壊しました。 結果–入札を開始するためにボタンをクリックした訪問者が63%多いことが証明されました。 大きな画像がページコンテンツの多くをスクロールせずに見える範囲に押し込まなければならないことを意味していたとしても、訪問者が下にスクロールしてより多くのコンテンツを表示するのではなく、画像に関心があることを示しただけです。

別のA / Bテストで クライアントMALL.CZのサイトで、コンバージョン率最適化機関Opticsが運営しました。 Webサイトで製品の画像を爆破すると、売上高が9.46%増加しました。これは、製品の種類に関係なく、製品の画像が大きいほど良い結果が得られるように見えることを意味します。

関連画像を使用する

画像を選択するだけでは不十分です。 むしろ、ランディングページのメッセージに関連する画像を選択することが不可欠です。 ExactTargetがプレミアデジタルマーケティング会議に注目を集めるために行ったテストでは、ExactTargetがランディングページのラップトップ画像をより適切な会議画像に置き換えました。

正確なターゲット

40.18番目の画像の結果は、元の画像をXNUMX%上回っています。 このXNUMX番目の画像が最初の画像を上回った理由は、関連性によるものでした。これは、活発なマーケティング会議の考えとよりよく関連しています。 完璧な賑やかな会場の印象があったので、ユーザーはこのXNUMX番目のイメージにもっとつながりを感じたに違いありません。

実際、ランディングページのメッセージに関連する画像を選択するのはeコマースサイトです。 説得力のある画像 それはあなたのウェブサイトの目的に意図的であり、サイトを美化する以上のものですが、確かに結果を推進します。

アイトラッキングデータを使用して コンバージョン率を向上させる

最近の一部のeコマースサイトは、アイトラッキングデータを使用して、サイトに適用しています。 どうやって人々が彼らが訪問するウェブサイトに目を向けるかには多くの共通点があるようです。 アイトラッキングデータから得られるいくつかのレッスンと利点があります。 これらはサイトでのコンバージョン率を向上させることができるからです。

  • 人々はメディアを愛する
  • 適切な画像を使用してください。 間違った画像を使用すると、実際にはサイトの信頼性が低下する可能性があります。
  • 男性と女性は別のものを見て、 適切な対象者にのみ画像を適切に伝えてください。
  • シンプルさは、あなたが望む変換率を与えることができます。 シンプルなデザインとサイト上の不要な要素の削除は、顧客がサイトで行動を起こすように導くことができます。
  • 人々は左から右に読みます。 そのため、行動を促すフレーズのボタンやフォームフィールドをウェブページの左側に配置することが重要です。

お客様の声とビデオの使用

ビデオクライアントの声があなたのビジネスにとって有益である理由をいくつか紹介します。 それはあなたのビジネスに追加のマーケティングを提供し、あなたの信頼性を高め、あなたのビジネスをより思い出深いものにし、顧客サービスのレベルを上げます。 さらに 研究によると、お客様の声により、売上は34%増加しました。 誰もが、他の顧客が推奨する製品を購入する可能性が高くなります。 たとえば、Quick sproutの創設者であるNeil Patelは、サイドバーに紹介状が含まれているチェックアウトページが、紹介状が含まれていないチェックアウトページよりも6.38%高いコンバージョンを達成したことを認めています。 クイックスプラウトメンバーシッププログラム。 結局のところ、証言は、製品を試して購入する必要があるという社会的証拠を顧客に提供します。

信頼バッジの使用

トラストバッジは、コンバージョン率の向上とどのような関係があるのでしょうか。 しかし、現実にはオンライン詐欺が増え続けているため、顧客を安心させる必要があります。 実績のある慣行が言うように、あなたの顧客があなたを信頼または信じるとき、彼/彼女はあなたから購入する可能性が高いです。

「信頼バッジ」を貼る チェックアウトページで、コンバージョンを増やす機会です。 バッグサーヴァント オンラインでハンドバッグショッピングに革命を起こすことを目的としたオンラインショッピングブランドは、サイトに信頼バッジを貼ってテストし、発見しました 10.27%で98%のブーストがありました 製品の調査で60.42%の増加が見られた一方で、オリジナルを打ち負かすチャンス。

ある 行動を促すフレーズのボタン

行動を促すフレーズは、直帰とコンバージョンの傾斜点を表す画像です。 行動を促すフレーズは、個人が曲をダウンロードしているときでも、フォームに記入しているときでも、購入しているときでも、オンラインでアクションを起こさせるものです。 これが、 コンバージョン率の35%。

コンバージョン率を高めるための設計原則

コンテンツが王なら、デザインは女王です。 適切な感触を伝える色を使用し、ページの背景色とは異なる色を探してください。 黄色の背景の緑は、ロイヤルブルーの黄色ほど良くありません。 ウェブサイトで使用するカラーバリエーションは、訪問者の目を引くものでなければなりません。

ウェブサイトの画像を最適化する必要がある理由は次のとおりです。

  • 画像を最適化すると、平均的なページの他のどの要素よりもファイルサイズが小さくなります
  • 画像は平均的なウェブページの64%を占めます
  • ロスレス画像の最適化により、PNGの場合は20〜40%、JPEGの場合は5〜20%の範囲のファイルサイズを縮小しながら、画像の外観はまったく同じになります。
  • Webサイトの画像を最適化することは、実際には簡単なWebパフォーマンスタスクです。

あなたのウェブサイト上の画像を実際に最適化することができるいくつかの方法があります:

ロスレス最適化

次のいずれかをダウンロードして使用できます ImageOptim OS Xまたは FileOptimizer WindowsおよびLinuxで画像をバッチ最適化します。 これらのアプリケーションでは、画像のフォルダーをアプリケーションにドラッグアンドドロップするだけで、プロセスが機能するまでしばらく時間がかかります。 プロセスは簡単で、外観を変更せずに画像ファイルのサイズを縮小できます。

画像のサイズを修正する

実際の画像のサイズは、表示する領域と同じであることを確認してください。

画像を削除して監査する

ときどき、Webサイトで行った以前の設計決定を確認し、すべての画像が必要かどうかを分析できます。 画像を削除または監査します。

適切なファイル形式を適用する

最近では、XNUMXつの主要な画像形式から選択できます。 JPEG、PNG、GIFが考えられます。 写真が必要な場合は、JPEGを選択します。 透明度のある写真が必要な場合は、非可逆PNGを選択してください。 アニメーションが必要な場合は、不可逆GIFを選択してください。

画像ファイルに名前を付けます

画像を最適化するもうXNUMXつの方法は、ファイルを元の名前で使用するのではなく、ファイルに名前を付けることです。

お名前

画像を最適化するためのツール:

  • 小さなPNG

小さな

小さなPNG .pngファイルとjpegファイルの両方の圧縮をサポートします。 このツールを使用すると、一度に最大20の画像を圧縮できます。 各画像をダウンロードして、コンピュータまたはDropboxアカウントに保存できます。

  • コンプレッサー

コンプレッサー

Compressor.io 高品質の縮小と同じ品質の圧縮のどちらかを選択できる最適化ツールです。 ただし、これと同じ画質の圧縮は、JPGおよびPNG画像でのみ使用できます。 ただし、ファイルの節約量は小さく、TINY PNGほど大きくありません。

  • JPEGオプティマイザ

JPEG

一方、 JPEGオプティマイザ はファイルサイズを小さくするためのツールです。圧縮されたイメージの品質は元のイメージほど良くありません。 また、一括画像圧縮を行うこともできません。

  • Optimizilla

Zillaを

の主要な機能の1つ Optimizilla 品質の低下を抑えることができるということです。 1-100のスケールで、削減したい品質を選択できる便利なスライダーがあります。

  • クラーケン

クラーケン

クラーケン 高品質の圧縮と同じ品質の圧縮のどちらかを選択できるCompressor.ioと同様の機能を持つツールです。 ただし、画像のロック解除とサイズ変更、ドロップボックスへの保存、無制限の画像のアップロード、無制限の画像ファイルサイズの利用が可能なため、Kraken.ioを使用すると最適なパフォーマンスが得られます。

コンバージョンを促進する画像

高品質の画像 彼らは高品質の製品やサービスを提供されている顧客の心に認識を作成します。 これを非常にうまく行っている会社のXNUMXつは のAirbnb。 オンラインの宿泊施設サイトによると、プロの写真が掲載されているリスティングは、アマチュアの写真が掲載されているリスティングよりもXNUMX倍多く予約されています。

お客様を紹介する画像

見込み購入者は、別の顧客が製品またはサービスを使用しているのを見たときに、製品を使用している自分を見ることができます。 画像は、ターゲット顧客を示すときに、サイトの訪問者にとってよりリアルになります。 見込みのある購入者は、他の人がすでに製品を使用して満足していると思うので、これは社会的な検証になる可能性があります。

サマリー

  • 顧客の感情に訴える画像を使用します。
  • 大きな画像は、変換の増加において、小さな画像よりも効果的です。
  • 画像に関連性を持たせます。
  • 画像は詳細で、製品の別の見方が必要です。
  • 画像を使用して、顧客が意思決定を行うことができる望ましい領域に案内します。
  • 紹介文や動画を使用してください。
  • 信頼バッジを使用します。
  • ツールを使用して画質を最適化します。
  • 特定の設計原則を利用して、変換を改善します。

ヘッダー画像提供 of トマバルサーノ

マイク・デーン

のPRマネージャー @TruConversion。 コンテンツマーケッター、ビジネスブロガー。 認定広報スペシャリスト(CPRS)。 HubSpotインバウンドマーケティング認定。