画像SEO：検索用に画像を最適化する方法

10個の青いリンクよりも検索するものがたくさんあります。 MozCastは、検索の36％以上に画像が含まれていることを示しています。

Google画像検索を使用して実行されたすべての検索は言うまでもありません。 これは、ブランドにとって膨大な量の潜在的なWebサイトエンゲージメントです。 ただし、多くのWebサイト作成者は、サイトで使用する画像の最適化に時間を費やしていません。Googleの複雑な画像SEOアルゴリズムを満足させるには、単純な代替テキスト行で十分であると考えています。

しかし、Googleのアルゴリズムは毎日よりスマートに成長しています。

幸いなことに、検索用にWebサイトの画像を最適化するために、複雑なSEO戦略や数式を実装するのに数え切れないほどの時間を必要としません。 SEOの画像最適化には、いくつかの簡単な手順が必要です。 画像のサイズ、速度、説明、コンテンツなどの要素に焦点を当てることで、ユーザーエクスペリエンスを向上させ、Googleが画像を定義して整理するのに役立ちます。

ユーザーエクスペリエンスのための画像の最適化

すべてのSEOストラテジストは、コンテンツをGoogleで上位にランク付けすることを望んでいますが、優れたUX（ユーザーエクスペリエンス）を提供するコンテンツを作成することが重要です。 提供するUXが優れているほど、エンゲージメントとコンバージョンの可能性が高くなります。 そのため、最適な画像の最適化には、コンテキスト、関連性、サイトの品質が含まれます。

ユーザーエクスペリエンスのために画像を最適化する方法は次のとおりです。

画像の配置を検討する

Webページのどこに画像を配置するかを選択すると、コンテキストと関連性に最も影響します。 多くのサイト作成者は、テキストを分割する方法として、Webページのランダムなセクションに1つまたは2つの画像を挿入します。 しかし、これを行うと、聴衆を混乱させ、気を散らすことになりかねません。 訪問者にコンテキストを提供するために、画像は最も関連性の高いテキストの近くに配置する必要があります。 次のセクションの画像がテキストとどのように関連しているかに注目してください。 これは、Googleが関連する検索クエリに適切な画像を提供するのにも役立ちます。

高品質でユニークな画像を使用する

ストックフォトは、多くのWebサイト所有者の頼みの綱です。 結局のところ、それらは無料で使いやすいことが多く、サイトに関連するものが1つか2つあるはずです。 問題は、他のすべてのWebサイト作成者が同じことをしている可能性が高いことです。つまり、使用するストック画像はおそらくあなたのような他の10のサイトで見つかります。

GoogleのJohnMuellerが説明しているように、「Google画像検索でランク付けしようとしている場合、他の多くのサイトと同じ画像を使用してもあまり効果はありません。」

最適化ワークフローの一環として、サイトで純粋に使用される独自の画像を作成することを検討してください。 高品質の写真に投資すると、特に魅力的な商品写真が必要なeコマースショップがある場合、エンゲージメント率が大幅に高くなる可能性があります。

モバイルフレンドリーを確保する

モバイルの使用はすべてのWebトラフィックの50％以上を占めるため、画像をモバイルフレンドリーにすることが不可欠です。 Googleは、ウェブページをスキャンしてモバイルでの使用をテストするシンプルなモバイルフレンドリーテストを提供し、画像をより適切に最適化する方法についてアドバイスを提供します。 このテストに合格しなかったページについては、ユーザーがアクセスするデバイスに応じてサイズに合わせて拡大縮小されるレスポンシブ画像の使用を検討してください。

通常、HTML、CSS、およびJavascriptの組み合わせは、デバイスに基づいて正しいサイズの画像を提供するために使用されます。 ほとんどのサイトはすでにモバイルフレンドリーです。 非常に古いサイトで作業している場合、または確信が持てない場合は、Webブラウザの幅を調整するだけです。 ブラウザのウィンドウサイズが変わると、画像が拡大縮小されます。 レスポンシブ画像の作成について詳しくは、このガイドをご覧ください。

サイトの品質を忘れないでください

画像の最適化は、優れたユーザーエクスペリエンスを確保するためのほんの一部です。 Webページに他の高品質のコンテンツを含めると、その関連性と有用性がさらに高まります。 Googleは、セキュリティ、専門知識、価値、信頼性、組織など、サイトの品質を検討する際にさまざまな要素を検討します。 あなたのウェブページが全体として発達すればするほど、人々への利益は大きくなり、グーグルが興味を持ってくれる可能性が高くなります。

速度のために画像を最適化する方法

Googleのレポートによると、「ページの読み込み時間が1秒から3秒になる」と、訪問者がWebページから離れる確率が32％増加します。 この高い統計は、読み込み速度がWebページの成功に影響を与える要因であることを示しています。 また、読み込みに時間がかかりすぎる画像ほどページの速度が低下することはありません。

