画像SEO

画像検索で見つけてもらい、ページを速く保つための画像SEOを解説します。altテキスト、説明的なファイル名、WebPとAVIF、圧縮、レスポンシブ画像、構造化データ、画像サイトマップ、LCPを扱います。

初回公開:2026年6月25日 · 最終更新:2026年8月3日 · Advanced
言語

画像SEOには、画像検索でのランキングとページパフォーマンスという2つの仕事があります。altテキスト、説明的なファイル名、ページの文脈、独自性は画像の発見に役立ちます。WebP/AVIF、圧縮、正しいサイズ、画像サイトマップは速度と発見を助けますが、形式そのものに直接のランキング上昇効果はありません。CSS背景ではなくHTMLのimgを使い、フォールバックsrcを残し、LCP画像を遅延読み込みしないでください。

TL;DR — 画像SEOには2つの別々の目標があります。(1) altテキスト、ファイル名、ページの文脈、独自性によって、画像検索(Google画像検索 / Lens / Bing)で上位表示すること。(2) 画像は通常LCP要素になるため、ページパフォーマンスを高めることです。Googleは <picture> 内を含む <img> をインデックスしますが、CSS背景はインデックスしませんBMP、GIF、JPEG、PNG、WebP、SVG、AVIFに対応しています。WebPやAVIFに直接のランキング上昇効果はありません(Mueller)。得られるのは速度 → Core Web Vitalsです。既存ファイルを一括リネームしないでください。ネイティブの loading="lazy" は画面下では安全ですが、LCP画像には決して使いません。そこには fetchpriority="high" を付けます。2025年5月以降は、同じ画像を常に同じURLで参照します。構造化データ(ImageObject、Product/Articleの画像配列)はリッチリザルトを可能にし、画像サイトマップは発見を助けます。altテキストについては別の詳しい記事があります。

Evidence for this claim Google indexes images referenced with HTML image elements and does not index CSS background images as images. Scope: Google image discovery and indexing. Confidence: high · Verified: Google Search Central: Image SEO Evidence for this claim Images can be LCP candidates; the LCP image should be discoverable early and should not be lazy-loaded. Scope: web.dev LCP image loading guidance. Confidence: high · Verified: web.dev: Optimize LCP

画像SEOは1つではなく2つの仕事

これは私が何度も戻ってくる枠組みであり、ほとんどすべての「画像SEOチェックリスト」が曖昧にしている点です。目標は2つに分かれ、それぞれ必要な作業が異なります。

  1. 画像検索でのランキング。 Google画像検索、Bing Images、Google Lensで画像固有の検索に見つけてもらうことです。altテキスト、ファイル名、画像周辺のテキスト、構造化データ、画像の独自性が影響します。
  2. ページパフォーマンス。 画像はページでほぼ常に最も重い要素です。Googleの公式ドキュメントも、画像は*“often the largest contributor to overall page size.”* (翻訳)「ページ全体のサイズに最も大きく寄与することが多い」と述べています。そのため、遅いLargest Contentful Paint(LCP)の主な原因になり、LCPはCore Web Vitalsにつながり、Web検索のランキングシグナルになります。

この2つを分けると、テーマ全体が明確になります。altテキストとファイル名は主に画像検索のための施策です。形式、圧縮、読み込み戦略はパフォーマンスのための施策です。どちらも重要ですが、同じレバーではありません。

検索量も現実のものです。画像検索とビジュアル検索は検索活動全体の意味ある割合を占め、Google Lensは急速に成長しています。最適化された画像は防御策にとどまらず、トラフィック源になります。

Googleが画像を発見し、インデックスする仕組み

