完全な e コマース画像最適化ガイド 2023

公開: 2022-11-04

序章

マーケティングとは、市場で問題を発見し、その解決策を顧客に販売することです。 言い換えれば、問題に関する認識を作成し、広めることです。 認知度を高めながら、マーケティング担当者として適切な消費者に伝えていることを考慮することが基本です。

検索エンジン最適化は、適切なオーディエンスを見つけてウェブサイトへのトラフィックを増やす上で非常に重要です。 SEO は、検索クエリによって駆動される検索結果でコンテンツをランク付けするのに役立ちます。SEO は 3 つのコンポーネントで構成されています。

  1. オンページSEO
  2. オフページSEO
  3. テクニカル

オンページ SEO は、ページに存在するコンテンツをカバーします。 画像はオンページ SEO の重要な部分であり、ウェブページへのトラフィックと評価を高めるための優れた媒体です。

このガイドの目的と対象者

Google を使用してオンライン コンテンツを管理している場合、このガイドは役に立ちます。 このガイドの学習成果は次のとおりです。

  • 検索エンジン最適化の基本を学ぶ
  • Google で画像を最適化することの重要性を学ぶ
  • Google のページと画像を最適化するための技術要件を学び、理解する
  • 画像を最適化するためのベスト プラクティスを学び、理解する

このガイドは、Google 検索を通じてオンライン コンテンツを所有、管理、収益化、または宣伝している場合に役立ちます。 成功しているビジネスのオーナー、多数の Web サイトのオーナー、Web エージェンシーの SEO スペシャリスト、または検索メカニズムに情熱を傾ける DIY SEO のエキスパートである可能性があります。このガイドはあなたのためのものです。

Google のベスト プラクティスに従って画像を最適化する手法の包括的な概要を探している場合は、適切な場所に来ています。 注意すべき重要な点は、このガイドがあなたのサイトを Google で自動的に 1 位にランク付けする秘密を明らかにすることです。

ただし、ベスト プラクティスに従うことで、検索エンジンによるコンテンツのクロール、インデックス作成、理解が容易になります。

画像の最適化

Google の画像を最適化すると、コンバージョン率が向上し、売上が最大 9% 増加します。 また、ユーザー エクスペリエンスの向上にも役立ちます。 Google 検索の約 10.1% は画像です。

画像は、コンテンツを発見する方法でもあります。 画像を検索している間、ユーザーは画像が提供するコンテンツについて読みたいと思うかもしれません。これが、Web ページにより多くのトラフィックを引き付ける方法です。

検索エンジンには制限があります。画像を読み取ることができません。 代わりに、画像が持つコンテンツに焦点を当てます。 このため、ユーザーが画像検索によってより多くの訪問者を引き付けることができるように、画像の最適化技術が不可欠です。

Google の画像は、コンテンツの発見にとって重要な場合があります。 データによると、全体として、Google の検索の 20% が画像検索によって行われています。 さらに、Google での画像のランキングは、コンテンツのランキングよりも時間がかかりません。

画像へのアクセスは、関連性のある重要なコンテンツの発見を容易にするため、Web サイトにトラフィックをもたらす上で重要な役割を果たします。 画像は、説明やその背後にあるストーリーに関するユーザーの心に興味をかき立てます。

さらに、画像の最適化は、ユーザー エクスペリエンスを向上させるためにも重要です。 読み込み速度は、画像の品質とサイズに直接影響されます。 ページの読み込みに時間がかかる場合、訪問者がこのページから直帰する可能性があるため、直帰率が高くなります。

Google もまた、ウェブサイトの速度をランキング要素として使用し始めました。 Web サイトのパフォーマンスは、訪問者数に影響を与えます。

報告によると、最適化されていない画像は最大 75% の重量を占めるため、ユーザー エクスペリエンスが低下します。

問題に関連する回答またはコンテンツを見つけようとしているとします。 ただし、アクセスした Web サイトの読み込みに時間がかかる場合は、他の Web サイトにバウンスする可能性があります。

一方、コンテンツに画像が表示されない場合、訪問者はウェブサイトを放棄し、ひどいものであり、理解しにくいものになります.

製品に関する画像を最適化して追加すると、顧客は製品がどのように見えるかを理解するため、コンバージョン率も向上します.

画像最適化のための 6 つの基本的なヒント

Web サイトの所有者は、前述のように、パフォーマンスを向上させるために Web ページを最適化する必要があります。 Web サイトのパフォーマンスを向上させるには、ユーザー エクスペリエンス、テクニカル SEO、コンテンツの読みやすさなどの領域に取り組む必要があります。

ユーザー体験

より良いユーザー エクスペリエンスを作成すると、Web サイトのパフォーマンスとランキングも向上します。 Web サイトの直帰率が高い場合、Web サイトのランキングに悪影響を及ぼす可能性があります。

