画像SEOとは?
ファイル名・alt属性・容量の整え方
画像SEOとは、ホームページに掲載する写真や図を、 利用者・検索エンジン・ブラウザが理解しやすく、 快適に表示できる状態へ整えることです。 画像の内容を説明するalt属性、 短く具体的なファイル名、 ページ本文との関連性、 適切な画像形式と圧縮、 画面サイズに応じた画像配信などを組み合わせます。 alt属性へ検索キーワードを大量に詰め込んだり、 すべての画像へ同じ説明を設定したりすることが 画像SEOではありません。 装飾だけの画像には空のalt属性を使い、 情報を伝える写真や図には、 そのページ内で画像が果たす役割を簡潔に説明します。 また、撮影時の大きな画像をそのまま掲載すると、 表示速度やCore Web Vitalsへ影響する可能性があります。 本記事では、ファイル名・alt属性・キャプションの違い、 JPEG・PNG・WebP・AVIF・SVGの使い分け、 WordPressのメディアライブラリで確認する場所、 遅延読み込みや画像サイズ指定、 Google画像検索へ見つけてもらうための基本まで解説します。
意味を伝える
画像単体ではなく、見出し・本文・キャプションを含むページ全体で内容を説明します。
形式と容量を調整
数MBの原本をそのまま使わず、画質を保てる範囲で縮小・圧縮します。
画像領域を確保
読み込み前から画像の比率を伝え、文章やボタンの予期しない移動を防ぎます。
画像SEOは検索キーワードの設定ではなく 発見・理解・表示・操作を整えること
画像検索への掲載だけでなく、通常の検索結果やページの利用体験にも関係します。
軽さ・安定・権利
Googleは、画像のaltテキストだけで内容を判断するわけではありません。 画像の近くにある本文やキャプション、 ページ全体の主題、ファイル名、 コンピュータービジョンなど複数の情報を組み合わせて、 画像の内容と掲載ページとの関係を理解します。
そのため、画像だけを最適化しても、 ページ本文が画像と無関係だったり、 利用者が必要とする説明が不足していたりすれば、 十分な画像SEOとは言えません。 画像は関連する文章の近くへ配置し、 ページの目的を補足する役割を持たせます。
さらに、画像容量が大きすぎると表示開始が遅れ、 大きなメイン画像がLCPへ影響することがあります。 幅・高さを指定しない画像は、 読み込み後に本文を押し下げてCLSを悪化させる場合があります。 検索と表示速度を別作業にせず、同時に整えることが重要です。
ファイル名は短く具体的にし 画像を関連する文章の近くへ置く
ファイル名は補助的な手掛かりです。ページ本文とalt属性を優先します。
IMG_4837.jpgや
image1.pngのままではなく、
写真の対象が分かる名前へ変更してからアップロードします。
施工事例の写真なら、 対応内容、地域、期間、変更点などを近くの本文で説明します。
画像だけを並べるより、利用者とGoogleが意味を理解しやすくなります。撮影場所、施工前後、商品名、 図の結論など、読者にも見せたい情報を画像の近くへ表示します。
すべての画像へ必須ではなく、理解を助ける場合に使います。画像の目的を明確にし、 個人情報・不要な背景・位置情報の写り込みも確認します。
英数字とハイフンを使い、 短く読みやすい名前にすると管理しやすくなります。
写真や図が証明・補足している内容を、 テキストでも分かるように説明します。
同じ意味の写真を大量に並べず、 比較・信頼・理解に役立つ画像を選びます。
alt属性は画像の見た目を並べるのではなく その場で必要な意味と役割を伝える
同じ画像でも、掲載する文脈によって適切なaltテキストは変わります。
必要な情報を伝える
alt属性は、画像を表示・認識できない利用者へ、 画像が伝えている内容や機能をテキストで提供するためのものです。 スクリーンリーダーを利用する人、 画像が読み込まれない環境の人にとって重要であり、 Googleも画像の主題を理解する情報として利用します。
情報を伝える写真では、 「誰・何が・どのような状態か」を ページの目的に必要な範囲で簡潔に説明します。 画像内の文字が本文に存在せず、 読者が知る必要がある場合は、 その文字内容もaltへ含めることを検討します。
一方、区切り線、背景模様、雰囲気づくりだけの写真など、
本文の理解に情報を追加しない装飾画像は、
alt=""の空のalt属性にします。
alt属性そのものを省略するのではなく、
意図的に空へすることで、支援技術へ装飾であることを伝えます。
alt=""
読み上げが不自然になり、利用者体験を悪化させます。 Googleからスパムと見なされる可能性もあります。
何が写っているか分からないため、 情報画像では具体的な内容を説明します。
「IMG_3827.jpg」では意味を伝えられません。 画像の役割に合わせて書きます。
周辺に同じ説明がある場合は、 読み上げの重複を避けるよう簡潔にします。
ページの理解に不要なら空のaltへし、 読み上げの負担を増やさないようにします。
WordPressの初期値をそのまま使わず、 掲載場所ごとの文脈を確認します。
表示する大きさへ縮小し 用途に合う形式で画質と容量を調整する
一律のKB目標ではなく、画像の用途・寸法・画質・表示位置で判断します。
記事本文、カード、メインビジュアルなど、 パソコンとスマホで表示される最大幅を確認します。
数千ピクセルの撮影原本を、 数百ピクセルの枠へそのまま配信しないようにします。
写真、透過、図、ロゴ、アニメーションを分け、 画質と容量を比較します。
商品の細部、施工状態、文字、 肌や料理など、必要な情報が失われていないか確認します。
srcsetとsizesにより、 端末の画面幅へ合う画像候補をブラウザが選べる状態にします。
適切なサイズ、次世代形式、LCP要素などの診断から 大きな改善候補を探します。
画面外の画像は遅延読み込みし 主要画像は早く読み込める状態にする
lazy loadingは一律に付けるのではなく、画像の表示位置で使い分けます。
下部は遅延
loading="lazy"を設定すると、
画面から離れた画像の読み込みを
必要になるまで遅らせることができます。
記事後半の写真や一覧の下部などでは、
初期表示の通信量を減らす助けになります。
ただし、ファーストビューのメイン画像や、 LCPの対象になる可能性が高い画像まで遅延読み込みすると、 肝心な内容の読み込み開始が遅れる場合があります。 画面上部の主要画像は通常読み込みまたは適切な優先設定とし、 実際のLCP要素を測定して判断します。
また、遅延読み込みする画像にも width・height属性やCSSのaspect-ratioなどで 表示領域を事前に確保します。 読み込み後に画像の高さが追加されると、 本文やボタンが動き、CLSを悪化させる可能性があります。
ブラウザが読み込み前から縦横比を把握でき、 画像領域を予約しやすくなります。
max-width:100%などを利用し、
画面幅を超えずに比率を保って表示します。
思い込みで設定せず、 PageSpeed InsightsやDevToolsでLCP要素を確認します。
スマホ・パソコン、初回表示、 キャッシュなしの状態で崩れや遅延を確認します。
WordPressの自動機能を活用し 公開HTMLと画像URLを実際に確認する
メディアライブラリの入力内容と、ページに出力されたHTMLが一致するとは限りません。
WordPressへ撮影原本をそのまま入れず、 用途に合う画像を準備します。
ファイル名、形式、容量、寸法、 altテキスト、タイトル、キャプションを確認します。
メディアライブラリのaltを初期値として使いながら、 ブロックやテンプレートの文脈に合わせます。
WordPressは複数サイズを生成し、 srcset・sizesにより端末に合う画像を選びやすくします。
img、src、srcset、sizes、alt、 width、height、loadingの出力を確認します。
ページと画像がrobots.txtや認証で遮断されず、 正常な画像URLを返しているか確認します。
Googleはimg要素のsrc属性から画像を見つけます。 重要画像をCSS背景だけへ置かないようにします。
同じ画像を複数URLで配信せず、 キャッシュ・管理・クロールを整理します。
JavaScriptやCDNなどで通常クロールから見つけにくい画像がある場合に検討します。
画像単体だけでなく、 画像を掲載するページがクロール・インデックス可能か確認します。
掲載前に画像の役割を決め 公開後にHTML・速度・見え方を確認する
画像SEOはアップロード時だけでなく、差し替え・更新・削除まで含む運用です。
商品理解、店舗案内、事例証明、 手順説明、装飾のどれかを明確にします。
自社撮影、素材サイト、提供写真、 人物・車両・住所などの扱いを確認します。
アップロード前に不要部分を切り抜き、 表示用途へ合わせて軽量化します。
情報画像は意味を説明し、 装飾画像は空のalt属性にします。
上部の主要画像と画面外画像を分け、 width・heightを設定します。
スマホ表示、画質、alt、画像URL、 PageSpeed Insights、リンク切れを確認します。
写真の魅力を残しながら 検索・表示速度・問い合わせ導線を整える
画像選定、alt、容量、表示位置、スマホ表示を一つの作業として確認しましょう。
合わせて確認したい内容
- 写真の目的と掲載場所
- ファイル名と画像URL
- alt属性とアクセシビリティ
- JPEG・PNG・WebP・AVIFの使い分け
- 画像寸法・圧縮・レスポンシブ配信
- LCP画像と遅延読み込み
- width・heightとCLS対策
- WordPressのメディア管理
※画像SEOの調整によって、 Google画像検索への掲載、検索順位、アクセス数、 問い合わせ数が必ず向上することを保証するものではありません。 ページ本文の品質と、画像が利用者へ提供する価値を合わせて改善してください。
表示速度の改善方法を見る →画像の意味・軽さ・表示位置を整えよう
画像SEOでは、 画像の内容を表すファイル名、 文脈に合ったalt属性、 関連する本文とキャプション、 用途に合う画像形式と容量を整えます。 装飾画像は空のalt属性とし、 画面上部の主要画像と画面外画像で読み込み方を分けます。 WordPressの自動レスポンシブ画像を活用しながら、 公開HTML、スマホ表示、PageSpeed Insightsまで確認しましょう。
本記事は、2026年7月時点で公開されている Google検索セントラル、web.dev、W3C WAI、 WordPress公式情報を参考に作成しています。 Google画像検索、対応画像形式、ブラウザの画像読み込み、 WordPressの画像出力仕様は変更される場合があります。 最新の公式情報と公開ページの実際のHTMLを確認してください。