画像がそもそもインデックスに入るかどうかを決める仕組みがいくつかあります。

  • インデックスされるのはHTMLの <img> だけ。 Googleは、“Google parses the HTML <img> elements (even when they’re enclosed in other elements such as <picture> elements) in your pages to index images, but doesn’t index CSS images.” (翻訳)「Googleは、画像をインデックスするためにページのHTML <img> 要素(<picture> など他の要素に囲まれていても)を解析しますが、CSS画像はインデックスしません」と説明しています。CSSの background-image にしか存在しない画像は画像検索から見えません。見つけてもらいたいものは <img> に置きます。
  • フォールバックの src を必ず用意する。 srcset<picture> を使う場合も、通常の src を残します。レスポンシブ属性を*「理解しないブラウザーやクローラーもある」*ためで、src がGoogleの頼る安全網になります。
  • 対応形式: BMP、GIF、JPEG、PNG、WebP、SVG、AVIF(AVIF対応は2024年8月に追加)。拡張子は実際のファイル形式と一致させます。
  • マークアップとともに文脈も重要。 対応したマークアップで画像が発見されますが、発見後にGoogleが画像自体と組み合わせて内容を理解するのは、周囲のテキスト、キャプション、タイトル、その他のメタデータです。
  • URLの一貫性(2025年5月の更新)。 Googleは現在、表示場所が変わっても同じ画像を同じURLで参照するよう推奨しています。Googleの広報担当者は、“We updated the Google Image SEO best practices to clarify that URLs for images should be referenced consistently for easier crawling on larger websites.” (翻訳)「大規模サイトでクロールしやすくするため、画像のURLは一貫して参照すべきだと明確にするようGoogle Image SEOのベストプラクティスを更新しました」と説明しました。これはクロール効率の話です。同じ画像に同じURLを使えば、異なるCDNパスやクエリ文字列で同じ画像を再取得せず、Googleがキャッシュして再利用できます。
Evidence for this claim Google indexes images referenced with HTML image elements and does not index CSS background images as images. Scope: Google image discovery and indexing. Confidence: high · Verified: Google Search Central: Image SEO

ファイル形式:SEO上昇ではなく速度で選ぶ

最初に消すべき神話は、「次世代」形式に直接のランキング上昇効果はないということです。MuellerはAVIFに*“SEO boost”がないことを確認しており、同じ論理がWebPにも当てはまります。“WebP images are fine for Image Search,”* (翻訳)「WebP画像は画像検索に問題ありません」と言っていますが、「問題ない」は「より良い」ではありません。Googleはコンテナー形式を使ったことだけで評価しません。

最新形式が実際に行うのはファイルを小さくすることで、ページを速くし、Core Web Vitalsに役立てることです。これは間接的な利点です。したがって、次の長所で選びます。

  • AVIF — 最高の圧縮率(JPEGより50 %以上小さくなることが多い)。ブラウザー対応が確認できる場所で、フォールバック付きで使います。
  • WebP — JPEGより25–35 %小さく、ほぼすべてのブラウザーが対応しています。現在の写真向け安全なデフォルトです。
  • JPEG — 写真向けの普遍的なフォールバックです。
  • PNG — 透明度や輪郭の鋭いグラフィックが必要な場合に使います。
  • SVG — ロゴやアイコン向けです(ベクター、無限に拡大縮小でき、小さい)。
  • GIF — 単純でない用途では避け、代わりに動画またはアニメーションWebP/AVIFを使います。

きれいな実装は、最新形式用の <source> 要素と <img src> フォールバックを持つ <picture> です。古いブラウザーでも適切に低機能化し、Googleにはインデックスする src が残ります。

新しい画像には説明的なファイル名、古い画像は一括リネームしない

ファイル名は小さいながらも実際の関連性シグナルです。Googleのベストプラクティスは短く説明的な名前を使うことです。“the filename can give Google clues about the subject matter of the image” (翻訳)「ファイル名は画像の主題についてGoogleに手がかりを与えられます」。そのため golden-retriever-puppy.jpgIMG00023.JPG よりよく、image1.jpg のような一般的な名前は機会損失です。

ただし、ここで多くの人がつまずきます。既存ファイルを遡ってリネームしないでください。 Muellerは、一括リネームした新しい画像をGoogleのシステムが認識するには*“is going to take a lot of time for Google’s systems to see”* (翻訳)「Googleのシステムが認識するまで長い時間がかかる」と明確に述べています。altテキストと周囲の文脈がすでによければ効果は*“minimal… maybe no visible effect at all”* (翻訳)「最小限で、目に見える効果がないかもしれません」。Gary Illyesは画像URL移行によるシグナル損失を*“in line with web search results, which is a few weeks.”* (翻訳)「Web検索結果と同じく、数週間程度」と表現しました。つまり、新しい画像には説明的な名前を付けます。しかし、わずかな効果のために全サイトをリネームして数週間混乱させる作業はしません。

