商品カタログの画像SEOはファイルから始まる
ブログに戻る
SEO WooCommerce
Team Katapic
2026/9/10
12 min

商品カタログの画像SEOはファイルから始まる

Googleが読むのは写真の美しさではなく、ファイル、altテキスト、サイズ、image_linkです。WooCommerceの商品カタログの項目を揃える方法を解説します。

商品カタログの画像SEOが項目から始まる理由

WooCommerceの商品カタログにおける画像SEOとは、写真のファイルと各項目を整える作業です。対象となるのは、ファイル名、altテキスト、サイズ、形式、フィード内のimage_linkです。クローラーは人間のように写真の場面を理解するのではなく、URL、ピクセル、alt属性、同じファイルが複数の商品ページで使われているかどうかを読み取ります。空欄の項目や商品タイトルと矛盾する項目があると、ページと検索クエリを結び付けにくくなります。文章の書き直しではなく、まずこれらの項目から整えます。

WooCommerceのショップでは、テーマがすでにProductブロックを出力しています。そこには商品名、価格、在庫状況、商品ページのURLが含まれます。Google Shopping向けのフィードには、image_link、additional_image_link、brand、gtin、またはidentifier_existsが追加されます。通常不足しているのは別のプラグインではなく、400ピクセルの写真、空のalt、3つのSKUで使い回された同じJPEG、表示されている色と一致しないすべて大文字の商品名です。Merchant Centerの「商品 › フィード」では、こうした不足が行単位のエラーとして表示されます。写真の項目に一貫性がないまま説明文を長くしても、クローラーが利用できる情報は変わりません。

注目画像、altテキスト、カタログのimage_link項目が表示されたWooCommerceの商品ページ
商品写真がカタログのSEOに役立つのは、ファイル、alt、image_linkがタイトルと同じ商品を説明している場合です。

ページの文章より先に構造化されたデータを確認する

カタログフィードとは、商品項目(id、title、description、link、image_link、price、availability、brand、gtin、またはidentifier_exists)を名前付きで並べた一覧です。クローラーは販売用の段落を読む前に、これらを1行ずつ読み取ります。

この意味で構造化データは説得力のある文章ではなく、ラベルです。WooCommerceのテーマがページ上に出力するProductマークアップとフィードファイルは、異なる名前で同じ情報を伝えます。image_linkが存在しないファイルを指していたり、titleが「赤」なのに写真が黒かったりすると、クローラーは矛盾として記録します。生成系検索エンジンが適格性の基準を公開しているわけではありませんが、項目に一貫性のあるページのほうが回答に要約されやすいと考えられます。

説明文を変更する前に、各SKUについてフィードに含めるべき情報を一覧にしましょう。1行ずつ手作業で確認する項目は次のとおりです。

  • id:別の商品に再利用しない、安定したSKU。
  • title:強制的な大文字やキーワードの羅列を避けた表示名。
  • description:販売者が確認した事実(素材、サイズ、同梱内容)。
  • link:ログインなしでアクセスできる商品の正規URL。
  • image_link:テーマのサムネイルではなく、公開されたメインファイルのURL。
  • priceとavailability:ショップと一致する価格と在庫状況。
  • brand:実在するブランド。なければ空欄にし、作成しない。
  • gtin、またはメーカーにコードがない場合に設定するidentifier_exists。

新しいものをインストールせずにショップを確認する手順:

  1. WooCommerce › 商品 › すべての商品を開き、代表的な商品ページを1つ開きます。
  2. 商品名、説明、注目画像、ギャラリーを、エクスポートしたフィードの項目と比較します。
  3. Merchant Center › 商品 › フィードを開き、ファイル全体の概要ではなく、そのSKUの行に表示されたメッセージを読みます。
  4. メッセージで指摘された項目(image_link、gtin、title)を先に修正し、その後必要なら長い文章を直します。

クローラーが写真と結び付けやすい商品タイトル

タイトルは商品名項目に入る文字列です。商品そのもの、写真で見える属性、必要に応じてサイズを含め、ショップのカテゴリー名を繰り返さないようにします。

すべて大文字のタイトルや、キーワードだけで作ったタイトル(「花瓶 花瓶 陶器 青 インテリア シャビー」)は、画像との照合に役立ちません。クローラーはtitleとaltを別々の文字列として読みます。商品名と見える特徴を共有していなければ、ページは曖昧なままです。WooCommerceでは、項目は「商品 › すべての商品 › 編集」のページ上部にある「商品名」欄です。商品カタログの要約を商品名の代わりに使ってはいけません。

