ShopifyのECサイトで商品情報をカスタマイズする方法｜メタフィールド設定・テーマ表示・構造化データ対応ShopifyのECサイトで商品情報をカスタマイズする方法｜メタフィールド設定・テーマ表示・構造化データ対応ShopifyのECサイトで商品情報をカスタマイズする方法｜メタフィールド設定・テーマ表示・構造化データ対応

はじめに：Shopify標準の商品情報では足りないケース

Shopifyの標準商品フォームには、商品名・価格・在庫・バリアント・説明文といった基本項目が用意されています。しかし、業態や商品カテゴリによっては標準項目だけでは表現しきれない情報が出てきます。

• アパレル：素材・産地・洗濯表示・生地の厚み
• 食品：原材料・アレルゲン・内容量・製造工場
• 家具・インテリア：素材・寸法・耐荷重・仕上げ
• 化粧品：全成分・使用方法・使用上の注意・容量

こうした商品固有の属性情報は、商品ページに掲載することで購買判断の後押しになります。Shopifyでは「メタフィールド」という機能を使って、標準にない商品属性をカスタマイズして追加できます。

Shopifyのメタフィールドとは

メタフィールドは、Shopifyの商品・コレクション・顧客・注文などのオブジェクトに独自のデータ項目を付加できる機能です。Shopify管理画面から定義でき、追加した属性は商品編集画面に入力欄として表示されます。

設定できる主な属性タイプ

タイプ	用途の例
テキスト（1行）	素材名・産地・色名
テキスト（複数行）	仕様説明・注意事項
数値	重量（g）・容量（ml）
URL	仕様書リンク・証明書ページ
ファイル	PDFスペックシート
参照（メタオブジェクト）	ブランド情報・サイズガイド

管理画面での定義手順

1. Shopify管理画面にログインする
2. 「設定」→「カスタムデータ」→「商品」を選択する
3. 「定義を追加する」から属性名・タイプを設定する

一度定義すると、商品編集画面の下部に入力欄が追加され、商品ごとに値を設定できるようになります。

メタフィールドをフロントエンドへ出力する

管理画面でメタフィールドに値を入力しても、そのままでは商品ページに表示されません。Shopifyテーマのテンプレート（Liquid）を改修して、フロントエンドへ出力する実装が別途必要です。

Liquidでのメタフィールド出力

Shopify Liquidテンプレートでは、以下のような記述でメタフィールドの値を取得できます。

{{ product.metafields.custom.material }}

名前空間（custom）と属性キー（material）を指定することで、その商品に設定された値を取得して表示できます。

商品スペックセクションの実装

素材・産地・仕様などの属性をまとめて一覧表示するスペックセクションをテーマに追加するのが一般的な実装パターンです。値が入力されている属性のみ表示する条件分岐を入れることで、全商品に同じテンプレートを適用しても未入力項目が空欄で表示されることを防げます。

テーマセクションとして実装しておくと、テーマエディタからオン・オフの切り替えが可能になり、運用者がコードに触れずに表示制御できます。

構造化データ（JSON-LD）でSEO・GEOを最適化する

メタフィールドに格納した商品属性は、構造化データ（JSON-LD）として出力することで、SEOとGEO（生成AI検索エンジンへの最適化）両面の効果が期待できます。

Googleリッチリザルトへの対応

Googleは商品ページに対して Product スキーマの実装を推奨しており、価格・在庫状況・レビュー評価などをリッチリザルトとして検索結果に表示できます。メタフィールドで管理している属性をJSON-LDに組み込むことで、より詳細な商品情報を構造化された形式でGoogleに伝えられます。

対応できる主なスキーマ属性：material（素材）、color（色）、pattern（柄）、countryOfOrigin（原産国）など。

GEO（Generative Engine Optimization）への効果

ChatGPT SearchやPerplexity、GoogleのAI Overviewなど、生成AI型の検索エンジンは構造化された情報を参照・引用するケースが増えています。JSON-LDで商品属性を正確に記述しておくことで、AI検索エンジンが商品情報を正しく取得・紹介しやすくなります。特に素材・産地・仕様といった具体的な属性情報は、比較検索や質問応答の文脈で引用されやすい情報です。

商品情報カスタマイズを導入するメリット

1. 購買判断の支援 — 素材・産地・仕様など詳細情報を商品ページで確認できるため、問い合わせを減らしながら購買を後押しできる
2. SEOリッチリザルト対応 — 構造化データにより、Google検索での価格・在庫・詳細情報の表示が可能になる
3. GEO対応 — AI検索エンジンが商品情報を正確に引用・紹介しやすくなる
4. 一元管理による運用効率化 — 各商品のスペックをShopify管理画面で一元管理でき、変更・更新が容易になる
5. コレクションの絞り込み強化 — メタフィールドの値をコレクションページでのフィルタ条件として設定でき、購入者が商品を探しやすくなる
6. 差別化コンテンツの基盤 — 競合サイトが掲載していない詳細属性を整備することで、商品ページ自体を長期的な資産として育てられる

弊社の商品情報カスタマイズ支援について

弊社では、Shopifyのメタフィールド定義・テーマへの表示組み込みをセットで対応しています。

対応内容

• Shopify管理画面でのメタフィールド定義（シンプル型・最大5項目）
• 商品スペックセクションのテーマへの組み込み（Liquidテンプレート実装）
• 値が空の属性を自動的に非表示にする条件分岐の実装

費用の目安は +5万円 です。見積もりフォームのSTEP 4で商品情報のカスタマイズを有効にすると、この金額が概算に反映されます。

対応範囲の補足： シンプル型（テキスト・数値・URL）の属性に限り5項目まで対応します。メタオブジェクトを使った複合型の属性設計や、5項目を超える対応については別途ご相談ください。

まとめ

Shopifyの商品情報をカスタマイズするには、管理画面でのメタフィールド定義とLiquidテーマへの表示組み込みが必要です。この実装により、標準項目では表現できなかった素材・産地・仕様などの詳細属性を商品ページに掲載できます。

さらに、メタフィールドの値を構造化データ（JSON-LD）として出力することで、SEOリッチリザルト対応とGEO対応を同時に実現できます。

商品情報の充実は購買体験の向上と長期的な検索資産の形成につながります。Shopify構築の早い段階で設計しておくことで、後からの追加作業を最小限に抑えられます。