画像最適化がSEOに重要な理由は？

Googleはページの表示速度（Core Web Vitals）と画像のalt属性をランキング要因として評価します。alt属性は画像の内容をGoogleに伝え、画像検索への表示にも関わります。

WebPとAVIFどちらを使うべき？

AVIFの方が圧縮率は高いですが、対応ブラウザが限られます。2024年現在、WebPがブラウザ対応・圧縮率のバランスが取れており推奨です。

CLSとは何ですか？

累積レイアウトシフト（CLS）はCore Web Vitalsの指標で、ページ読み込み中の予期しないレイアウトのずれを計測します。画像にwidth/height属性がないとブラウザが事前にスペースを確保できず、CLSが悪化します。

画像最適化チェック｜ALT・WebP・CLS・遅延読み込みを自動診断【サイト診断Pro】

画像最適化チェックとは？

ページ内のすべての画像を自動クロールし、SEOと表示速度の観点から包括的に診断するツールです。alt属性の有無からWebP対応、ファイルサイズ、CLSリスク、lazy loading設定まで、Googleが評価するすべての要素をチェックします。

主な機能

🏷️

Alt属性分析

missing/empty/too long/keyword-stuffedを自動判定。スクリーンリーダーとGoogleクローラー向けに最適なalt文を提案。

🎨

フォーマット最適化

JPEG/PNGのWebP/AVIF変換余地を検出。推定削減バイト数を算出し、具体的な削減量を提示。

⚖️

サイズ診断

200KB・500KBを超える大容量画像をフラグ。ページの総画像ウェイトと推定削減量を表示。

⚡

Lazy Loading チェック

ファーストビュー画像のlazy loading（LCP悪化要因）や、スクロール後の画像の遅延読み込み未設定を検出。

📐

CLSリスク検出

width/height属性が未設定の画像を検出。Core Web Vitalsの累積レイアウトシフト（CLS）悪化を防止。

📁

SEOファイル名チェック

IMG_001.jpgなど汎用的なファイル名を検出。キーワードを含む説明的なファイル名への改善を提案。

無料・Proプラン比較

機能	無料 / ゲスト	Pro
分析できる画像数	最大20枚	無制限
1日の利用回数	3回	無制限
alt属性分析	✅	✅
フォーマット最適化提案	✅	✅
ファイルサイズ診断	✅	✅
CLSリスク検出	✅	✅
lazy loading分析	✅	✅
推定削減量計算	最初の20枚のみ	全画像
改善レポートエクスポート	❌	✅

使い方（3ステップ）

①

URLを入力

診断したいページのURLを入力して「チェックする」をクリック。

②

自動スキャン

ページ内の画像を自動検出し、alt・サイズ・フォーマットをリアルタイムで分析。

③

改善を実施

優先度別の改善レポートを参照して、スコアを改善してください。

よくある質問

Googleはalt属性を使って画像の内容を理解します。alt属性がない画像はGoogleが正しく認識できず、画像検索への表示機会を失います。また、アクセシビリティにも必須です。具体的で簡潔なalt属性（125文字以内）を設定することを推奨します。

WebPはGoogleが開発した次世代フォーマットで、JPEGより約30%、PNGより約25%ファイルサイズを削減できます。AVIFはさらに圧縮率が高い（JPEGより約50%削減）ですが、古いブラウザでの対応が限られます。2024年現在、WebPがブラウザ対応と圧縮率のバランスが取れており、まずWebPへの変換を推奨します。

CLS（Cumulative Layout Shift）はGoogleのCore Web Vitalsの一つで、ページ読み込み中に予期せずレイアウトがずれる現象を測定します。画像にwidth・height属性を指定しておくと、ブラウザが事前にスペースを確保できるため、CLSを防止できます。特に記事ページや商品ページで重要です。

ファーストビュー（画面を開いた時点で見える範囲）の画像にloading="lazy"を設定すると、LCP（最大コンテンツ描画時間）が悪化します。最初の1〜2枚の画像はloading="lazy"を設定せず、スクロールしないと見えない画像にのみ設定することを推奨します。

Googleは画像のファイル名を画像内容を理解するシグナルとして使用します。「IMG_001.jpg」のような汎用的な名前より、「tokyo-ramen-shop.jpg」のような説明的なファイル名の方が画像検索での露出が期待できます。また、日本語ファイル名よりもローマ字・英語ハイフン区切りが推奨です。

🖼️ 画像最適化チェックPro

🏷️ Alt属性

🎨 フォーマット最適化

⚖️ ファイルサイズ

⚡ 読み込み最適化

📐 CLSリスク（幅・高さ属性）

📁 SEOファイル名