画像 SEO を解説。ファイル形式、圧縮、ファイル名、代替テキスト、サイズ指定、遅延読み込み、画像サイトマップ、構造化データ、Google レンズとマルチモーダル AI まで。

要点
画像 SEO は、画像を見つけやすく、理解しやすく、速く読み込めるようにする取り組みです。基本は、"img" 要素、最新の形式(WebP または AVIF)、表示サイズに合わせて圧縮したファイル、内容がわかるファイル名、具体的な代替テキスト、画像の周りの関連テキストです。レイアウトのずれを防ぐために幅と高さを指定し、スクロールしないと見えない画像は遅延読み込みにし、重要な画像はサイトマップに含めます。きちんと取り組めば、Google 画像検索やレンズからの流入が生まれ、ページが速くなり、マルチモーダル AI がコンテンツを説明しやすくなります。
さらに詳しく知るには、こちらに質問
画像はページの中で最も重く、最も最適化されていない要素であることがよくあります。画像 SEO はその両方を同時に解決します。軽いページは上位表示されやすく成果も上がり、よく説明された画像は画像検索やビジュアルな回答で独自に露出します。このガイドでは、形式から構造化データまで、Google が公開しているルールに沿って各ポイントを解説します。
画像は、速度、理解、追加の流入源という 3 つの点に影響します。ページ内で最も大きな画像は、Core Web Vitals のひとつである Largest Contentful Paint(LCP)の計測対象になることがよくあります。また画像は検索エンジンにページの文脈を伝え、Google 画像検索、ビジュアルな検索結果、そして言葉ではなく写真で検索する Google レンズで、単独で表示されることもあります。
必要な画質を保てる最も軽い形式を選びます。Google 検索は BMP、GIF、JPEG、PNG、WebP、SVG、AVIF の画像に対応しています。
| 形式 | 向いている用途 | 補足 |
|---|---|---|
| WebP | 写真とイラスト | 同程度の画質で JPEG よりかなり軽く、広く対応 |
| AVIF | 容量を特に抑えたい写真 | WebP より軽いことが多いが、エンコードは遅い |
| JPEG | 写真、代替手段 | どこでも使えるが重め |
| PNG | スクリーンショット、透過、くっきりした文字 | 写真には重い |
| SVG | ロゴ、アイコン、シンプルな図 | ベクター形式で、どのサイズでも鮮明 |
表示されるサイズで配信し、画質が許す限り圧縮します。幅 4,000 ピクセルの写真を 800 ピクセルの枠に表示すると、訪問のたびに通信量を無駄にします。アップロード前にリサイズし、無料の画像圧縮ツールなどで圧縮し、レスポンシブ画像("srcset" と "sizes")を使って、スマートフォンには大画面より軽いファイルを届けましょう。
画像に何が写っているかを、ページの文脈に沿ってわかりやすい言葉で説明します。Google の画像に関するガイドラインでは、短く内容がわかるファイル名("IMG_0042.jpg" ではなく "red-trail-running-shoes.webp")と、役に立つ代替テキストが推奨されています。代替テキストは、スクリーンリーダーの利用者と検索エンジンの両方のためのものです。
| 品質 | 代替テキストの例 |
|---|---|
| なし | (空欄) |
| あいまいすぎる | 靴 |
| キーワードの詰め込み | 靴 ランニングシューズ おすすめ ランニングシューズ 安い 靴 |
| 良い | 深いグリップソールの赤いトレイルランニングシューズ、側面から撮影 |
装飾目的の画像(区切り線や背景のテクスチャなど)は alt 属性を空にして、スクリーンリーダーが読み飛ばせるようにします。代替テキストの用語解説ページでは、さらに多くの例を紹介しています。
標準的な HTML を使い、画像をクロール可能にし、文脈を与えます。
タグだけでなく、画像そのものを読み取ります。Google レンズは写真の中の物、商品、場所、文字を認識し、ページと結びつけます。Gemini、GPT 系のモデル、Claude などのマルチモーダル AIは、画像を説明し、グラフを読み、スクリーンショットから文字を抜き出せます。自社の商品、手順、データをはっきり示すオリジナル画像は、何千ものサイトで使われているストック写真より、結びつけられ引用されやすくなります。
実務上のポイントは、情報を伝える場面でオリジナルのビジュアルを加えることです(比較表を画像にするより HTML の表のほうが役立ちますが、ラベル付きの図や実物の商品写真は価値を加えます)。そして、検索エンジンと AI が両者を結びつけられるよう、すぐそばに文章での説明を置きましょう。
公開前の 10 項目:
画像 SEO の大部分は丁寧さの問題です。軽いファイル、明確な名前、正直な代替テキスト、きれいな HTML。ページが速くなり、検索からの 2 つ目の流入源が生まれ、マルチモーダル AI が公開内容を理解しやすくなります。Sorank は autopilot で作成して公開するすべての記事にこれらのルールを適用し、画像、内部リンク、構造化データを備えています。料金プランと 3 日間の無料トライアルをご覧ください。

画像 SEO とは、検索エンジンが画像を見つけ、理解し、順位付けできるようにし、同時に画像がページを遅くしないようにするための取り組みです。ファイル形式と容量、ファイル名、代替テキスト、画像の周辺テキスト、画像を埋め込む HTML、画像サイトマップ、構造化データが対象になります。
はい。Google は代替テキストをページの内容やファイル名と合わせて使い、画像に何が写っているかを理解します。スクリーンリーダーは視覚障害のある利用者に読み上げます。文脈に合った短く具体的な説明を書き、キーワードを詰め込んだり、意味のある画像で空欄にしたりするのは避けましょう。
同じ画質なら WebP と AVIF が最も軽くなることが多く、Google と最新のブラウザで対応しています。写真の代替手段として JPEG、くっきりした輪郭や透過が必要な画像には PNG、ロゴやアイコンには SVG を使います。何より大切なのは、表示サイズに合った軽いファイルにすることです。
先行導入企業のご紹介