幸い、ページの読み込み速度を上げるために画像を最適化する方法はいくつかあります。

適切な画像形式を選択してください

適切な画像形式を選択することは、画像が迅速かつ適切に読み込まれるようにするための最初のステップです。 しかし、速度の最適化に最適な画像形式をどのように判断しますか？ 最初のステップは、Googleがサポートする画像形式として利用できるオプションを調べることです。

1. PNG ：PNG形式は通常、背景の透明度を維持する必要があるグラフィック、スクリーンショット、または画像に使用されます。
2. JPEG ：最もよく知られている画像形式であるJPEGは、大きな写真やイラストに適しています。
3. SVG ：さまざまなサイズで表示できるカスタムロゴまたはアイコンに最適です。
4. WebP ：小さいサイズの画像で高品質の結果を得るのに最適なオプション。
5. BMP ：時代遅れのオプションと考えられているため、BMPはビットマップイメージに使用されます。
6. GIF ：グラフィックやアニメーションを移動するため。

最適化の観点からGIFとビデオのどちらが優れているかについては、画像の最適化について大きな議論があります。 どちらの形式にも長所と短所があります。 動画は最もエンゲージメントが高い傾向があります。消費者の70％近くが、動画を見た後に商品を購入する可能性が高くなっています。 同時に、動画はgifよりも読み込みに時間がかかる傾向があり、ページの速度が低下する可能性があります。 どちらを選択するかは、Webページにある他の要素によって異なります。 テキストが多い場合は、GIFの使用を検討してください。 ページの数が少ない場合は、読み込み速度を犠牲にすることなくビデオを安全に使用できます。

画像圧縮率を覚えておいてください

適切な形式を選択したら、画像の圧縮率も考慮する必要があります。 画像の圧縮が多すぎると画質が低下する可能性があり、圧縮が少なすぎるとファイルサイズが非常に大きくなります。 多くの写真編集サイトやアプリでは、圧縮サイズを試すことができます。 Googleは、非可逆圧縮などの用語をカバーする、画像に適用できる圧縮方法に関するガイドを提供しています。

圧縮イメージのファイルサイズがどのようになるかについての「正しい答え」はないことに注意してください。ただし、80パーセントから始めるのが適切です。 最も重大な場合を除いて、画質の低下に気付く可能性はほとんどありません。

画像の最適化にWordPressプラグインの使用を検討してください。 MarketMuseブログでは、 Krakenを使用しています。 設定が完了すると、CMSにアップロードされる画像が自動的に圧縮されます。 これは、効率的なワークフローを作成するのに最適です。

適切な画像サイズを選択してください

適切なサイズの画像を提供することは、画像がページの読み込み速度と使いやすさに悪影響を与えないようにするための最後のステップです。 特大の画像を提供することは帯域幅の浪費であり、不必要なオーバーヘッドを追加します。 ほとんどのコンテンツ管理システムがこれを処理しますが、最初に適切なサイズの元の画像を用意する必要があります。

Chromeブラウザの検査ツールを使用すると、適切なサイズをすばやく判断できます。 レンダリングされたサイズは、画像が表示されるサイズです。 MarketMuseブログでは、列の幅は760ピクセルです。これは、事実上、画像が表示される最大幅です。 固有のサイズは、WordPress（CMS）にアップロードされた画像のサイズです。 通常、固有の幅はレンダリングされた幅より大きくすることはできません。

ルールの例外は、訪問者が小さいサイズの画像で見逃してしまうすべての詳細を表示するスクリーンショットです。 たとえば、MarketMuseブログでは、プラットフォームのスクリーンショットをよく表示します。 ただし、760ピクセルの列幅の制限により、特定の機能を正確に識別することは難しい場合があります。

そのため、元の画像（この場合は1644ピクセル幅）がWordPressにアップロードされ、760ピクセル幅の小さいサイズで提供されます。 読者が画像をクリックすると、画像がフルサイズで開き、細部がすべての栄光で見ることができます。

クイックノート：画像圧縮が十分でない場合は、CDN（コンテンツ配信ネットワーク）の使用を検討してください。 CDNは、地理的に分散したサーバーのグループであり、連携してインターネットコンテンツの高速配信を提供します。 その速度の違いはかなり大きくなる可能性があり、コストは最小限で、場合によっては無料です。 詳細については、 Cloudflareによるこのガイドをお読みください。

発見のための画像SEO

画像が検出されない場合、画像をGoogleでランク付けすることはできません。 2つの項目がこの点で役立ちます。 画像サイトマップ、およびセマンティックマークアップ。

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

