eコマース商品の画像に最適なサイズはどれくらいですか？

あなたがあなたのオンラインストアを運営しているなら、画像の最適化はあなたがマスターになりたい本当の芸術です。 サイトの読み込み時間を短縮するためにGoogle画像を追求するように顧客を刺激することから、画像の最適化は、製品写真がオンラインストアの基礎として機能するため、成功するeコマースサイトを構築する上で非常に重要な役割を果たします。

前述のように、あなたはeコマースストアの所有者です。 次に、eコマース製品の写真が不可欠であることを認めるかもしれません。 どんなアイテムでも上手に提示することが成功への鍵です。 あなたの顧客は、宝石や衣料品が彼らをどのように見ることができるか、または典型的な革のソファが彼らの居間でどのように見えるか疑問に思うでしょう。

あなたにおすすめ

• ウェブサイトのバナーサイズ：最も効果的なサイズはどれですか？
• Google認定ストアになるには？
• オンラインで販売する製品を見つける方法は？

この記事では、eコマース製品の画像に最適なサイズを示します。

画像最適化とは何ですか？

画像の最適化により、品質を損なうことなく画像のファイルサイズを可能な限り小さくすることで、ページの読み込み時間を短縮できます。 画像の最適化は、画像のSEOに関連するものとしても知られています。 つまり、他の画像検索エンジンでGoogleにランク付けされた装飾的な写真とともに、アイテムの画像を取得することを意味します。

eコマースWebサイトで製品の画像サイズが重要なのはなぜですか？

ご存じないかもしれませんが、画像はeコマースストアにとって最も重要な資産の1つです。

ことわざがあります：

「それでも、無視されることが多すぎます。店舗の所有者は、ウェブ用に画像を最適化することを完全に忘れています。」

2つの理由があります：

• あなたのサイトのために最適化された画像を取得することはあなたがしなければならない終わりのないリストのもう一つの追加のステップなので
• 優先度が低いと見なされ、簡単に忘れられます

ただし、コンバージョン率、忠誠心、顧客エンゲージメント、さらには生涯価値を向上させたい場合は、画像コレクションに注意を向けることから始めたほうがよいでしょう。

先に進む前に、画像がビジネスの成功にそのような重要な役割を果たしている理由を調べましょう。

1.第一印象が重要

画像やpisは、購入者が商品ページをチェックしているときに最初に目にするものであり、最初の数秒は、購入者が商品を探し続けるかどうかを決定する上で非常に重要になると考えられています。

実際、SquareとBigCommerceが実施した2017年の調査では、アメリカのオンライン顧客は、オンラインブランドに最初に欲しいものとして、追加の製品写真を挙げていると言われています。

2.画像​​は1,000語よりも価値があります

写真は、短い説明や長い説明よりも、製品の品質と詳細をより確実に保証するために、顧客をより自信を持って支援します。

質の高い商品画像で実店舗のように感じることができるので、どんなお客様でも探している商品の細部を探ることができます。

BigCommerceとSquareの証拠によると、回答者の約半数が、オンラインで買い物をするときにお気に入りの商品に触れたり、感じたり、試したりすることができなかったと述べています。

3.モバイルが引き継いでいます

モバイルショッピングはすべての人の生活の中でますます重要になっているので、GoogleのSpeed Updateの動きに示されているように、画像が必要になります。 モバイルのユーザーは、製品の適合性を判断してナビゲートするために単語やテキストよりも画像を使用する場合の量が多くなります。

明確でより魅力的なeコマースアイテムは、どういうわけかあなたのアイテムが頻繁にクリックされて購入されることができることを意味します。

4.画像はあなたのビジネスサイトを台無しにする可能性があります

ウェブサイトの低品質でプロフェッショナルでない写真は、カスタマーエクスペリエンスに悪影響を及ぼし、検索エンジンでランク付けされる可能性があることに注意してください。

次の3つの質問に疑問があるかもしれません。

• 「画像の読み込みが遅いですか？」

• 「メタディスクリプションを含めていませんか？」

• 「人々はそこに着陸するときに跳ね返っていますか？」

eコマース製品の画像に最適なサイズはどれくらいですか？

Photoshopを使用している場合は、空白のファイルを生成し、希望のサイズにサイズ変更することで、製品の画像テンプレートを開発できます。 これは、イメージ6の一貫性を維持するのに役立ちます。 要件についてはさらに詳しく説明しますが、ストアで使用するのに役立つテンプレートサイズの非常に適切な開始点は、最長側で1,200ピクセルから1,600ピクセルの間です。 顧客がズームインおよびズームアウトするのに十分な詳細が必要であることに注意してください。

重要な考慮事項は、画像のファイルサイズを小さくして、ページの読み込み時間を最小限に抑える方法です。 読み込みが遅いページのように、ユーザーエクスペリエンスを損なうものは何もないことを心配する必要はありません。 事実によると、ユーザーの約47％が2秒以内にWebページをロードすることを望んでおり、40％がロードに3秒以上かかる可能性のあるページを放棄することになります。