同じ商品番号での具体例です。変更前:「青い花瓶」。変更後:「青い釉薬の陶器花瓶、高さ18cm」。正面から撮った写真、alt、titleが同じ商品を説明しています。陶器を約40種類扱うカタログなら、素材、見える色、サイズという同じルールを各商品に適用できます。日々の作業に時間をかけにくい場合は、写真を共有している商品や注目画像がない商品からタイトルを直します。そこではツールを使わなくても不一致が分かるためです。

写真と矛盾するタイトルは「最適化が不十分」なのではなく、フィードが矛盾なしには利用できないデータです。

属性、バリエーション、item_group_id

バリエーションとは、サイズ、色、パッケージなどが異なる同じ商品です。タイトルと写真が同じ商品ファミリーに属する場合に限り、フィードではitem_group_idでまとめます。

WooCommerceでは「商品 › 属性」で属性名と値、バリエーションでの利用を設定します。商品ページの「商品データ › バリエーション商品」では値を割り当て、色や形が実際に変わる場合はバリエーションごとに写真を登録します。フィードでは色とサイズがcolorとsizeになり、item_group_idが行をまとめます。すべてのサイズが黒いマネキンの同じJPEGを指しているのにcolorが「赤」となっていると、グループを読み取りにくくなります。

  1. WooCommerce › 商品 › 属性を開き、実際の商品に存在する属性(色、サイズ、素材、パッケージ)だけを作成します。
  2. バリエーション商品でバリエーションを作成し、各行に固有のSKU、価格、色が変わる場合は固有の画像があるか確認します。
  3. フィードをエクスポートし、同じファミリーの行でitem_group_idを共有し、colorまたはsizeが異なることを確認します。
  4. ショップの同じカテゴリーにあるという理由だけで、別の商品をまとめないでください。
約40種類の陶器を扱う職人

小規模なカタログでも、各カップや皿は別々のidになります。本当のバリエーションは釉薬や直径であり、タイトルに「モデル2026」と入れることではありません。SKUごとにろくろの上の商品を撮影した写真が1枚あれば、繰り返し使うムードボードより有用です。素材と色の属性は、title、alt、使用する場合はフィードにも同じ表記で入れます。

同じ商品を複数のチャネルで販売する場合

Amazon、eBay、Etsyなどに商品ページをコピーする際、1枚のトリミング済みJPEGを使い回しがちです。ファイルのハッシュは同じままで、マーケットプレイスには共有画像として扱われます。チャネルごとにマスターファイルを用意し、視覚的な内容は同じにしながらURLを分け、ページの言語でaltを書くほうがよいでしょう。同期のキーはSKUであり、カメラが付けたランダムなファイル名ではありません。

商品写真のファイル、altテキスト、サイズ

WooCommerceの商品カタログで画像を最適化するとは、ファイルについて4つの事実を確認することです。ピクセル数、形式、他のSKUとの重複、そしてキーワードではなく場面を説明するaltテキストです。

altテキストはimgのHTML属性で、写真に何が写っているかを説明する文章です。検索クエリの一覧ではありません。「正面から見た青い釉薬の陶器花瓶、高さ18cm」は利用できますが、「seo 花瓶 陶器 buy online」は適切ではありません。WooCommerceでは「メディア › ライブラリ」の対象項目にある「代替テキスト」欄、または注目画像の下で入力します。ファイルを見ながら、titleをコピーせず、ページの言語で記入します。

サイズについて、Googleは将来的にShopping向けの画像サイズ基準を厳格化する方針を示しているとされ、Metaもすでに大きめの画像を求める傾向があるとされています。正確な期日や数値は公開文書で随時確認することをおすすめします。400×400のJPEGはショーケースに表示される場合もありますが、フィードのimage_linkでは行エラーになる可能性があります。形式はJPEGまたはWebPが使いやすく、マスターファイルの長辺は1200~1600ピクセルを目安にし、素材の細部をぼかさない範囲で容量を抑えます。説明的なファイル名(vase-ceramic-blue-18cm.jpg)はアーカイブに役立ちますが、altやtitleの代わりにはなりません。

  1. メディア › ライブラリを開き、日付順に並べて注目画像として使っているファイルを開きます。
  2. 幅と高さを確認し、短辺が500ピクセル未満なら、CSSで「拡大」するのではなくファイルを差し替えます。
  3. 商品、見える色、構図を説明するaltテキストを入力します。ページで不要ならキャプションは空欄にします。
  4. 商品ページの注目画像をimage_link、ギャラリーをadditional_image_linkとして、同じファミリーでは同じ順番にします。
  5. 複数のSKUで同じファイル名や容量のファイルを検索します。写真が同じで商品が違う場合は、ファイルを分けます。