Google のポリシーによると、2010 年以降、ウェブサイトのパフォーマンスはランキング要因となっています。より良いユーザー エクスペリエンスは、ユーザーがニーズと検索意図に従ってコンテンツとウェブサイトを見つけたことを示します。

次の KPI は、ユーザー エクスペリエンスを測定できます。

  • セッション率
  • 直帰率
  • ページ/セッションごと。

Google アナリティクスは、ウェブサイトのパフォーマンスを理解し、ウェブサイトの何が問題なのかを分析するのに役立ちます。

ユーザーエクスペリエンスを向上させるために、最初にすべきことは人々のために書くことです。 Google の新しい更新では、人々が必要とするコンテンツを作成する必要があります。 最適化が実行されている領域は、オンページ、オフページ、テクニカルの 3 つです。

必要なコンテンツをユーザーに提供すると、Web サイトの分析が改善されます。 上記の KPI を使用して、Google コンソールまたは Google アナリティクスのいずれかでウェブサイトのパフォーマンスを追跡できます。

図、グラフ、画像を追加してコンテンツを充実させます。 e コマース Web サイトの場合、画像は Web サイトと同じくらい重要です。 e コマース Web サイトの場合、画像が製品を裏付けていなければ、Web サイトを持つ必要はありません。

Web サイトの主な目的は、製品の視覚的な説明を提供し、ユーザーにストーリーを説明することです。 さらに、ほとんどのユーザーは、画像の助けを借りて説明されていると、内容を理解し、覚えやすいと感じています。

Google は、コンテンツ クリエイターが検索エンジンではなく、ユーザーのためにコンテンツを作成することを推奨しています。 いくつかのベスト プラクティスに従うことで、画像の可視性を高めることができます。

ウェブページのコンテンツの品質は、Google 画像検索での画像のランキングに重要な役割を果たします。 Google の画像は、より多くのコンテキストを提供し、結果をより実用的なものにします。 ページのコンテンツは、画像のランキング要素として機能する画像のテキスト スニペットを生成します。

インターフェイスとサイトをすべてのデバイスで使いやすくすることで、ユーザー エクスペリエンスが向上します。 レポートによると、多くの Google 画像はデスクトップではなくモバイル デバイスで検索されています。

ユーザーがコンテンツや画像にアクセスできない場合、直帰率が高くなる可能性が高くなります。 Web ページのパフォーマンスとそのランキングには直接的な関係があります。 最高のパフォーマンスにより、Web ページ上の画像のランキングが向上します。

Google は画像の URL パスをファイル名として使用して画像を理解するため、使いやすい URL 構造は Web サイトのパフォーマンスを向上させます。

スピードを向上させる

画像最適化技術を正しく適用して、ウェブサイトの速度を向上させます。 状況や用途に応じて、それに応じて画像形式を選択する必要があります。 画像形式には、ベクターとラスターの 2 種類があります。

ベクターは、ロゴ、テキスト、アイコンなどの単純な幾何学的形状で構成される画像に適しています。 ベクター画像は、あらゆる解像度で最高の結果を提供し、より良い結果を得るのに理想的なフォーマットです。

しかし、画像の説明に関しては、ベクター グラフィックスでは不十分です。 画像の場合、ファイルを保存するための JPEG、JPG、または WebP などの形式。 ラスター イメージは高解像度の要件には適していないため、どちらの形式にも長所と短所があります。 次の画像は、ラスター画像とベクター画像の間の結果を示しています

画像の最適化には明確なパラメーターはありません。 代わりに、より良い結果を表示するためのさまざまな手法のセットです。 もう 1 つの重要な要素は、より良いピクセル寸法とエンコードされたデータの最適な設定を見つけることです。

画像の寸法設定に正解・不正解はありません。 そのため、最適な寸法の設定を見つけるには慎重な分析が必要です。

ただし、特定の e コマース サイトでは、画像を配置するサイトに応じてルールが考案されています。 画像に使用できるスペースに基づいて、これらのサイトはユーザーに特定のサイズの画像をアップロードするよう求めます。

理想的な Web パフォーマンスを得るための画像最適化の成功は、最小のファイル サイズと最高品質の画像を使用することにかかっています。 この組み合わせは画像の最適化に貢献し、最高の Web パフォーマンスを実現します。

代替テキスト属性

イメージタグの構造は次のとおりです。

<img src=”img_girl.jpg” alt=”ジャケットの女の子” width=”500″ height=”600″>

データによると、SEO エキスパートの約 90% が画像最適化の重要な側面を利用していません。それは、画像タグ属性での「alt」テキストの使用です。 画像を説明するキーワードを追加すると、検索エンジンが画像が使用されている意図を特定するのに役立ちます。

