Shopifyの商品ページ：何が入っていて、何を載せ、どこから直すか

Shopifyの商品ページとは何か

ストア側から見れば、1商品につき1つのURLがあり、テーマが割り当てた商品テンプレートがその見た目を決めています。管理画面側で編集する画面は「商品詳細ページ」と呼ばれていて、Shopifyのドキュメントはそこに並ぶものを列挙しています。商品名と説明、メディア、カテゴリ、価格、在庫、数量、配送、バリエーション、購入オプション、メタフィールド、商品の開示事項、検索エンジン用の情報、商品ステータス、公開設定、インサイト、商品の分類、テーマテンプレートです。

この並びを読み返すと、大事なことが見えてきます。Shopifyの商品ページは、書き上げる文書ではありません。項目を埋めるデータと、それを並べるテーマの組み合わせです。ここから2つのことが決まります。商品ページの悩みは、だいたいこのどちらかです。

• 説明文に書いたことは、ひとかたまりの文章です。読むことはできますが、それ以上のことはできません。
• 専用の欄に入れたことは、使い回せます。ページの決まった場所に出す、絞り込みに使う、書き出す、販売チャネルに送る、200商品にまとめて入れる。

テーマを変えてもこの性質は変わりません。レイアウトに週末を1つ使う前に、知っておいて損はありません。

標準で用意されているものと、その上限

最近変わったのはバリエーションの数で、アパレルにとっては実害のあった話です。サイズ×色×丈で組むと、少し展開の広い商品はすぐに旧上限の100件にぶつかっていました。Shopifyは2025年10月15日に、全ストアで2,048件へ引き上げました。同じ告知に、対応するGraphQLの商品APIを使っていないアプリは100件を超えると挙動が怪しくなる場合があるという注意も書かれています。サイズ展開の広い商品を扱っているなら、入れているアプリを一度確認してください。

何を載せるべきかは、商品によって変わります

すべての商品に共通する正解の一覧はありません。それを渡してくる記事は、あなたの商品を見ずに推測しています。私たちが使っている判断は、もう少し狭いものです。実店舗で手に取れば確認できて、このページでは確認できないことは何か。この問いに残ったものが、ページに載せるべき情報です。残らなかったものは飾りです。

この差は真面目に扱ったほうがよいと思います。実際に測られているからです。Baymard Instituteの商品ページ調査は、155サイト以上を対象に30,000件以上の商品ページを人手で採点し、2026年3月18日に更新されています。総合評価が「平凡以下」なのは、PCで52%、モバイルで62%、アプリで64%。全体の数字より、内訳のほうが役に立ちます。

• 44%が、商品ページの本文から返品ポリシーを表示もリンクもしていない
• 37%が、大きさの見当がつく比較対象を入れた写真を用意していない
• 23%が、人が着用・使用している写真を載せていない
• 57%が、サイズの選択肢をボタン形式にしていない
• 67%が、支払い総額の目安をページ上で示していない

ここまでが調査結果で、助言ではありません。私たちの読み方はこうです。どれもデザインの問題ではなく、「手に取れないから分からない」の問題です。レイアウトを整えても解決しませんし、すでに知っている事実を書けば解決します。

この表に無いものにも注目してください。「すべての商品ページに全部載せなさい」とは書いていません。適切な5つがあるページは、雑多な30項目があるページより強く、その5つは品目で変わります。扱う品目が1つなら、選ぶのは一度だけです。

アパレルで足りないのは、サイズ・サイズ感・素材

実店舗なら、この情報はタグに書かれていて、お客様は誰にも聞かずに2秒で読みます。オンラインではそのタグに手が届きません。ページに書いていないことは、お客様が推測するか、あなたに問い合わせるかのどちらかです。そしてサイズの推測は、返品になって戻ってきます。

アパレルの商品ページで効くものを、私たちが埋める順に並べます。