したがって、一般的に読み込みに時間がかかる大きなサイズの画像には近づかないようにする必要があります。 画像ファイルサイズのAIMの一般的なルールは70kb未満です。 そして幸いなことに、Photoshopの「Web用に保存」ツールを使用することで、画質を損なうことなくファイルサイズを縮小することができます。

さらに、これも考慮する必要があります。

• 顧客の約50％は、サイトが読み込まれるまで3秒間待つ準備ができていません。

• ページの平均読み込み時間は世界的に増加しています。

• Amazonは、ページの速度が1秒だけ遅くなると、年間16億米ドルを失う可能性があることを発見しました。

• Googleは、アルゴリズムの最も重要なランキング要素の1つとしてページの読み込み時間を使用しています。

画像ファイルのサイズを小さくするもう1つの方法は、AdobePhotoshopの[Web用に保存]コマンドを使用することです。 このツールを使用して、画質を監視しながら、画像を最小のファイルサイズに調整したいと考えています。

• 品質：上部と右側の角にあります。

• ファイル形式：右上隅にあります

• 最適化：右上隅にあります

• 色：右上隅にあります

• ダウンサイジングとシャープニング：下と右隅にあります

• 予想されるファイルサイズ：下隅と左隅にあります

また、[名前を付けてエクスポート]を使用することもできます。

ここで、正しいファイルタイプを選択する方法を疑問に思うかもしれません。

実際、これらの写真をWebに投稿するために使用できる、 GIF 、 PNG 、 JPEGの3つの一般的なファイルタイプがあります。

JPEGまたは.jpg画像は古いファイルタイプです。 JPEGは現在、インターネットの事実上の標準写真になりつつあります。 JPEG写真は圧縮できるため、ファイルサイズが小さい高品質の写真になります。

GIFまたは.gif画像はJPEG画像よりも品質が低く、装飾的な写真やアイコンなど、より多くの画像に広く使用されています。 GIFはアニメーションにも役立ちます。 画像の最適化に関して、GIFは、あらゆるWebページのシンプルでプレーンな画像に最適であることが知られています。 ただし、GIFは複雑な画像には有用なソリューションではありません。これは、大きな画像にも当てはまります。

PNG画像は、GIFの代わりとしてますます一般的になっています。 PNGはGIFよりも多くの色をサポートしており、JPEGのように再保存しても時間の経過とともに劣化することはありません。 PNG-24の写真のファイルサイズがPNG-8の3倍を超えていることを覚えておいてください。 これが、PNGに注意しなければならない理由です。

そして、ファイルタイプを選択する際に覚えておくのに役立ついくつかのヒントがあります。

• ほとんどの場合、eコマースビジネスでは、JPEGが最適になります。 最小のファイルサイズで最高の品質を提供できます。

  

• 大きな商品の写真にはGIFを使用しないでください。 このファイルサイズは巨大になり、それを減らす方法はありません。 サムネイルと装飾画像にはGIFのみを使用できます。

• PNGは、GIFとJPEGの両方の代替として優れたソリューションになる可能性があります。 PNG形式の製品画像しか使用できない場合は、PNG-24ではなくPNG-8を使用するためのショットを自分に与えることができます。 PNGは、ファイルサイズが非常に小さいため、単純な装飾写真として優れています。

オンラインストアの商品画像を最適化するための5つのヒント

1.画像名をわかりやすくわかりやすい言葉で設定します

何百枚もの製品写真を誇張し、カメラがすでに割り当てているデフォルトのファイル名を維持することはそれほど複雑ではありません。

画像のSEPに関しては、関連するキーワードを使用して、検索エンジンでWebページをランク付けすることが重要です。 画像の最適化には、キーワードが豊富でわかりやすいファイル名を生成することが不可欠です。 検索エンジンは、ウェブページのテキストと画像ファイル名の両方をクロールします。

以下の例を見てみましょう。

カメラがすでに画像に割り当てている一般名を適用できます。 ただし、ファイルに詳細な名前を付けることをお勧めします。

あなたの顧客がウェブサイトであなたのアイテムをどのように検索するか考えてみましょう。 彼らが研究として使用する名前のパターンは何か。 たとえば、車の買い物客は次を検索する可能性があります。

• 2012レッドフォードマスタングLX

• フォードマスタングLXレッド2012

• レッドフォードマスタングLX2012

サイト分析を見て、顧客がどのようなキーワードパターンをフォローしているかを確認できます。 使用している最も一般的な命名パターンを決定し、そのパターンを画像ファイルの命名プロセスに使用できます。

データドリブンを使用しない場合は、画像に名前を付ける際に、重要で関連性のあるキーワードを使用してください。

2.alt属性を慎重に最適化する

代替属性は、ブラウザが写真を適切にレンダリングできない場合の写真のテキスト置換として知られています。 同様に、それらはWebアクセシビリティのために広く使用されています。 写真がレンダリングされるときに、写真にカーソルを合わせると、alt属性のテキストが表示されることを確認します。 このalt属性は、サイトにSEO値を追加する必要があります。 サイトの画像に関連するキーワードを含む適切なalt属性を含めると、検索エンジンでのランキングを上げるのに役立ちます。 その結果、alt属性を使用することが、eコマースアイテムをGoogleのウェブ検索と画像に表示するための最良の方法です。

