technical seo3 min read

画像SEO: 最適化の完全ガイド

By SEO Inspect Team

10秒であなたのウェブサイトのSEOスコアをチェック!

100%無料 · 無制限チェック · 登録不要

画像SEOが宝の山である理由

Google画像検索は世界2位の検索エンジン。EC・レシピ・旅行サイトでは画像流入が20-30%になることも。最適化はCore Web Vitals(特にLCP)にも直結します。


完璧な画像SEOの5ステップ

1. ファイル名:最初のシグナル

アップ前にファイル名をチェック。Googleはここから内容を推測します。

  • 悪い: IMG_8293.jpg スクリーンショット 2025-01-01.png
  • 良い: mens-leather-jacket-black.jpgのように内容を示す

Tip: 単語はハイフン(-)で区切り、アンダースコアは避ける。

2. Altテキスト:アクセシビリティとSEO

スクリーンリーダー用、かつ画像内容をGoogleに伝えます。

  • 文脈: 何が写っているか具体的に。
  • キーワード: 自然に入るなら主要KWを。

例:

<!-- 悪い -->
<img src="pancakes.jpg" alt="pancakes">

<!-- スパム -->
<img src="pancakes.jpg" alt="最高のパンケーキ ふわふわ パンケーキ 朝食 レシピ food porn">

<!-- 良い -->
<img src="pancakes.jpg" alt="ブルーベリーを載せたふわふわパンケーキの山にメープルシロップをかけている">

3. 最適なフォーマット (WebP, AVIF)

重いPNGを写真に使うのはやめましょう。

  • JPEG: 写真向き、圧縮率良好。
  • PNG: 透過やシンプルな図・ロゴに。
  • WebP / AVIF: 推奨。 JPEGより30-50%軽量で高品質。

4. 圧縮(5MBアップロードはNG)

生画像アップはよくある失敗。5MBはモバイルで数秒待ちになります。

  • 目標サイズ: 大バナーは100KB以下、小グラフィックは30KB以下
  • ツール: TinyPNG, Squoosh.app, ImageOptim。

5. レイジーロード

スクロールで近づくまで画像を読み込まない。初期表示を大幅に高速化。

ネイティブlazy:

<img src="image.jpg" loading="lazy" alt="...">

注: ヒーロー(LCP)画像はlazyにしないでください。指標が悪化します。


10秒であなたのウェブサイトのSEOスコアをチェック!

100%無料 · 無制限チェック · 登録不要

画像サイトマップ

ギャラリーや商品など画像依存度が高い場合、XMLサイトマップに画像を含めGoogleに見つけやすくします。

画像向け構造化データ

レシピ・商品・動画ではSchema Markupを追加すると「リッチリザルト」で画像が目立ちます。

Altが抜けている? 無料のSEOチェッカーでページをスキャン。Altなし画像をハイライトし、アクセシビリティとSEOを即改善。

画像SEO: 最適化の完全ガイド | SEO Inspect