多くのEコマースストアは代替テキストを空白のままにするか、ファイル名をそのまま使うか、「商品画像」といった汎用的な文言を書いています。5枚の写真がある商品が500点あるカタログでは、2,500件のGoogleへのシグナルが失われ、Googleの画像検索からの2,500件の流入機会を逃していることになります。代替テキストは、あらゆるEコマースストアが活用できる最もコスト効率の高いSEO施策のひとつです。正しい書き方をご説明します。
代替テキストとは何か、なぜ重要なのか
代替テキスト（<img>タグのalt属性）は、画像の内容を説明する短いテキストです。Eコマースストアにとって重要な2つの目的のために設計されています。
ひとつ目はアクセシビリティです。視覚障害を持つ買い物客が使うスクリーンリーダーは、画像に出会うと代替テキストを読み上げます。視覚に障害のある顧客が商品ページを閲覧する際、代替テキストだけで何が表示されているかを理解できる必要があります。多くの国ではアクセシビリティ法令上の法的要件でもあります。
ふたつ目はSEOです。検索エンジンは人間のように画像を見ることができません。画像の内容を理解するために、代替テキスト、ファイル名、周囲のテキスト、構造化データに依存しています。Googleはこの情報を使ってGoogle画像検索に画像をインデックスし、Google ショッピングの商品リストを検証します。代替テキストのない画像は検索エンジンにとって事実上見えません。
代替テキストがEコマースSEOに与える影響
Google画像検索は、ほとんどの出品者が見落としている購買チャネルです。「ダークブラウン レザー チェルシーブーツ メンズ」をGoogle画像検索で検索している買い物客は、発見の瞬間に購入意欲の高い見込み顧客です。正確な代替テキストを持つあなたの商品画像がそこにランクインすれば、そのクリックは直接商品ページに導かれます。
Google画像検索からのトラフィックは、クリックする前にすでに商品を視覚的に確認しているため、通常のオーガニック検索トラフィックよりも質が高い場合があります。直帰率は低く、ページ滞在時間は長い傾向があります。
画像検索にとどまらず、代替テキストは商品ページ全体のキーワード関連性にも貢献します。Googleはページのトピックを判断する際に、画像属性を含むページ上のすべてのコンテンツを評価します。
Google ショッピングでは、フィード経由で送信された商品画像が、リストの構造化データとともに評価されます。対応するランディングページの画像のalt属性は、リストの品質を支えるクロスリファレンスシグナルを提供します。
優れた商品代替テキストの公式
Eコマース商品画像のプロフェッショナルな代替テキストは、一貫した構造に従います：
[ブランド] [商品名] [主要属性] [色・素材・サイズ（該当する場合）] [アングル・ビュー（該当する場合）]
茶色のレザーブーツの写真に適用すると：
- 良い例： 「BLACKFOX DIGITALが編集したメンズレザーチェルシーブーツ ダークブラウン サイドビュー」
- 短すぎる： 「靴」 — Googleにほとんど情報を伝えない
- 無意味： 「IMG_4521.jpg」 — 説明的な価値がないカメラのファイル名
- キーワード詰め込み： 「安い靴を買う レザーシューズ メンズシューズ ブーツ オンライン」 — 説明ではなくスパムシグナル
代替テキストは5〜15語の範囲に収めましょう。買い物客がそれらの言葉で検索するため、色と素材を含めてください。ギャラリー内で各代替テキストが固有になるよう、サブ画像にはアングルを明記してください。
避けるべきこと
SEOに積極的な悪影響を与えるか、何のメリットももたらさない一般的なパターンがいくつかあります：
- キーワード詰め込み： Googleはこのパターンにペナルティを与え、スクリーンリーダーはそのまま読み上げます — 視覚障害を持つ買い物客にとって悪い体験です。
- 汎用的な説明： 「商品画像」「写真」「画像1」はキーワードシグナルも、アクセシビリティ価値ももたらしません。
- 空白のまま： 空のalt属性（alt=""）は純粋に装飾的な画像にのみ適切です。商品写真では、Googleがシグナルを受け取れないことを意味します。
- ファイル名を使用する： ファイル名がDSC_0042.jpgの場合、それが代替テキストになります — Googleには何も伝わりません。自動入力された代替テキストは必ず上書きしてください。
画像タイプ別の代替テキスト
ほとんどの商品リストは複数の画像を使用しています。各画像タイプは、実際に何を示しているかに合った代替テキストを持つべきです。
メイン商品画像
これは検索結果や商品ページの上部に表示される画像です。最も完全な代替テキストを持つべきです — ブランド、完全な商品名、主要属性、色、素材。
アングルショット
正面、背面、側面、斜めのビューはそれぞれ異なる詳細を示しています。アングルを明示して各代替テキストを固有に保ち、アングル固有の検索が正しい画像を見つけられるようにしてください。
ライフスタイルショット
シーンと商品の両方を説明します：「秋の石畳にダークブラウンのレザーチェルシーブーツを履いた女性」。これらの画像は、純粋な商品写真では届かない憧れの検索クエリでランクインできます。
詳細・クローズアップショット
表示されている具体的な詳細を説明します：「ダークブラウンのレザーチェルシーブーツのダブルステッチウェルト詳細」。これはスクリーンリーダーのユーザーが各クローズアップが何を追加しているかを理解するのに役立ちます。
プラットフォーム別の注意事項
代替テキストの設定方法は、ストアのプラットフォームによって異なります。
Shopify
Shopifyには、各商品画像に専用の代替テキストフィールドがあります。商品エディタで画像をクリックし、「代替テキストを編集」を選択することでアクセスできます。Shopifyはこのフィールドを自動入力しません。
WooCommerce
WooCommerceはメディアライブラリレベルで代替テキストを保存します。画像をアップロードする際、添付ファイルの詳細パネルの「代替テキスト」フィールドを入力してください。この値は、サイト全体でその画像が使用されるすべての場所に引き継がれます。
Amazon
Amazonのアーキテクチャは標準的なHTMLストアとは異なります。従来の代替テキストは出品者が直接コントロールできません。代わりに、ブランド登録した出品者向けのA+コンテンツとリスティングのバックエンドキーワードフィールドを通じて設定します。商品タイトル、箇条書き、検索キーワードに注力してください。
Etsy
Etsy出品者は、各リスティング画像で利用可能な画像説明フィールドを入力する必要があります。これはEtsyにおける代替テキストの相当物であり、アクセシビリティと内部検索アルゴリズムの両方に使用されます。
ファイル名も重要
代替テキストとファイル名は連携して機能します。Googleは画像をインデックスする際に両方を読み取ります。アップロード前にファイルを説明的に命名し直してください：
- 良い例： mens-dark-brown-leather-chelsea-boot-side-view.jpg
- 悪い例： DSC_0042.jpg または image (3).jpg
区切り文字にはハイフンを使用してください（アンダースコアは不可 — Googleはアンダースコアを接続詞として扱います）。画像はアップロード後ではなく、前に命名し直してください。
クイック監査：不足している代替テキストを見つける
最も素早い方法は、Screaming Frog SEO Spider（500 URLまで無料）でサイトをクロールすることです。クロール後、Imagesタブに移動して「Missing Alt Text」でフィルタリングします。alt属性がないすべての画像URLのリストが得られます。
Screaming Frogがない場合は、個々のページを手動で検査できます：右クリック、「ページのソースを表示」、alt=""を検索。既存のカタログで不足している代替テキストを修正することは、あらゆるEコマースストアで最も素早いSEO改善のひとつです。
大規模なカタログ全体への代替テキストのスケーリング
500以上のSKUに個別に代替テキストを書くのは大変な作業ですが、バッチ戦略を使えば管理しやすくなります。重要なのは、各代替テキストをゼロから書かないことです。製品をカテゴリ別にグループ化し、各カテゴリに1つのテンプレートを作成して、個々の商品ごとに変数を埋めていきます。
例えば、フットウェアのテンプレートは次のようになります：[ブランド] [性別] [スタイル] [素材] [色] [アングル]。このテンプレートを50足のブーツに適用するのは、50個の個別説明をゼロから書くよりもはるかに少ない時間で済みます。生成される代替テキストは一貫性があり、正しく構造化されており、変数の値が変わるため互いに区別できます。
スプレッドシートのワークフローでこれをスケーラブルにできます：列Aに画像URL、列Bにテンプレートから作成した代替テキスト案、列Cにレビューと承認済みのマークを入れます。これにより完全な監査証跡ができ、チームメンバーに引き渡したり、プラットフォームのCSVインポートツールで一括インポートしたりするためのファイルになります。Screaming Frogのエクスポートを出発点としてインポートし、空白または薄い代替テキスト行の列Bを埋めていきます。
代替テキストと構造化データを併用する場合
代替テキストとスキーママークアップは補完的な目的を果たします。どちらかを選ぶ必要はありません。代替テキストは人間が画像で見るものを説明し、構造化データは機械に対して製品が何であるかを説明します。両方のシグナルは異なるチャネルを通じてGoogleに届き、互いを強化します。
schema.org/Productタイプには、機械可読な形式でGoogleに製品画像を示すimageプロパティが含まれています。これにより、クローラーは画像が存在するだけでなく、特定の製品の権威ある視覚的表現であることを認識します。同じ画像に適切に書かれた代替テキストと組み合わせることで、互いを裏付ける2つの独立したシグナルが生まれます。
ImageObjectスキーマタイプはさらに進んでいます。画像自体にname、description、contentUrlを指定できます。これはページの代替テキストがすでに伝えているすべてを強化する構造化データ層です。Googleショッピングでは、ランディングページの代替テキストがリッチリザルトを補強します。実用的なルール：複製しないこと。代替テキストはビジュアルを説明し、スキーマは製品を説明します。
BLACKFOX DIGITALはどのように代替テキストを扱うか
BLACKFOX DIGITALに商品写真の編集を依頼すると、視覚的だけでなく技術的にも使用準備が整った画像を受け取れます。ご要望に応じて、上記の公式に従って作成した各納品画像の推奨代替テキストを納品メモに含めてお届けします。
これにより、編集済みの画像と対応するSEOテキストを1回の納品で受け取ることができます。義務なしで無料トライアルで品質をご確認ください。
