上位表示されて売れるECサイトの商品ページの作り方:必須の15要素、titleとURL、Product構造化データ、バリエーション、在庫、AIショッピングまで解説。

要点
優れたECサイトの商品ページは、購入者が「カートに追加」を押す前に抱くすべての疑問に答えます。どんな商品か、自分のニーズに合うか、総額はいくらか、いつ届くか、合わなかったらどうなるか。検索のためには、独自のタイトルと説明文、すっきりしたURL、クロール可能な画像、そして価格・在庫状況・配送・返品を含むProduct構造化データが必要です。Google ショッピングや、ChatGPT、GeminiなどのAIアシスタントが商品を推薦するときに読み取るのも、まさにこの完全で構造化された情報です。
さらに詳しく知るには、こちらに質問
ECサイトの商品ページは、購入が決まる場所です。Baymard Instituteの商品ページ調査によると、ほぼすべてのユーザーが購入前に商品ページを訪れますが、米国と欧州の主要344サイトのうち、「まずまず」または「良好」な商品ページ体験を提供しているのは49%にとどまります。本ガイドでは重要な要素を挙げ、それぞれをGoogleとAIショッピング向けに最適化する方法を説明し、最後にカタログ全体に使えるチェックリストを紹介します。
商品ページには2種類の読み手がいます。買い物客が求めるのは確信です。正しい商品、正しいサイズ、納得できる総額、簡単な返品。検索エンジンやAIアシスタントが求めるのは、検索クエリと照合できる構造化された、独自で一貫性のある情報です。幸い、この2つのニーズは重なります。明確な文章と正確なデータで購入者の不安を取り除くページこそ、上位表示され、引用されるページです。
| 要素 | 購入者にとっての役割 | SEOとAIにとっての役割 |
|---|---|---|
| 商品タイトル(H1) | 正しい商品を見ていると確認できる | 主要な関連性シグナル、タイトルリンクに使用 |
| 画像と動画 | 商品に触れる代わりになる | 画像検索、ショッピング、販売者リスティング |
| 価格と総額 | 購入を決める | 構造化データとフィードのオファー情報 |
| 独自の説明文 | メリットと使い方を伝える | 重複コンテンツを避け、ロングテールのクエリに対応 |
| 仕様表 | 比較できる | AIアシスタントが抽出・引用する事実 |
| レビューと評価 | 社会的証明 | レビューのスニペット、信頼のシグナル |
| 配送と返品 | 離脱の主な理由を取り除く | 配送・返品ポリシーのマークアップ |
| よくある質問 | 最後の疑問に答える | 質問形式の検索やAIへのプロンプトに対応 |
人が検索する言葉で商品名を付けます。ブランド、商品の種類、型番、主な特徴です(「メンズ 防水 トレイルランニングシューズ」)。H1とtitleタグは多少違っても構いませんが、同じ商品を表している必要があります。
商品名を含む短いスラッグ(/trail-running-shoe-waterproof)を使い、セッションIDやトラッキングパラメータは入れません。GoogleのECサイト向けSEOガイドにはURL構造の章があり、商品またはバリエーションごとに安定したクロール可能なURLを1つ保つよう説明しています。
あらゆる角度、使用シーン、サイズ感、クローズアップで商品を見せます。各画像には説明的なファイル名と代替テキストが必要で、クロール可能でなければなりません。形式と圧縮については画像SEOのガイドで詳しく解説しています。
短いデモ動画は、バッグの開け方や機器の設定方法など、写真では答えられない疑問に答えます。
価格は画像の中だけでなくテキストで表示し、セール情報と送料、または送料無料の明確な条件を添えます。想定外の追加費用は、カート放棄の最大の理由です。
「在庫あり、木曜日までにお届け」は、あいまいな「3 - 5日以内に発送」よりも購入につながります。在庫状況はページでもフィードでも正確に保ちましょう。
まず主なメリット、次に使用シーン、最後に詳細を書きます。メーカーの文章をそのまま使ってはいけません。何百ものストアが同じ段落を掲載しているため、Googleがあなたのページを選ぶ理由がなくなります。用語集の重複コンテンツの項目で、その影響を説明しています。
寸法、重量、素材、互換性、認証はHTMLの表にまとめます。表は人にとって見やすく、機械にとっても抽出しやすい形式です。
サイズ、色、容量のセレクターには、バリエーションごとの在庫状況を表示します。バリエーションごとにURLがある場合は相互にリンクし、1つの商品グループとしてマークします。
平均評価、レビュー件数、最新のレビューを、批判的なものも含めて表示します。Baymardは商品ページのガイドラインの中で最も大きな割合をユーザーレビューに割いており、買い物客がいかにレビューを頼りにしているかがわかります。
返品期間、費用、手順は、フッターのリンクだけでなく購入ボタンのすぐ近くに書きます。
安全な決済手段、保証、問い合わせ先、そして認知度のあるブランドは、初めての購入者を安心させます。
お客様から実際に寄せられる質問に答えます(「洗濯機で洗えますか?」「15インチのノートPCは入りますか?」)。こうした回答は、人々がGoogleやAIアシスタントに入力する質問にも対応します。
メインの「カートに追加」ボタンは1つにし、スマートフォンでスクロールせずに見える位置に置きます。サブのアクション(お気に入り、店舗受け取り)はメインボタンと競合させません。
補完商品、代替商品、購入ガイドは買い物客をサイトに留め、カタログ全体に内部リンクを行き渡らせます。
titleタグの冒頭に商品名と主な特徴を入れ、その後にストア名を置きます。メタディスクリプションでは、送料無料、保証、評価など具体的な利点を伝えられます。
GoogleはProductマークアップを2種類に分けています。商品スニペットは、レビューのように商品を直接購入できないページが対象です。販売者リスティングは、顧客が購入できるページが対象です。販売者リスティングについて、Googleの販売者リスティングのドキュメントは、商品の名前、画像、そしてゼロより大きい価格と通貨を含むOfferを必須としています。さらにGTIN、ブランド、在庫状況、評価、配送・返品ポリシーなどの識別情報を追加することを推奨しており、ポリシーは組織レベルで一度定義するのが理想です。マークアップはschemaジェネレーターで作成し、リッチリザルトテストで確認します。用語集のschemaマークアップとリッチスニペットのページで基本を解説しています。
Googleのドキュメントによると、各バリエーションは固有のURLを持つ場合にリッチリザルトの対象になり得て、バリエーションは商品グループに関連付けられます。複数のバリエーションが1つのURLを共有する場合は、デフォルトのバリエーションを決め、マークアップの価格と在庫状況をページの表示と一致させます。
一時的に在庫切れの商品はページを残し、在庫状況を在庫切れとしてマークし、代替商品を提案します。販売を完全に終了した商品は、後継商品または最も近いカテゴリに301でリダイレクトするか、関連するものがなければ404を返します。すべてをトップページにリダイレクトするのは避けましょう。
構造化データとGoogle Merchant Centerのフィードは連携して機能します。フィードはショッピングタブの無料リスティングとGoogle ショッピング広告で使われるデータを提供します。フィードとページの価格と在庫は同一に保ちましょう。
ChatGPT、Gemini、Perplexityは今や「150ドル以下で一番良い防水トレイルシューズ」といった質問に商品の提案で答えます。GoogleのAIモードはShopping Graphを基盤としており、ChatGPTは2025年に米国で会話内のチェックアウト機能を追加しました。EC統計のページでは、こうしたトラフィックの最初の測定結果をまとめています。選ばれるために商品に必要なのは次の点です。
この変化については、AIショッピングとECにおけるAIのガイドで詳しく解説しています。マーケットプレイスも独自のルールのもとで同じ考え方に従っており、Amazon SEOのガイドで紹介しています。
| チェック項目 | 完了の基準 |
|---|---|
| タイトルとH1 | 商品の種類、型番、主な特徴。キーワードの詰め込みなし |
| URL | 短いスラッグ、パラメータなし、商品またはバリエーションごとに1つのURL |
| 画像 | 複数の角度、説明的な代替テキスト、クロール可能なファイル |
| 価格と送料 | ファーストビューにテキストで表示、送料または送料無料の条件つき |
| 説明文 | 独自、メリットが先、使用シーンあり、コピーなし |
| 仕様 | 購入者が比較する事実をまとめたHTMLの表 |
| レビュー | 平均評価、件数、最新のレビューが見える |
| 構造化データ | Offerを含むProductが、リッチリザルトテストで有効 |
| フィード | 価格、在庫、識別情報がページと同じ |
| よくある質問 | お客様の実際の質問に数文で回答 |
各商品ページで狙うべきクエリを見つけるには、おすすめのEC向けSEOツールのいずれかを使い、ページ周辺の集客経路についてはECマーケティングのガイドを参照してください。
上位表示されて売れる商品ページとは、独自の文章、明確なデータ、一貫した構造化情報で購入者のあらゆる疑問に答えるページです。まずは売れ筋商品からチェックリストを適用し、その後カタログ全体に広げましょう。これらのページに質の高いトラフィックを呼び込む購入ガイドや記事をautopilotで公開するには、ストアをShopify向けSorankまたはその他のプラットフォームに接続し、記事ジェネレーターに商品へのリンクを任せてください。
Googleにとって理想的な長さはありません。シンプルな商品なら100 - 200語程度で十分なこともあれば、技術的な商品や高価な商品では数百語に加えて仕様表とよくある質問が必要なこともあります。購入者のよくある疑問にすべて答えるまで書き、そこで止めましょう。
特定のバリエーションが個別に検索される場合、たとえば実際に需要のある色や容量には、専用のURLを用意します。わずかなサイズ違いのような細かなバリエーションは、セレクターを使って1ページにまとめるほうが通常は効果的です。バリエーションに個別のURLがある場合は相互にリンクし、構造化データで1つの商品グループとして記述します。
事実であるメーカーの仕様は使って構いませんが、説明文は書き直しましょう。多くのストアが同じ段落を掲載していると、Googleがあなたのページを他より上位に表示する理由がありません。使用シーン、サイズ選びのアドバイス、お客様からの質問、自社撮影の写真など、あなたにしか書けない情報を加えてください。
先行導入企業のご紹介
