Googleからのトラフィックを増やすための8つのEコマース画像最適化のヒント

公開: 2019-07-15

オンラインストアに関して言えば、商品画像は最も重要な資産の1つです。商品の写真は、WooCommerceストアの売り上げに直接関係しているため、eコマースの画像を最適化することが不可欠です。

この投稿では、画像の最適化をマスターし、Googleからのトラフィックを増やしてWooCommerceストアからより多くの利益を得るのに役立つ8つのeコマース画像最適化のヒントを共有する必要がある3つの理由について説明します。

画像の最適化をマスターする3つの理由

最適化された画像は、あらゆるタイプのWebサイトを即座に改善できますが、eコマースサイトに関しては、画像の最適化が最も重要です。画像の最適化をマスターする必要がある理由の上位3つを次に示します。

より多くの買い物客を引き付ける

商品の画像やウェブサイト上の他の写真は、Googleによってインデックスに登録されます。その後、ユーザーが関連する用語を検索すると、画像の検索エンジンの結果に表示されます。

時間をかけて商品画像を最適化すると、検索エンジンの結果で見栄えが良くなり、より多くの買い物客をオンラインストアに引き付けることができます。

ページの読み込み時間を改善

画像は、読み込み時間が遅い主な原因の1つです。大きな画像ファイルはダウンロードしてブラウザに表示するのに時間がかかるため、これは通常、ファイルサイズが大きいことが原因です。読み込み時間が遅いと、訪問者が商品ページの読み込みが完了するのを待たずにイライラして離れてしまうため、コンバージョン率に悪影響を及ぼします。

最適化された画像ではファイルサイズが小さくなり、ダウンロードにかかる時間が短縮されます。これにより、WooCommerceストアの読み込み速度が向上します。長期的には、ストアの読み込みが十分でなかったために、訪問者と売上を失うことはありません。

検索エンジンでより良いランク

最後に、最適化された画像は、ページの読み込み時間を改善し、より多くの買い物客をストアに引き付けるだけでなく、検索エンジンでのランク付けにも役立ちます。これは、上記で説明したページの読み込み時間と、以下で説明する他のいくつかの画像最適化手法に直接関係しています。

Googleからのトラフィックを増やすための8つのEコマース画像最適化のヒント

画像の最適化が重要である理由をよりよく理解できたので、今度は商品の画像を最適化してGoogleや他の検索エンジンからのトラフィックを増やすのに役立つヒントを詳しく見ていきましょう。

画像の種類を理解する

何よりもまず、さまざまな画像形式を理解して、最も適切な形式で保存できるようにすることが重要です。これにより、画像がぼやけないようになり、全体的なファイルサイズにも役立ちます。

ストアに画像をアップロードするための最も一般的な3つの形式は、JPG、PNG、およびGIFです。

JPGは、最も古い画像形式の1つであり、最も一般的にWebに関連付けられています。何百万もの色が含まれており、ポートレート、風景、製品の写真を表示する場合に最適です。 JPG画像のもう1つの利点は、かなり圧縮できるため、品質を大幅に低下させることなくファイルサイズを小さくできることです。

PNG形式は、透明性が必要な画像に最もよく使用されます。店舗のロゴや、背景が白または透明の商品画像を考えてみてください。 PNG画像は、パターンや単色の背景などの背景画像にも使用されます。欠点は、多くの場合、ファイルサイズが大きくなるだけでなく、画像の品質が高くなることです。

GIF画像はJPG画像よりも品質が低く、通常はアイコンやアニメーション画像に使用されます。数色のみを使用する小さな画像を追加する必要がある場合に最適です。ファイルサイズが大きくなり、サイトの速度が大幅に低下するため、大きな製品写真ではうまく機能しません。

そのことを念頭に置いて、画像形式に関する主なポイントは次のとおりです。

製品写真の大部分にJPG画像を使用する
ロゴ用にPNG画像を予約するか、背景が透明な製品写真が必要な場合、またはファイルサイズよりも画質が重要な場合
アイコン用、または画像をアニメーション化する場合は、GIFを保存します。

常に代替テキストを追加する

画像には常に代替テキストを追加する必要があります。画像に代替テキストを追加する必要がある理由は3つあります。

代替テキストは、検索エンジンボットに追加のコンテキストを提供します
代替テキストは、支援技術がオンラインで見つけた写真を解釈するもう1つの方法です。
代替テキストは、画像を正しく読み込めない場合にも表示され、ブラウザに何が表示されるかを示します。

そのため、画像の詳細を提供するには、代替テキストを使用する必要があります。商品の画像を画像の結果ページに表示し、オーガニックトラフィックの増加につなげるのに役立つ、商品のキーワードを含めることもできます。