スクリーン リーダーを使用しているユーザーや低帯域幅の接続を使用しているユーザーは、「alt」テキスト属性を使用して画像にアクセスできます。 私たちは検索エンジンの基盤を構築しましたが、前述したように、検索エンジンは画像を読み取ることができません。 画像の説明をよりよく理解するために、代替テキストに依存しています。

画像を最もよく説明する有用で価値のあるキーワードを追加することに重点を置く必要があります。 「alt」属性は、検索クエリの結果に不可欠です。 そのため、キーワードの詰め込みを避けると、ユーザー エクスペリエンスが低下する可能性があります。 W3 のガイドラインに従って代替テキストを調整することが重要です。 以下は、イメージ タグと「alt」テキスト属性の悪い例と良い例です。

  • 悪い例: <img src=”tshirt.jpg”/> (代替テキストがありません)
  • Bad : <img src=”puppy.jpg” alt=”Black Shirt Cool Shirt Boys シャツ
  • 男の子のデザイン 男の子の T シャツ 黒の素晴らしいシャツ ノースリーブ シャツ クールな男シャツ」/> (キーワードの詰め込み)
  • ベター: <img src= “BMW-i8-White.jpg” alt= “BMW i8 Black” />
  • ベスト: <img src=”Tesla-model-s-red.jpg” alt=”Model s テスラ レッド カラー”/>

Google は、低速のネットワーク接続とアクセシビリティの監査を使用してコンテンツをテストすることをユーザーに勧めています。

Google は多くの属性とガイドラインで消費者を支援してきたため、画像のインデックス作成を改善するための技術的要件は他にもあります。

画像タグ <img> を使用

Google はページの HTML を解析して画像をインデックスに登録しますが、CSS をインデックスに登録することはできません。 表示用に CSS に画像を追加しても、Google は画像をインデックスに登録できないため、役に立ちません。 そのため、Google はインデックス作成を改善するためにセマンティック マークアップの使用を推奨しています。

  • 悪い例: <div style="background-image: URL(crikcet_bat.jpg)">グレイ ニコルズ バリスター</div>
  • 良い: <img src=”crikcet_bat.jpg” alt=”グレイ ニコルズ バリスター” />

Google がサポートする画像形式

Google 画像は、インデックス作成用に次の形式の画像のみをサポートしています

  • BMP
  • GIF
  • JPEG
  • PNG
  • WebP
  • SVG。

レスポンシブ画像

レスポンシブ画像を追加すると、Web ページのユーザー エクスペリエンスが向上します。 ユーザーはさまざまなデバイスでレスポンシブ イメージを使用できるため、最高のユーザー エクスペリエンスを実現できます。

強化されたユーザー エクスペリエンスとランキングの間には直接的なつながりがあるため、レスポンシブ画像は現在、画像最適化の要素となっています。

e コマース マネージャーの最優先事項は、顧客に最高のユーザー エクスペリエンスを提供することです。 ユーザー エクスペリエンスには、レスポンシブ デザイン、読み込み速度、最適化された画像が含まれます。

最適化のためのその他のヒント:

上記は、組み込むことが重要な基本的な画像最適化手法です。 次のテクニックを使用すると、画像の最適化を新たなレベルにまで高めることができます。

自動生成テキスト

Google 画像は、ユーザー クエリの検索結果を説明するタイトル リンクとテキスト スニペットを自動的に生成します。 これらのテキスト結果は、画像が意図に沿っているかどうかをユーザーが理解するのに役立ちます。

Google は、メタデータ、タイトルの説明、メタタグなど、いくつかのソースを使用してこれらのリンクとスニペットを生成します。 ユーザーにより良い結果を提供するために、タイトル リンクとテキスト スニペットを生成するための Google のベスト プラクティスは次のとおりです。

  • Web ページのすべてのタイトル タグ<title>に特定のタイトルが必要です
  • <title>には説明的で簡潔なテキストが必要です
  • タイトル タグには、「ホーム」や「プロフィール」などのタイトルを含めないでください。
  • Web ページのタイトル タグには、明確なキーワードが必要です。 特徴的なタイトル テキストは、ユーザーが e コマースの Web ページを理解し、区別するのに役立ちます。
  • Web ページのタイトルは、Web サイトのブランディングの場所にもなります。 ビジネスのキャッチフレーズを追加して、詳細情報を提供できます。