写真のない商品について、仕様を作ってはいけません。正直な代替策は、作業台で撮影する、価格表PDFから画像を取り出す、手動でアップロードする、権利を確認したうえでウェブ上の画像を探す、または生成したイラストであることを明記することです。イラストのaltには「商品の写真ではなく、花瓶のイラスト」のように書きます。これにより、ページを引用するアシスタントも写真と図を区別できます。

日々の作業に時間をかけにくい場合

一晩でアーカイブ全体の名前を変更する必要はありません。まず注目画像がない公開商品、次にaltが空欄の商品、その後にピクセル数が基準未満のファイルに絞り込みます。「メディア › ライブラリ」と「商品 › すべての商品」を使って3回に分けて進めます。長い文章は、title、写真、altが一致してから取り組みます。

カタログのカテゴリー、タグ、Googleの商品分類

ショップのカテゴリーはメニューを整理するものです。Googleの商品分類(google_product_category)はShoppingの分類体系におけるIDで、フィードに入れるものであり、自由入力のタグで代用するものではありません。

WooCommerceでは「商品 › カテゴリー」でサイトの階層を作り、「商品 › タグ」で横断的なラベルを設定します。タグをキーワードの置き場(「ギフト、シャビー、メイドインイタリー、SEO」)にしてはいけません。有用なタグは、顧客が使うフィルターです(食洗機対応、2個セットなど)。Googleの商品分類は公式リストから選んで確認します。誤ったIDを使うと、写真と意味の合わない売り場に商品が移動します。たとえば花瓶が「家電」に入っていれば、image_linkも疑わしく見えます。

  • ショップカテゴリーは1つの商品につき1つの枝にし、同じSKUに3つの階層を重ねない。
  • 確認済みのGoogle IDを、同じファミリーのすべてのバリエーションで使う。
  • タグは少数に絞り、確認可能なものだけにし、titleを繰り返さない。
  • 「セール」を唯一の分類にしない。クローラーは商品タイプを判断できません。
鮮明な商品写真と、小さすぎてaltテキストが空のカタログファイルの比較
左は説明的なaltがあるマスターファイル、右は500ピクセル未満でaltが空の同じ被写体です。後者はフィードで問題になります。

商品ページでロングテールクエリをカバーする方法

ロングテールクエリとは、素材、サイズ、用途などを含む具体的な検索です。title、属性、alt、説明文が同じ事実を述べているときに、商品ページで対応できます。末尾に類義語の段落を追加することではありません。

例として「手作り 青い陶器 花瓶 18cm」という検索を、ページ末尾の文章ブロックで追いかける必要はありません。titleにサイズ、素材属性に「陶器」、altに構図、説明に「ろくろ成形、青い釉薬」という事実を書きます。この文字列で検索する人には、写真と矛盾せず、アシスタントが引用する可能性のあるページが表示されます。商品ページ下部のFAQ(WooCommerceではテーマの「質問」ブロックであることが多い)は、食洗機対応、サイズの許容差、同梱内容など実際の疑問に使います。Search Consoleのクエリを一覧として貼り付けないでください。

画像に関する項目が安定したら、ページにすでにある事実を使って説明文を書き直します。WooCommerce商品説明文の書き直しツールは、販売者が登録していないブランド、認証、サイズを作らない場合に限り役立ちます。ショップのデータは、ウェブで見つけた文章より優先されます。

商品写真、フィード、WooCommerceページでよくあるエラー

よくあるエラーは、フィードの行メッセージやメディア項目の空欄として現れます。新しい説明文ではなく、指摘されたファイルまたは項目を修正します。

「Image too small [image_link]」。image_linkが指すファイルの一辺が必要な基準を下回ると、Merchant Centerに表示されます。テーマのサムネイルやスマートフォンのスクリーンショットをアップロードした場合に起こります。「メディア › ライブラリ」で短辺500ピクセル以上(できれば1200ピクセル)のマスターに差し替え、注目画像を更新してフィードを再送します。