• サイズ表。ただし、その数値が何の寸法なのかを明記する。商品の実寸と体のサイズは別の数値で、お客様は日常的に混同します。どちらを載せたのか、どこを測ったのかを書いてください。作り方は実際に使われるサイズ表の作り方で詳しく扱っています。
• モデルの身長と着用サイズ。いちばん安く手に入るサイズ感の情報です。どちらもすでに分かっています。
• サイズ感を普通の言葉で1文。「半サイズ小さめです」「肩まわりはゆったりしています」。お客様の計算を1つ省けます。
• 素材とお手入れ。クレーム対策としてではなく、判断材料としてです。リネン100%と書いてあれば、しわの出方と肌ざわりの見当がつきます。返品との距離については素材とお手入れの情報が返品に近い理由で書きました。
• 写真がきれいに見せてしまうもの。透け感、伸縮、裏地、生地の厚み。少し透けるのであれば、返品のやり取りではなくここで書いてください。

サイズを文章ではなく欄で持つ理由は、もう1つあります。Google Merchant Centerは size 属性を必須にしています。無料リスティングでは「アパレル、アクセサリー > 衣料品」と「シューズ」のすべての商品で、ショッピング広告では日本・アメリカ・イギリス・ドイツ・フランス・ブラジルの衣料品と靴で必須です。さらに、各バリエーションを同じ item_group_id を持つ別商品として送ること、対象国の標準的なサイズ表記を使うことも求められます。同じ事実が2つの仕事をしているので、両方が読める場所に置いてください。

説明文はデータベースではありません

商品ページで最もよく見かける失敗がこれで、同じことをShopify自身がドキュメントに書いています。メタフィールドの説明です。「この情報を商品説明に追加するのではなく、各項目をテーマの独立したセクションに、商品ごとの値で表示できます」。例として挙がっているのは、玩具店の対象年齢と、家具店の寸法です。

この違いは1商品目では出ません。2回目の編集で出ます。欄に入っている事実は、200商品にまとめて入れられ、決まった場所に出せるのでお客様が探す場所を覚え、書き出せて、チャネルに送れます。説明文の中の事実にできるのは、読まれることだけです。

それに、空欄は空欄として見えます。文章の中で1文抜けていることは見えません。「うちのページは何か薄い気がする」が感覚としては分かるのに、どこが薄いのか特定できないのはこれが理由です。その困りごとを起点に書いたのが商品情報チェックリストの5つの質問です。

Shopifyの商品ページとSEO：ページに書いていないことは通りません

先に手数の少ないほうから。ShopifyのSEO案内は、重要なキーワードを前寄りに置いた固有で分かりやすいページタイトル、平易な言葉で書いた固有のメタディスクリプション、画像に何が写っているかを説明する代替テキスト、キーワードの羅列ではなく読める文章を求めています。商品ページには説明的な本文を250語以上という目安も示されています。これは薄いページの下限として見るもので、埋めるために水増しする目標ではありません。

次に構造化データです。面白い決まりはここにあります。販売事業者のリスティングとして扱われるには、Googleは name・image・価格と通貨を含む offers を必須にし、推奨としてこの記事で扱ってきた項目、つまりサイズ・色・素材・ブランド、そして inProductGroupWithID か isVariantOf によるバリエーションの関係を挙げています。現行のShopifyテーマなら必須部分はおおむね自動で出力されますが、想像で済ませずGoogleのリッチリザルトテストで1商品確かめておくほうが早いです。

そして肝心の決まりが、Googleの構造化データのポリシーにあります。「ページの読者に表示されていないコンテンツをマークアップしないでください」、そして「構造化データはページの内容を正しく表したものでなければなりません」。つまりマークアップは抜け道ではありません。ページに一度も出てこない素材を宣言することはできません。順番は、事実を載せてから、それをマークアップで説明する、です。

