SEOのための画像最適化
6 min
画像最適化はSEO（Google画像検索とCore Web Vitals経由）とユーザー体験の両方に影響します。4つの必須アクション：正しいフォーマットを選択（WebPまたはAVIF）、品質を落とさずに圧縮、altタグを設定、遅延読み込みを実装。これらだけでLCPを20〜40%削減できます。
画像はウェブページの重さの平均50〜70%を占めます。最適化されていないと、Core Web Vitalsを悪化させ、ランキングにペナルティを与えます。最適化されると、Google Imagesを通じて追加のトラフィックチャネルを開きます。
適切な画像フォーマットを選ぶ
WebPフォーマットは同等の視覚的品質でJPEGより25〜35%優れた圧縮を提供します。AVIFはさらに優れていますが、2026年のブラウザ互換性はオーディエンスに応じて確認が必要です。
ベクター画像（ロゴ、アイコン、イラスト）はSVGにすべきです：軽量で、スケーラブルで、決して劣化しません。
PNGは透明性や絶対的な品質が必要な画像にのみ有効です — 標準的なウェブコンテキストでは稀なケースです。
- 写真と複雑なビジュアル：WebPまたはAVIF。
- ロゴ、アイコン、イラスト：SVG。
- テキスト入りスクリーンショット：中程度の圧縮WebP（品質80-85）。
- アニメーションGIFは避ける：5〜10倍軽い短いMP4動画に置き換える。
圧縮と適切なサイズ設定
800pxのカラムに表示される3,000px幅の画像は、必要以上に3〜4倍のデータを転送します。圧縮前に必ずリサイズしてください。
サブ画像は100KB以下、ヒーロー画像やメインビジュアルは200KB以下を目安にします。それ以上だとLCPへの影響が測定可能になります。
画像の圧縮とリサイズにより、最適化されていないページの初期読み込み時間を20〜40%短縮でき、Core Web Vitalsスコアに直接影響します。
ウェブパフォーマンスとSEOに関する業界調査2025-2026年
altタグ、ファイル名、構造化データ
altタグはGoogleが画像に関連付けられる唯一のテキストです。視覚的なコンテンツを正確に説明し、関連性があれば自然にキーワードを組み込む必要がありますが、無理に入れてはいけません。
ファイル名は二次的ですが有用です：ハイフンで区切ったキーワードを使用します（seo-image-optimisation.webp）。IMG_4821.jpgは避けましょう。
商品画像や重要なビジュアルには、Google ImagesとリッチリザルトでのVisibility向上のためSchema.orgのImageObjectまたはProductの構造化データを追加します。
遅延読み込みとパフォーマンス
遅延読み込みはビューポートに入ったときのみ画像を読み込みます。これによりページの初期重量が軽くなり、FCP（First Contentful Paint）スコアが向上します。
注意：ヒーローまたはLCP画像には遅延読み込みを絶対に適用しないでください — Googleとブラウザはすぐに読み込む必要があります。この優先画像にはloading="eager"を使用するかattributeを省略してください。
- 初期ビューポート外のすべての画像にloading="lazy"を追加する。
- レイアウトシフト（CLS）を防ぐためにwidthとheight属性を明示的に定義する。
- ユーザーの画面に応じた解像度を提供するためにsrcsetを使用する。
FAQ
遅延読み込みはブラウザにネイティブでサポートされていますか？
はい、ChromeとモダンブラウザはGoogle2019年以来、Firefox は2021年からサポートしています。ほとんどのサイトでloading="lazy"属性だけで外部JavaScriptライブラリなしで十分です。
GoogleはWebP画像をインデックスしますか？
はい、GoogleはWebPとAVIF画像を問題なくサポートおよびインデックスします。これらのフォーマットは、ページ重量を減らすためにGoogleのPageSpeed Insightsガイドラインでも推奨されています。
altタグがないとSEOにペナルティがありますか？
直接的なペナルティはありませんが、コンテキストシグナルをGoogleから奪い、Google Imagesでのインデックスから画像を除外します。ECサイトや画像の多いブログでは、altタグの欠如は大きなトラフィック損失を意味します。