「Missing image」またはimage_linkが空。注目画像なしでページが公開されているか、URLが公開されていません(保護フォルダー、セッションパラメーターなど)。Cookieなしでアクセスできるファイルをアップロードし、CSVエクスポートで写真のリンク項目を再確認します。

ライブラリのaltテキストが空。WooCommerceは公開を止めないため、クローラーはaltのないimgを受け取ります。「メディア › ライブラリ」でaltなしの項目に絞り込み、写真を見ながらファイルごとに文章を書きます。

異なるSKUで同じファイルを使用。必ずしも1つのメッセージが出るわけではありません。titleでは別商品なのに、ギャラリーが同じという状態が兆候です。商品を複製して注目画像を変更し忘れると起こります。本当に同じ商品ならファイルを共有してもよいですが、別の商品ならSKUごとに撮影またはトリミングしたマスターを用意します。

パッケージ写真の横に「Invalid GTIN」。読み取ったコードの誤り(GS1のチェックデジット失敗)や、作成したコードが原因です。GTINはパッケージ、PDF、販売者のCSV列から取得し、ウェブ検索から作ってはいけません。メーカーにコードがない場合は、欠如を示す値でidentifier_existsを使い、gtinをゼロで埋めないでください。

複数ページで写真を共有しても「作業が減る」とは限りません。クローラーが2つのidを区別する手段を失わせることがあります。

Katapicが写真、項目、カタログスコアに行うこと

KatapicはWooCommerceのカタログを読み取り専用で確認し、各ページの不足を測定します。商品仕様を作らず、確認された項目だけに対応します。

公開カタログのスキャンは、アカウントなしで最大100商品まで確認できます。各ページには、通常検索向けとAIアシスタント向けの2つのスコアに加え、関連性と完全性のスコアがあります。監査エンジンはこの段階でAIを使わず、6つのグループにまたがる43のコード(識別情報と項目、画像、文章、重複、一貫性など)で確認します。各コードには重要度、公開ルールの出典(Google、Meta、OpenAIのドキュメント)、修正箇所が付いています。

画像については、サイズと形式を確認し、複数の商品で共有されているファイルを知らせます。また写真を見て、ページの言語ごとにaltテキストを書きます。Googleは今後、画像サイズの基準を厳格化する可能性があるとされ、Metaも比較的大きな画像を求める傾向があるとされています。最新の基準は公式ドキュメントで確認してください。写真のない商品では、PDF、手動アップロード、権利を確認したウェブ検索、またはイラストであることを明記した生成画像から始められます。AI Act第50条で予定される表示も含め、生成物はイラストとして明示します。無料の修正(常にサイレントではありません)は30日間取り消せます。すべて大文字のタイトルをTitle Caseにする、HTMLを整理する、商品の状態を明記する、メーカーにGTINがないことを示す、バリエーションをまとめる、Googleカテゴリーを確認する、といった修正が対象です。

ページの書き直しには主張の検証機能を使います。ブランド、認証、ブランドの沿革を作ることはありません。ウェブで見つけたサイズが販売者のtitleと矛盾する場合は、販売者のデータを残します。AEOスコアを最初に確認するには、読み取り専用の無料WooCommerce AEOチェッカーを利用できます。Katapicがマークアップを追加することはありません。ショップがすでに公開しているデータを強化します。順位や引用を約束するのではなく、修正すべき項目の一覧と、依頼があれば事実に沿った文章とaltを提供します。

各商品にSEO、AEO、関連性の客観的なスコアが付きますか?

はい。スキャンでは、各ページに通常検索向けのスコア、AIアシスタントへの対応度のスコア、項目の関連性と完全性が表示されます。これは写真、alt、タイトル、識別子などの不足を公開ルールと照合するための指標であり、表示や順位を保証するものではありません。何を先に修正するかを決めるために使います。

商品画像のaltテキストはどう書きますか?

見えているものを説明します。商品、見える色、構図、読み取れる場合はサイズを入れます。ページの言語で1文にし、titleを貼り付けたり、検索クエリを列挙したりしません。WooCommerceでは「メディア › ライブラリ」の代替テキスト、または注目画像の下の欄に入力します。写真ではなくイラストなら、そのことをaltに書きます。空欄のままにするより、簡潔で事実に基づく文章のほうがよいでしょう。

Google Shoppingの商品画像にはどのサイズが必要ですか?