ここで多くの方が気にしている話につながります。この1年で公開された2つの仕様により、お客様がページを開かずに購入を終えられるようになりました。OpenAIの商品フィード仕様は、商品ID・商品名・説明・URL・ブランド・販売者名・画像・在庫状況・価格を必須とし、サイズ・素材・寸法を追加の属性として定義しています。もう1つがGoogleのUniversal Commerce Protocolです。ShopifyもSpring '26 Editionで自社のカタログをこの経路に載せ、「商品データを自動で標準化し、内容を補う」と説明したうえで、Shopify経由で配信されたデータは「AIチャットでのコンバージョンが2倍」と述べています。この2倍はShopify自身の計測で、算出方法は公開されていません。方向を示す話として読むぶんにはよいのですが、計画の前提には置かないほうが安全です。

3つに共通して言えることは1つです。どれも新しいページ形式やAI用のプラグイン、作り直しを求めていません。求めているのは、同じ商品の事実を、名前の付いた欄に、一度だけ入れることです。商品ページを機械に読める形にする作業は、結局のところ、迷っている人に役立つページにする作業と同じでした。

モバイルと速度：足すほど悪くなる部分

Baymardの内訳で見ておきたいのは、この差です。「平凡以下」はPCの商品ページで52%、モバイルでは62%。同じ情報量で、置ける場所が狭いからです。自分の商品ページをいつもノートパソコンでしか見ていないなら、良いほうの版だけを点検していることになります。

速度には公開された基準があるので、議論の余地がありません。GoogleのCore Web Vitalsは、Largest Contentful Paintが2.5秒未満、Interaction to Next Paintが200ミリ秒未満、Cumulative Layout Shiftが0.1未満を求め、実際の読み込みの75パーセンタイルで判定します。いちばん遅い4分の1の訪問者が結果を決めます。

救いは、情報そのものは軽いことです。実寸とお手入れを1,000語書いても数キロバイトです。重くなるのは、それを表示するために持ち込まれる仕組みのほうで、Shopifyはそこにアプリ単位の上限を置いています。アプリは「ストアフロントのLighthouseパフォーマンススコアを10ポイント以上下げてはならない」。2回読む価値があります。10ポイントは1つのアプリの上限で、アプリの個数に上限を置いている人は誰もいません。この話は情報を足しても、ページを重くしないで分解しました。

損失が大きい失敗

• 寸法が画像の中にしかない。画像のサイズ表は検索もコピーもできず、スクリーンリーダーにも読めず、ページを解析する相手には見えません。
• 事実がすべて説明文の中にある。読むぶんには困りませんが、使い回せません。後からやりたくなること全部の上限が、静かにここで決まります。
• 返品条件がフッターにしかない。調査対象の44%がお客様に探させています。判断されているのは商品ページの上です。
• 大きさの基準になるものも、着用写真もない。それぞれ37%と23%。どちらも次の撮影で無料で直せます。
• 売れ筋の欄が空いている。点検は五十音順ではなく売上順に。20商品あれば、抜けが特定の仕入先か全体かの見当がつきます。
• 仕入先の説明文をそのまま貼る。Shopifyは固有で読みやすい説明を求めていますし、同じファイルは競合にも配られています。
• アプリで解決しようとする。4つのセクションを足すために4つのアプリを入れれば、ページに読み込まれる資産も4組です。入れた後ではなく、入れる前に費用を測ってください。

Shopify商品ページのチェックリスト

1ページ10分、○か×だけ。点数は付けません。

1. サイズや寸法を、ページを離れずに、しかもテキストとして見つけられますか。
2. その数値が商品の実寸なのか体のサイズなのか、はっきり分かりますか。
3. 大きさの見当がつくものが写った写真と、着用または使用している写真がありますか。
4. すべての画像に、何が写っているかを述べた代替テキストがありますか。
5. 素材がページに書かれていて、お手入れの条件も一緒にありますか。
6. 発送までの日数と返品条件が、本文から見えるかリンクされていますか。
7. この商品について最も多く届く問い合わせに、ページが答えていますか。
8. それらの事実は、説明文の中だけでなく専用の欄に入っていますか。
9. 検索エンジン用のタイトルと説明が、初期値のままではなく固有の内容になっていますか。
10. 読み込み中にレイアウトが動きませんか。モバイル回線のスマートフォンでも通りますか。