画像サイトマップとは何ですか。また、Googleが画像を検出するのにどのように役立ちますか。 画像サイトマップは、サイト上のすべての画像URLを一覧表示するための専用のXMLサイトマップです。 サイトマップは基本的に、Googleがサイト上の関連するURLを見つけ、理解し、クロールするのに役立つ青写真です。

技術的には、サイトマップは必要ありません。 Google検索コンソールからURLを送信するだけです。 ただし、特に新しいコンテンツが公開されるときに自動的に更新される場合は、これを使用する方がはるかに効率的です。

MarketMuseブログでは、他のSEOタスクのホスト間でサイトマップを処理するWordPressプラグインであるRankMathを採用しています。 それはほとんど設定されており、忘れています。 サイトマップの作成に関するGoogleのこのガイドは、サイトマップを手動で作成する必要がある場合に役立ちます。

セマンティックマークアップを検討する

最初は、「セマンティックマークアップ」というフレーズは最初は複雑に見えるかもしれません。 ありがたいことに、それはあなたが心配しなければならないいくつかの過度に複雑なソフトウェアではありません。 セマンティックマークアップとは、特定のページのコンテンツマークアップ（HTML）を指します。 これは、人間と検索エンジンがページのコンテンツをよりよく理解するのに役立ちます。 これにより、画像の最適化に最適です。

すべてのHTMLは、コンピューターと人間の両方のサイトを説明する情報を伝達する必要があります。 この問題に関する最良のヒントとコツについては、HTMLのセマンティックマークアップに関するGoogleの見解をお読みください。

インデックス作成のためのSEO画像の最適化

Googleが画像を正確にインデックスに登録できるようにするためにできることがいくつかあります。

説明する

説明的なタイトル、説明、ファイル名をサイトの一部として含めると、Googleと人間がサイトをよりよく理解するのに役立ちます。 すべてのテキスト要素が説明的であることを確認する最良の方法は、検索エンジンで目立つように表示されるテキストにキーワードを戦略的に配置することです。 さらに、テキストの説明は短く効果的にしてください。Googleのアルゴリズムでは認識されないため、アンダースコアなどの記号は使用しないでください。 使用するすべての単語は、検索結果の目的を果たす必要があります。

構造化データを組み込む

Googleで豊富な結果を達成できるように、可能な場合は画像に構造化データを含めてください。 豊富な結果により、Googleは、ユーザーが画像検索を実行しているときに、ページに関するさらに関連性の高い情報をユーザーに提供するバッジを提供できます。 Googleは、製品、ビデオ、レシピの構造化データをサポートしています。

さらに、Googleには、構造化データを画像SEOに組み込むプロセス全体の概要を示す詳細な構造化データのガイドラインがあります。これについて詳しくは、こちらをご覧ください。 最も重要なヒントは、情報とデータを最新の状態に保つことであり、ユーザーに誤解を与える可能性のある無関係なデータを構成しないことです。

altタグを使用する

画像がページに読み込まれない場合は、代わりに代替テキストが表示され、画像の説明に役立ちます。 また、サイトにアクセスする視覚障害者の場合、このaltタグは、Google画像の内容を理解するのにも役立ちます。 最後に、適切な代替テキストを使用すると、Googleが画像とそれが存在するページをよりよく理解するのに役立ついくつかの追加情報が提供されます。

画像を最適化する優れた代替テキストを作成するための重要なヒントがいくつかあります。

• ターゲットキーワードを使用する：代替テキストにターゲットキーワードを追加することは、サイトを関連トピックに関連付け、検索エンジンでの認知度を高めるための主な方法です。
• 短くしてください：最大のアクセス可能性のために80から125文字（約16語）。 Google画像検索でランク付けするための最大50語。
• 不要なフレーズを取り除く：「これは____の画像です」や「これは____の画像です」などのフレーズでaltタグを開始しないでください。 これは冗長であり、極めて重要なスペースを占めます。 簡潔さと明確さのために、画像のソースに直接移動します。

クイックノート：インデックス作成に関してよくある質問は、GoogleがCSS画像にインデックスを付けるかどうかです。 答えはいいえだ。 GoogleのJohnMuellerは、通常の画像タグを使用し、alt属性で画像を指す方がよいと述べています。

テイクアウェイ

画像検索のための画像最適化は、有用で関連性のあるWebページの作成に取り組むときに実装するもう1つのSEO戦略です。 ご覧のとおり、画像SEOは多くの側面をカバーしています。 Google画像検索で上位にランク付けするには、画像のサイズ、速度、コンテンツ、形式、および関連データを考慮する必要があります。 さらに、説明的な代替テキスト、タイトル、およびページ上のテキストを作成することは、全体としてより良いWebページを作成するのに役立ちます。 正しく行われると、画像の最適化は検索ランキングの向上と、ユーザーが何度も何度もアクセスするWebサイトにつながる可能性があります。