<title>Facebook – 人々をつなぐ場所</title>

  • Google は次のソースを使用してタイトル リンクまたはスニペットを生成するため、ウェブページのタイトル テキストは明確にする必要があります。
    • タイトルタグの内容
    • ビジュアルタイトルはウェブページに表示されます
    • 見出し要素
    • アンカーテキスト
    • リンク内のテキストは、他のページにリダイレクトされます。
  • 同じスクリプトを Web ページのプライマリ スクリプトとして使用する必要があります。 Google ボットは、ページのタイトルをプライマリ ページにリンクします。 ページ タイトルがプライマリ スクリプトと一致しないと Google が判断した場合、新しいテキスト ファイルが生成されます。
  • これらすべてに加えて、すべての検索エンジンのクロールを許可していることを確認することが不可欠です。 Google がページにアクセスしない場合、ページ外の属性を使用してテキスト ファイルを生成します。

目立つバッジを追加する

構造データを追加すると、画像がリッチリザルトとして表示されます。 これらのリッチリザルトは、ユーザーに関連情報を提供する目立つバッジとともに表示されます。

上の画像のように、クリケットのバットの画像は、このバットを販売している Web サイトから取得したものであることがわかります。 ユーザーがバットを購入したい場合は、画像をクリックして取引サイトにリダイレクトできます。

Google は、構造データを表示するためのガイドラインを提供しています。

  • Web ページは、サポートされている 3 つの画像形式のいずれかでマークされている必要があります。
    • JSON-LD
    • マイクロデータ
    • RDFa
  • 何らかの制御手段を使用して、データ ページを構造化するために Google ボットをブロックしていないことが最善です
  • リッチリザルトには古い情報が表示されないため、最新の情報を提供してください
  • 誤解を招く情報に構造化データを使用しないでください
  • 構造データは、ページ コンテンツに関する正確な情報または関連情報を提供する必要があります
  • Google が次のバッジに分類する関連情報を必ず提供してください。
  • 論文
  • 本
  • ブレッドクラム
  • カルーセル
  • コース
  • データセット
  • 教育Q&A
  • 雇用主総合評価
  • 推定給与
  • イベント
  • ファクトチェック
  • よくある質問
  • ホーム アクティビティ
  • 方法
  • 画像メタデータ
  • 求人情報
  • 学習ビデオ
  • ローカルビジネス
  • ロゴ
  • 数学ソルバー
  • 映画
  • ポッドキャスト
  • 練習問題
  • 製品
  • 質疑応答
  • レシピ
  • スニペットのレビュー
  • サイトリンク検索ボックス
  • ソフトウェアアプリ
  • 話せる
  • サブスクリプション & ペイウォール コンテンツ
  • ビデオ
  • バッジに最も具体的なカテゴリを使用することをお勧めします。

ユーザーがガイドラインに従うことができる場合、Google は目立つバッジを割り当てます。

画像サイトマップ

画像の URL も Web ページで提供できます。そのためには、画像にサイトマップも含める必要があります。そうしないと、Google がファイルを認識したり見つけたりできません。

画像サイトマップには他のドメインの画像が含まれており、クロスドメインの制限が適用されます。 クロスドメイン制限により、コンテンツ配信システム (CDS) を使用できるようになります。これにより、サーバーの負荷が軽減され、サイトのパフォーマンスが向上し、分析に基づくオーディエンス セグメンテーションが可能になります。

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9”

xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">

<URL>

<loc>http://example.com/sample1.html</loc>

<画像:画像>

<image:loc>http://example.com/image.jpg</image:loc>

</画像:画像>

<画像:画像>

<image:loc>http://example.com/photo.jpg</image:loc>

</画像:画像>

</url>

<URL>

<loc>http://example.com/sample2.html</loc>

<画像:画像>

<image:loc>http://example.com/picture.jpg</image:loc>

</画像:画像>

</url>

</urlset>

Apimio の最適化

画像が最適化されているかどうかを分析して理解するのに役立つ Apimio という製品情報管理ソフトウェアがあります。 当社の PIM は、Shopify ユーザーのエクスペリエンスを向上させるために次のタスクを実行します。

Apimio は、製品ジャーニーのあらゆる部分をより効率的にします。 オンライン ストアで最適化された製品データを使用することは、かつてないほど迅速かつ簡単になりました。 これにより、Shopify ユーザーは大量の商品データをインポートして最適化を改善できます。

当社の PIM は画像を分析し、パラメーターに基づいて最適化スコアを返します。 次の属性 Apimio PIM 分析

  1. 画像の寸法
  2. フォーマット
  3. サイズ

これらの画像のうち、特徴に基づいてスコアが付けられます。 言及された 2 つの機能が完了していない場合、それは 100% 最適化されていない画像になり、その逆も同様です。

上の画像は、ファイル形式、サイズ、寸法などの属性が最適化基準に従っていないことを示す画面の例です。

さらに、Shopifyは、約2ドルのプラグインを提供することでユーザーを容易にします. ユーザーは画像のサイズ変更と圧縮を自動的に行うことができるため、何千もの画像の圧縮とサイズ変更にかかる時間を節約できます。