優先順位を1つだけ挙げるなら、売れ筋20商品の1・5・6から始めてください。お客様が判断できることが変わる、いちばん小さい作業です。

アプリが要る場面と、要らない場面

保存する仕組みはShopifyがすでに用意しています。メタフィールドが自分の欄を持ち、カテゴリを選べばそのカテゴリの属性が付いてきて、ダイナミックソースに対応したテーマなら誰もコードを触らずに表示できます。扱っている商品がそれで足りているなら、それで完了です。何も入れる必要はありません。

足りなくなるのは商品数が増えたときで、足りなくなり方も決まっています。アパレルの商品にどの欄が必要かを決め、カタログ全体に入れ、お客様が読み飛ばさない形でページに並べる。この作業を誰かがやらなければいけません。保存ではなく、ここが仕事です。

その隙間のために作ったのがMitasu for Apparelです。商品ページのアプリブロックとしてアパレルの商品情報を追加するので、テーマのコードを編集する必要がありません。サイズ表と採寸ガイド、モデル着用情報、素材、フィット投票とサイズ信頼度、コーデ例、商品のよくある質問。表やセクションはまとめて割り当てて商品ごとに上書きでき、CSVの取り込みと書き出しにも対応しています。無料プランとProプランがあります。

機能一覧より大事なので、正直な限界も書いておきます。アパレル専用なので、生活雑貨のストアには役に立ちません。商品の説明文を書く機能はありませんし、商品情報を生成する機能もありません。事実はあなたのものです。そして、アプリが検索順位を上げることはありません。効くのは情報を載せることだけで、それはアプリでも、メタフィールドでも、手作業でも同じです。

よくある質問

Shopifyの商品ページとは何ですか？

商品を登録するとShopifyが作るページで、URLは /products/ に商品のハンドル名を付けたもの、見た目はテーマの商品テンプレートが決めます。管理画面では「商品詳細ページ」で編集し、商品名と説明、メディア、カテゴリ、価格、在庫、配送、バリエーション、メタフィールド、検索エンジン用の情報、公開設定、テーマテンプレートが並んでいます。

Shopifyの商品ページには何を載せるべきですか？

実店舗で手に取れば確認できて、画面では確認できないことすべてです。衣類ならサイズと実寸、モデルの身長と着用サイズ、サイズ感、素材とお手入れ。家具なら寸法と搬入・配送です。品目を問わず、発送までの日数と返品条件はページに置いてください。Baymardの2026年の調査では、44%のサイトが商品ページの本文から返品ポリシーを表示もリンクもしていませんでした。

テーマを編集せずに商品情報を追加できますか？

方法は2つあります。1つはメタフィールドで、自分の欄に保存し、ダイナミックソースに対応したテーマならテーマエディタから表示できます。もう1つはテーマアプリ拡張として作られたアプリです。Shopifyのドキュメントは、この仕組みのアプリは「テーマのコードを編集しない」と書いており、ブロックの位置はご自身がテーマエディタで決めます。

サイズ表は商品ページに必要ですか？

衣類と靴なら必要です。しかも画像ではなくテキストで置いてください。お客様のためだけではありません。Google Merchant Centerは size 属性を、無料リスティングでは「アパレル、アクセサリー > 衣料品」と「シューズ」のすべての商品で、ショッピング広告では日本・アメリカ・イギリス・ドイツ・フランス・ブラジルの衣料品と靴で必須にしています。サイズを表の画像の中にしか持っていないと、目のよい人間以外には届きません。

情報を増やすとページは重くなりますか？

文章は重くなりません。実寸を1,000語書いても数キロバイトです。ページを遅くするのは、それを表示するために入れた仕組みのほうです。だからShopifyは、アプリがストアフロントのLighthouseパフォーマンススコアを10ポイント以上下げないよう求めています。何かを入れる前と後で、商品ページを測ってください。