altテキスト(短い説明)

altテキストには独立した詳しい記事があるため、ここで完全な内容を繰り返すつもりはありません。要点は、altテキストが画像メタデータで最も重要な要素ですが、実際の効果はWeb検索ランキングではなく、画像検索とアクセシビリティにあることです。Googleはコンピュータービジョンとページの文脈に加えてaltテキストを読み取ります。文脈に合わせて書き、キーワードを詰め込まず、装飾だけの画像には alt="" を使います。完全なルール、引用、監査ワークフローはaltテキストガイドにあります。

圧縮、遅延読み込み、Core Web Vitals

画像がLCPを決めることが多いため、ここが画像SEOとCore Web Vitalsの重なる部分です。

  • すべてを圧縮する。 表示寸法に合わせて画像を適切なサイズにし、圧縮します。多くのページにとって、これが最大のパフォーマンスレバーです。
  • ネイティブの遅延読み込みは画面下なら安全。 <img>loading="lazy" を付ける方法はGoogleが推奨しており、クロール可能です。壊れるのは、実際のURLを data-src に隠し、src を公開しないJavaScript実装です。インデックスされないリスクがあります。ネイティブの loading="lazy" またはIntersectionObserverを使い、クリックやスワイプではなく、見えるときに画像が読み込まれるようにします(“Google Search does not interact with your page” (翻訳)「Google検索はページを操作しません」)。
  • LCP画像は決して遅延読み込みしない。 最も多く破られるルールです。画面上部で最大の画像(通常はヒーロー)は、loading="eager"fetchpriority="high" で早く読み込みます。LCP画像の遅延読み込みは理由なくLCPを数百ミリ秒遅らせることがあります。

レスポンシブ画像

異なるビューポート向けに解像度を変える srcset + sizes と、アートディレクションや形式切り替えに使う <picture> を利用します。次の2点を混同しないでください。

  • フォールバックの src を必ず含める。 上記のとおり、クローラーと古いブラウザーには必要です。
  • すべての候補に到達できるようにする。 フォールバックの src に適用するアクセスルール(ブロックされていない、認証の背後にない、無効なURLではない)は、各 srcset/<picture> 候補にも適用されます。発見できない候補は、フォールバックが正常でも役に立ちません。
  • URLをページと一貫させる。 画像サイトマップに置く画像URLは、ページが実際に使うURLと同じにします。モバイルとデスクトップで異なる画像URLを配信しないでください。Googleはモバイルファーストのクローラーであり、新しいURLのランキング履歴を再構築する間、異なるURLが一時的に画像トラフィックを失わせます。

画像の構造化データ

構造化データは、画像関連のリッチリザルトとバッジを可能にします。

  • license プロパティ付きの ImageObject によって、Google画像検索のライセンス可能バッジの対象になります。必須フィールドは contentUrl と、creatorcreditTextcopyrightNoticelicense のうち少なくとも1つです。バッジ自体には license + acquireLicensePage を追加します。
  • ProductとArticleの構造化データでは、複数のアスペクト比(一般的には16:9、4:3、1:1)を持つ画像配列が求められます。画像を含むリッチリザルトには image プロパティが必須です。
  • サムネイルを制御する。 Googleのサムネイル選択は自動ですが、primaryImageOfPage スキーマ、メインエンティティの image プロパティ、または og:image メタタグで影響を与えられます。GoogleはSearchとDiscoverのサムネイルにschema.orgマークアップと og:image の両方を使います。

対象となるマークアップは表示を保証しません。構造化データによってバッジ、画像配列の扱い、サムネイルが可能になっても、実際に表示するかどうかはGoogleがページごとに判断します。