Googleは今後、image_linkのファイルサイズに関する基準を厳格化する可能性があるとされ、Metaも比較的大きな画像を求める傾向があるとされています。最新の要件は公式ドキュメントで確認することをおすすめします。長辺1200~1600ピクセルのマスターなら「Image too small」を避けやすく、素材の細部も保てます。テーマのCSSで拡大しても、フィードが取得するファイルのピクセル数は変わりません。

2つの商品が同じ写真を共有するとどうなりますか?

クローラーは2つのidで同じURLまたは同じファイルを見ます。titleが異なる商品を説明している場合、文章と画像の間に矛盾が生じます。WooCommerceの商品ページを複製して注目画像を変更し忘れると起こります。商品が別物ならSKUごとにファイルを割り当て、見た目が同じバリエーションだけはitem_group_idでまとめて同じファイルを使います。

WooCommerceのカタログ画像はどう最適化しますか?

「メディア › ライブラリ」と商品ページで、ピクセル数、説明的なファイル名、alt、形式を確認します。注目画像をimage_link、ギャラリーをadditional_image_linkにし、商品を覆う透かしは避けます。その後、titleと属性を写真に写っている内容に合わせます。長い説明文は最後に、すでに確認できる事実を使って書き直します。修正後にフィードを再送すれば、一連の確認が完了します。

カタログで写真のない商品はどう扱いますか?

文章だけで空の商品ページを公開してはいけません。実際に撮影した写真、価格表PDFの画像、権利を持つファイル、またはイラストであることを明示した画像を使います。altにも写真ではないことを書きます。ページを埋めるために認証、サイズ、ブランドなどを作ると、その後の事実確認で矛盾が生じます。

Productマークアップは良いimage_linkの代わりになりますか?

いいえ。WooCommerceのテーマはデータベースにあるProduct項目をすでに出力しています。注目画像がない、または小さすぎる場合、マークアップにもその不足が繰り返されます。同じ空欄を持つ2つ目のJSON-LDブロックを追加する必要はありません。ファイルと項目を修正すれば、マークアップとフィードが同じ公開URLを読み取ります。Katapicはマークアップを書きません。ショップがすでに公開しているデータを強化します。

よくある質問

各商品にSEO、AEO、関連性の客観的なスコアが付きますか?
WooCommerceカタログのスキャンでは、各ページに通常検索向けのスコア、AIアシスタントへの対応度のスコア、項目の関連性と完全性が表示されます。写真、alt、識別子などの不足を公開ルールと照合するためのもので、順位や引用を約束するものではありません。
商品画像のaltテキストはどう書きますか?
商品、見える色、構図、写真で読み取れる場合はサイズを説明します。ページの言語で1文にし、メディア › ライブラリまたは注目画像の下に入力します。titleを繰り返したり検索クエリを列挙したりせず、イラストならそのことをaltに書きます。
Google Shoppingの商品画像にはどのサイズが必要ですか?
Googleのドキュメントによると、2027年1月31日からimage_linkは一辺500ピクセル以上のファイルを指す必要があります。Metaはすでにこの基準を求めています。長辺1200~1600ピクセルのマスターなら「Image too small」を避けやすくなります。テーマのCSSではファイルのピクセル数は変わりません。
2つの商品が同じ写真を共有するとどうなりますか?
2つのidで同じURLを使うと、タイトルと画像を結び付けにくくなります。WooCommerceの商品ページを複製して注目画像を変更し忘れた場合に起こります。商品が別物ならSKUごとにファイルを使い、見た目が同じバリエーションだけはitem_group_idでまとめます。
WooCommerceのカタログ画像はどう最適化しますか?
メディア › ライブラリでピクセル数、形式、altを確認し、商品ページでは注目画像をimage_link、ギャラリーをadditional_image_linkにします。その後、商品名と属性を写真に写っている内容に合わせます。長い説明文は、確認済みの事実を使って最後に書き直します。
カタログで写真のない商品はどう扱いますか?
実際に撮影した写真、価格表PDFの画像、権利を持つファイルを使います。代わりにイラストを使う場合は、イラストであることを明記し、altにも書きます。ページを埋めるためにサイズ、ブランド、認証などを作ってはいけません。
Productマークアップは良いimage_linkの代わりになりますか?
いいえ。テーマが出力するProduct項目で写真がない、または小さすぎる場合、マークアップにもその不足が反映されます。ファイルと注目画像の項目を修正し、フィードとページが同じURLを読むようにします。同じ不足を持つJSON-LDを追加しても行エラーは解決しません。

関連記事