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を即改善。