alt属性のソースコードを詳しく見ることができます。

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

画像の最適化に関しては、最優先事項は、Webサイト上の各製品写真のすべての属性を入力することです。 そして、ここにalt属性のいくつかのルールがあります：

• 画像ファイル名の場合と同じように、画像をわかりやすい言語で記述します

• モデル番号またはシリアル番号を含むアイテムを販売している場合は、alt属性にそれらを入力できます

• キーワードでいっぱいのalt属性の詰め込みをやめる

• 装飾画像のalt属性の使用を停止します。 検索エンジンは、最適化に対してペナルティを課しすぎる可能性があります。

最後になりましたが、時々健全性チェックを行いましょう。 Webページのソースを表示し、alt属性が適切に入力されているかどうかを確認することを忘れないでください。 あなたが起業家精神のスピードで動くとき、あなたはあなたが本当に逃すものに非常に驚かれることでしょう。

3.適切な画像の寸法と製品の角度を選択します

あなたのアイテムの多くの角度をチェックすることは一般的です。 あなたはフォードマスタングの例をもう一度チェックすることができます、そしてあなたはカードのショットを見せたくないかもしれません、通常あなたはそれを売っています。 次の写真をいくつか見せたほうがいいでしょう。

• インテリア

• リア、特にエアスポイラー

• リム

• そのエンジン

したがって、これらの追加の画像を活用するための最良の方法の1つは、alt属性を入力することです。 そして、あなたがするかもしれない方法は、すべての製品画像に固有のalt属性を生成することです。 ここで重要なのは、有望な研究者がサイトにアクセスできるように、alt属性に説明を挿入することです。 あなたがいくつかの余分な仕事をするならば、あなたはグーグルによって検索者で報われるでしょう。

4.サムネイルを最適化する

多くのeコマースビジネスサイトでは、特にカテゴリページでサムネイル写真を使用しています。これは、多くの不動産を使用せずに商品を表示できるためです。

サムネイルは優れていますが、サイレントキラーになる可能性があるため注意が必要です。 ページの読み込み速度を忘れないでください。 サムネイルは、ショッピングプロセス中のいくつかの重要なポイントで表示されることがよくあります。 カテゴリページがすぐに読み込まれない場合は、潜在的な消費者を失う可能性があります。 Shopifyユーザーはサムネイルの最適化を処理するため、サムネイルの最適化について心配する必要がないことに注意してください。

したがって、あなたは今何をすべきですか？

• サムネイルファイルのサイズをできるだけ小さくできることを確認してください。 高品質のスライドがより小さなファイルサイズをサポートできるようにすることは価値があります。 サムネイルの累積は、ページの読み込み時間に大きな影響を与えることに注意してください。

• その後、類似画像の拡大版に使用しているテキストが重複しないように、alt属性を変更します。 結果として、alt属性のテキストを別の方法で作成する必要があります。 最後に行うことは、大きな画像ではなくサムネイルにインデックスを付ける必要があることです。

5.写真のテストを許可します

画像を最適化することの全体的なポイントは、収益を増やすことです。 ファイルサイズを小さくする方法と、検索エンジンに写真のインデックスを作成させる方法について話し合っています。 ただし、何がますます多くの顧客に変換できるかを確認するための画像のテストについては触れていません。

• 各ページのアイテム写真の数をテストします。 ホストされていないいくつかのeコマースサイトでは読み込み時間が問題になるため、すべてのページの写真の数を減らすと、売り上げだけでなくクリック率も向上することがわかります。 各ページに多くの写真を掲載して、ユーザーエクスペリエンスを促進し、売り上げを伸ばすことができます。 これを見つける唯一の方法は、それをテストすることです。

• 顧客がどのような角度でやりたいかをテストします。 消費者が見たいと思うビューを提供することで、顧客ロイヤルティの向上を確認できます。 見つけるための最も良い方法の1つは、製品のショットを確認するときに、顧客が本当に最も気に入っているものについて調査することです。 顧客と話をし、顧客を調査することは、入るのに最適な習慣と見なされています。

• カテゴリページにあるほうがよいアイテムリストの数をテストします：10、20、または100アイテム？ カテゴリページにリストするアイテムの数をテストして、購入者にとって何が最も効果的かを確認できます。

関連記事

• すべてのストアが必要とする20以上の最高のShopifyアプリ
• あなたのビジネスのための11の最高のストックフォトサイト

最後の言葉

画像には、ビジネスのルックアンドフィールを促進する力があり、重要な販売ツールとして役立ちます。 これを実現するために必要なすべてのツールが利用可能であり、上記のテクニックだけでなく、最も便利なトップを含めるようにしてください。 eコマース製品の画像に最適なサイズに関する完全なガイドを使用して、店舗ビジネス向けに高度に最適化された画像を取得できることを願っています。 今、あなたが再び始める時が来ました、そして計画は鍵です。