spotyou
プロ試験

Domain 112 / 225

Image サイトマップは画像 URL を Google 画像検索に直接伝える拡張形式

Image サイトマップ の要点

Image サイトマップは通常 sitemap.xml に image:image 要素を追加して画像 URL を Google に伝える拡張仕様。HTML 内の <img> タグでクロールできない画像（CSS 背景画像 / JS 動的読み込み）でもインデックス対象に。画像 SEO の補助策

なぜこれを学ぶか

画像 SEO で 「HTML だけでは見つからない画像」を Google に伝える唯一の方法。 CSS 背景画像 / JS で遅延読み込み / 動的生成画像が多いサイトで効く。

画像が多いメディア / EC / ポートフォリオサイトで重要。

学ばないと起きること

よくある事故被害
CSS 背景 / JS 読み込み画像が Google に発見されない画像検索流入機会損失
画像のキャプション / ライセンス情報なし画像評価が低い

学ぶメリット

  • 隠れた画像も Google にインデックス
  • 画像検索流入の最大化
  • 商談で「Image サイトマップ」を即答

仕組み

Image サイトマップの形式

通常 sitemap.xml に image 名前空間追加:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://example.com/page-1</loc>
    <image:image>
      <image:loc>https://example.com/photo-1.jpg</image:loc>
      <image:caption>渋谷の夜景</image:caption>
      <image:title>渋谷スカイ展望台からの眺め</image:title>
      <image:license>https://creativecommons.org/licenses/by/4.0/</image:license>
    </image:image>
    <image:image>
      <image:loc>https://example.com/photo-2.jpg</image:loc>
      <image:caption>渋谷ハチ公前</image:caption>
    </image:image>
  </url>
</urlset>

1 URL あたりの画像数

制約内容
1 URL あたり画像最大 1,000 件
画像 URL同一ドメイン推奨（CDN は OK）

主要プロパティ

プロパティ内容
image:loc画像 URL（必須）
image:caption説明文
image:titleタイトル
image:licenseライセンス URL
image:geo_location撮影場所

キー概念

通常 HTML img タグとの関係

HTML imgImage サイトマップ
発見クローラー自動サイトマップ明示
補完性主軸補助

両方実装で確実。

CSS / JS 画像の対応

CSS 背景画像 / JS 遅延読み込み / Lazy load 画像:

  • 通常クローラーで発見されにくい
  • Image サイトマップで明示的に伝える

画像メタデータとの組み合わせ

データ層用途
HTML img altアクセシビリティ + SEO
Image サイトマップクローラー発見補助
ImageObject 構造化データリッチリザルト
IPTC メタデータ画像ファイル内属性

4 層すべてで画像情報統一が理想。

よくある誤解

よくある誤解実際のところ出典
HTML img があれば Image サイトマップ不要CSS / JS 画像補完で有効Image サイトマップ
image:caption は alt と同じ別物、両方推奨同上

実務での適用

EC サイトでの実装

各商品ページに画像サイトマップ:

  • 商品画像（複数）
  • ライセンス（自社所有）
  • caption（商品名 + 角度）

トラブル別の対処

症状確認すべきこと
画像検索で見つからないImage サイトマップ + alt + 構造化データ

公式ソース

自己テスト

Q1. Image サイトマップが特に有効な状況は？

CSS 背景画像 / JS 遅延読み込み / 動的生成画像など通常クローラーが見つけにくい画像

Q2. 1 URL あたり最大画像数は？

1,000 件

Q3. 画像情報の 4 層は？

HTML img alt / Image サイトマップ / ImageObject 構造化データ / IPTC メタデータ

これらの内容を採点付きで挑戦したい場合は、本ドメインのプロ試験で 5 問形式で確認できる。