WordPressでは代替テキストを簡単に追加できます。これは、商品の写真をWooCommerceストアにアップロードするときと後で行うことができます。鉛筆アイコンをクリックして画像を編集し、適切なボックスに代替テキストを入力するだけです。

適切な画像サイズを使用する

画像の最適化に関するもう1つの重要なヒントは、適切な画像のサイズを使用することです。最終的な画像のサイズ、幅と高さは、テーマの要件によって決定する必要があります。

たとえば、テーマで画像の幅を1200ピクセル、高さを1800ピクセルにする必要がある場合は、WooCommerceストアにアップロードする前に、画像のサイズを手動でこれらのサイズに変更する必要があります。これにより、テーマによって奇妙な角度で切り取られるのではなく、商品の画像が適切に表示されるようになります。また、画像の最終的なファイルサイズを縮小するのにも役立ちます。

Photoshopを使用して、商品の画像を適切なサイズに簡単にサイズ変更できます。または、GimpやPicmonkeyなどの無料プログラムの使用を検討してください。

画像にわかりやすい名前を付ける

カメラによって割り当てられたデフォルトの名前を使用するのではなく、画像にわかりやすい名前を付ける必要があります。これを実現する最も簡単な方法は、製品をそのまま説明することです。

たとえば、商品の画像に「メンズレッドポロシャツ」や「ブラッククロスボディレザーバッグ」などの名前を付けることができます。これは、検索エンジンが画像の内容をよりよく理解するのに役立つだけでなく、支援技術を使用している買い物客が画像が何を示しているのかを理解するのにも役立ちます。

さらに、わかりやすい名前を付けると、商品に関連付けられたキーワードを組み込むことができ、写真全体の検索エンジンとの関連性が高まります。

画像サイトマップを利用する

これまでに、サイトマップを送信すると、検索エンジンがサイトのすべてのページをクロールし、サイトの構造をよりよく理解するのに役立つことをご存知でしょう。ただし、商品の画像を最適化してより多くのオーガニックトラフィックを促進したい場合は、サイトマップに他のコンテンツの上に画像を含めることが不可欠です。

開始するのに適した場所は、YoastSEOプラグインを使用することです。 WooCommerceアドオンが付属しているため、ストアの他のSEOの側面を改善できるだけでなく、画像やビデオをサイトサイトマップに追加することもできます。

さまざまな角度を表示

オンラインショッピングは便利ですが、欠点が1つあります。それは、顧客が製品を物理的に触ったり、感じたり、向きを変えたりして、製品をよく見ることができないことです。このため、商品の写真でさまざまな角度から紹介することが重要です。

WooCommerceを使用すると、各商品に複数の画像を簡単にアップロードして、ミニ商品ギャラリーを作成できます。下のスクリーンショットからわかるように、あなたがしなければならないのは、[製品ギャラリーの画像を追加]をクリックして、その製品に関連付けられているすべての画像を選択することです。

製品を複数の角度から表示する必要がありますが、適切なサイズにサイズ変更するように注意する必要があることに注意してください。これにより、商品の画像が均一に見え、視覚的に魅力的な外観が作成されます。

製品のサムネイルを利用する

製品のサムネイルを利用します。サムネイルは通常、関連する商品画像として表示され、平均注文額を増やしてより多くの商品を販売するための優れた方法です。

これらの製品のサムネイルは、多くの場合、個々の製品ページの下部に表示され、WooCommerceを使用すると、アップセルまたはクロスセルとして表示する製品を細かく制御できます。

Woondershopテーマの製品ページで使用中の製品サムネイルの例を見ることができます。

画像をテストする

最後のヒントは、商品画像のパフォーマンスを継続的に最適化してテストすることです。これは、A / Bテストのバリエーションであり、商品の画像が売り上げにどのように影響するかを判断するのに役立つ優れた方法です。

たとえば、複数の商品画像を追加するのではなく、単一の商品画像を追加することを試すことができます。または、さまざまな画像角度を試して、どれがより多くの購入につながるかを確認することもできます。

WooCommerceストアのA / Bテストに役立つプラグインは多数あります。そのようなプラグインの1つは、Nelio A / BTestingです。

WooCommerceと完全に互換性があり、画像だけでなく、製品のタイトル、製品の説明をテストし、注文を変換アクションとして使用できます。これはサブスクリプションサービスとして提供されるプレミアムプラグインですが、ストアのコンバージョンを改善することを真剣に考えている場合は、検討する価値のある投資です。

最終的な考え

WooCommerceストアでより多くの売り上げを確認し、検索エンジンでのランクを上げたい場合は、画像を最適化することが重要です。幸いなことに、画像の最適化は、それが何を伴うのかがわかればそれほど難しくありません。この記事で共有されているヒントを使用すると、画像を最適化し、Googleからより多くのオーガニックトラフィックを取得するための準備が整います。