ここは、より広い構造化データのテーマと画像SEOが重なる場所でもあります。商品、記事、画像のリッチリザルトを動かすマークアップは同じ仕組みです。

画像サイトマップ

画像サイトマップは発見のためのツールです。CDNでホストする画像、大規模なギャラリー、通常のクロールでは画像が見つからない可能性があるJavaScript中心のサイトで特に役立ちます。注意点が2つあります。Googleが現在サポートしているのは <image:image><image:loc> だけです(<image:caption><image:title><image:geo_location><image:license> は2022年5月6日に非推奨になりました。ただしBingは現在も使うので、両方に1つのサイトマップを配信するなら残します)。また、画像サイトマップの <image:loc> だけはクロスドメインURLを使える場所です。CDNホスティングには便利ですが、Search ConsoleでCDNドメインを確認してください。仕組みの詳細は画像サイトマップの記事にあります。これは約束ではありません。画像サイトマップはGoogleが見落とす可能性のある画像の発見を助けますが、送信したからといってクロール、インデックス、ランキングは保証されません。

Discoverと大きな画像

DiscoverやGoogleの各種サーフェスで大きな画像プレビューの対象になるには、<meta name="robots" content="max-image-preview:large"> を追加し、大きな画像(幅1 200px以上、高解像度、できれば16:9)を使います。Google自身のケーススタディでは、大きなプレビューを有効にしたことで実際のCTR向上が記録されています(食品ブログはDiscoverからCTR +79 %、ニュースサイトは6か月でCTR +30 % / クリック +332 %)。画像変更の中では、直接測定できる上振れがある数少ない例です。

ストック画像と独自画像

Muellerの立場は率直に引用する価値があります。ストック写真は*“doesn’t matter for web search directly,”* (翻訳)「Web検索には直接関係しません」が、“for image search, if it’s the same image as used in many places, it’ll be harder.” (翻訳)「画像検索では、多くの場所で使われている同じ画像だと難しくなります」。別の発言では、“uniqueness isn’t equivalent to higher quality” (翻訳)「独自性は高品質と同じではありません」とも述べています。自分で撮影した写真だからといって自動的に上位表示されるわけではありません。Web検索だけを気にするならストックを自由に使い、画像検索での可視性が重要なら独自画像を使います。唯一無二の画像には競合する同一画像がないからです。

新しい論点:AI画像のラベル(C2PA / IPTC)

新しく、多くのガイドが見落としているため、取り上げておく価値があります。GoogleはIPTCの著作権フィールドを読み取り、Google画像検索で帰属クレジットとして表示することがあります(無料のブランド露出です)。またIPTC / C2PAメタデータを使ってAI生成画像を識別し、「この画像について」機能で「AI生成」ラベルを表示します。カメラのEXIF(ISO、絞り、GPS)にランキング効果があるという文書化された情報はありません。パフォーマンスのために削除しても、著作権フィールドは保持します。この領域はまだ変化しています。

次に進む場所

このハブは地図です。詳しい記事と関連トピックは次のとおりです。

  • altテキストalt 属性の完全版です。なぜ画像検索のためでWeb検索のためではないのか、アクセシビリティと法的な重要性、書き方のルール、装飾画像、リンクされた画像のアンカーテキスト、大規模監査を扱います。独立記事にする価値があるほど深いサブトピックです。
  • Google画像検索でのランキング — Google画像検索とLensでの可視性を深掘りします。インデックス要件、ライセンス可能な画像、上位ページが今も繰り返す神話を扱います。
  • 画像形式 — JPEG、PNG、WebP、AVIFを詳しく比較します。それぞれが実際に得意なことと、形式を切り替えただけではランキング要因にならない理由を説明します。
  • Core Web Vitals — 画像SEOのパフォーマンス側はこちらです。圧縮、LCP、fetchpriority は、画像の帽子をかぶったCore Web Vitalsの作業です。
  • 構造化データImageObject、Product/Articleの画像配列、og:image によるサムネイル制御は、より広い構造化データの話の一部です。
  • 画像サイトマップ — 発見の仕組み、Googleでは非推奨だがBingでは残るタグ、クロスドメインCDN URLを扱います。

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.