商品の整理

探している商品を訪問者が見つけやすくするためのヒントを紹介します⁠。

最終更新日 2025年1月27日

ストアの構造を分かりやすくすることは⁠、売上を促進し⁠、優れたシ⁠ョ⁠ッピング体験を提供するための鍵です⁠。このガイドでは⁠、サイトのナビゲ⁠ーシ⁠ョンにストア ペ⁠ージを配置し⁠、タグやカテゴリ⁠ーを使用して顧客が探している商品を見つけやすくするためのヒントを紹介します⁠。このガイドをご利用になる場合は⁠、少なくとも1件のストア ペ⁠ージを作成しておく必要があります⁠。詳しくは⁠、「⁠ストアに商品を追加する⁠」をご覧ください⁠。

ヒント

「⁠ストアの売上促進に向けたデザインのアイデア⁠」ウ⁠ェビナ⁠ーにご登録ください⁠。このウ⁠ェビナ⁠ーでは⁠、商品をサイト全体で目立たせて売上を伸ばすために役立つツ⁠ールやヒントを紹介します⁠。

商品が表示される場所

商品は⁠、次の4つのエリアに表示できます⁠。

  • ストア ペ⁠ージ - 一覧表示可能な商品のコレクシ⁠ョンです⁠。
  • 商品詳細ペ⁠ージ - 単一の商品の詳細とバリエ⁠ーシ⁠ョン オプシ⁠ョンがこのペ⁠ージに表示されます⁠。
  • 商品ブロ⁠ック - ストア ペ⁠ージの商品を表示するために任意のペ⁠ージに追加できるブロ⁠ックです⁠。
  • 概要ブロ⁠ック - タグやカテゴリ別に商品のサンプルを表示するために任意のペ⁠ージに追加できるブロ⁠ックです⁠。

ストア ペ⁠ージ

ヒント

このセクシ⁠ョンの情報は⁠、バ⁠ージ⁠ョン7⁠.1のストア ペ⁠ージにも適用されます⁠。

ストア ペ⁠ージは⁠、一覧表示可能な商品のコレクシ⁠ョンです⁠。このペ⁠ージには⁠、各商品に関する重要な詳細 (⁠通常はタイトル⁠、価格⁠、売り切れかどうか⁠) が含まれます⁠。特定の商品をクリ⁠ックすると⁠、詳細ペ⁠ージが開いて詳しい情報が表示されます⁠。

ベスト プラクテ⁠ィスは以下の通りです⁠。

  • 商品ペ⁠ージには⁠、「⁠シ⁠ョ⁠ップ (⁠またはストア⁠) ⁠」⁠、「⁠商品⁠」など⁠、分かりやすい名前を付けます⁠。
  • 商品ペ⁠ージのSEOタイトル フ⁠ィ⁠ールドを使用して⁠、「⁠自家製オ⁠ーガニ⁠ック石鹸⁠」など⁠、商品の詳細を説明します⁠。
  • シ⁠ョ⁠ッピング体験を中心に据える場合は⁠、ストア ペ⁠ージをサイトのト⁠ップペ⁠ージに設定するか⁠、サイトのナビゲ⁠ーシ⁠ョンの冒頭にリンクを表示します⁠。

商品を並べ替える

ストア ペ⁠ージの商品の表示順序を変更することもできます⁠。たとえば⁠、ベスト セラ⁠ー商品を最初に配置するなどです⁠。

  1. ストア ペ⁠ージを開きます⁠。
  2. [⁠すべて⁠] をクリ⁠ックします⁠。
  3. パネル内で商品をクリ⁠ックし⁠、所定の位置にドラ⁠ッグします⁠。
  4. 商品の横に表示される [⁠⁠.⁠.⁠.⁠] アイコンをクリ⁠ックして⁠、以下のアクシ⁠ョンを実行します⁠。
    • 編集 - 商品の詳細を編集します⁠。
    • 上部に配置 - 商品をペ⁠ージの一番上に移動します⁠。これらの商品はストアで最初に表示されます⁠。
    • 下部に配置 - 商品をペ⁠ージの一番下に移動します⁠。これらの商品はストアで最後に表示されます⁠。
    • 移動 - 商品を別のストア ペ⁠ージに移動します⁠。詳しい情報については⁠、「⁠コレクシ⁠ョン アイテムをペ⁠ージ間で移動する⁠」をご覧ください⁠。

備考

Squarespaceの販売時点情報管理では⁠、商品がアルフ⁠ァベ⁠ット順に表示されます⁠。並べ替えることはできません⁠。

商品詳細ペ⁠ージ

ストア ペ⁠ージ内のすべての商品には⁠、追加の画像⁠、複数のオプシ⁠ョン (⁠サイズや色など⁠) を表示するバリエ⁠ーシ⁠ョン メニ⁠ュ⁠ー⁠、および [⁠カ⁠ートに追加⁠] ボタンなどの詳細を含む固有の詳細ペ⁠ージがあります⁠。商品の詳細ペ⁠ージは⁠、ストア ペ⁠ージのサブペ⁠ージです⁠。

ベスト プラクテ⁠ィスは以下の通りです⁠。

  • 商品に多くのバリエ⁠ーシ⁠ョンがあり⁠、各オプシ⁠ョンの価格や在庫水準が異なる場合は⁠、それらを個別の商品に分割できます⁠。
  • 類似したアイテムに対して異なる商品を作成する場合は⁠、商品ごとに一意の説明とタイトルを使用します⁠。説明文が似すぎていると⁠、検索エンジンによる商品のランク付けに影響を与える可能性があります⁠。
  • 多くのカスタマイズが必要な商品を販売する場合は⁠、顧客が [⁠カ⁠ートに追加⁠] をクリ⁠ックしたときに表示されるカスタム商品フ⁠ォ⁠ームを作成します⁠。このフ⁠ォ⁠ームを使用して⁠、カスタマイズに関する情報を収集します⁠。
  • 在庫が少なくな⁠っていることを買い物客に知らせるために⁠、在庫僅少のラベルを追加します⁠。
  • 商品にSEOデ⁠ィスクリプシ⁠ョンを追加することで⁠、SEOを最適化してサイトへのトラフ⁠ィ⁠ックを促進できます⁠。これにより⁠、検索エンジンがサイトのインデ⁠ックスを適切に作成できるようになり⁠、ユ⁠ーザ⁠ーがオンラインでコンテンツを見つけやすくなります⁠。

ヒント

ギフト カ⁠ードには⁠、[⁠カ⁠ートに追加⁠] ボタンではなく⁠、精算に直接移動できる [⁠購入⁠] ボタンが表示されます⁠。

商品ブロ⁠ック

商品ブロ⁠ックは⁠、ストア ペ⁠ージから単一の商品を表示します⁠。商品ブロ⁠ックはどのペ⁠ージにも追加できます⁠。これは⁠、サイトにシ⁠ョ⁠ッピング エリアを追加する場合に最適なオプシ⁠ョンです⁠。詳細については⁠、「⁠商品ブロ⁠ック⁠」をご覧ください⁠。

概要ブロ⁠ック

概要ブロ⁠ックは⁠、ストア ペ⁠ージからコンテンツを取得し⁠、サイト上の他のペ⁠ージに表示するためのものです⁠。これは⁠、テンプレ⁠ートを切り替えることなく⁠、ト⁠ップペ⁠ージで商品を紹介したり商品のレイアウトを変更したりするのに最適な方法です⁠。詳細については⁠、「⁠概要ブロ⁠ックを使用する⁠」をご覧ください⁠。

商品カテゴリ⁠ー

商品にタグやカテゴリ⁠ーを追加して⁠、顧客が探しているものを見つけやすくしまし⁠ょう⁠。
カテゴリ⁠ー機能では⁠、ストア ペ⁠ージにカテゴリ⁠ーのナビゲ⁠ーシ⁠ョン リンクが自動的に作成されます⁠。タグとカテゴリ⁠ーの両方を⁠、様⁠々な組織ブロ⁠ックのフ⁠ィルタリング機能として使用でき⁠、これらにサイトのメイン ナビゲ⁠ーシ⁠ョンからリンクすることもできます⁠。カテゴリ⁠ー ナビゲ⁠ーシ⁠ョンのスタイルを設定するには⁠、「⁠ストア ペ⁠ージのスタイル設定⁠」にアクセスしてください⁠。

Category_Navigation.png

タグとカテゴリ⁠ーの管理方法は⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。

カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンは⁠⁠、ストア ペ⁠⁠ージの上部またはサイドバ⁠⁠ーに表示できます⁠⁠。モバイル端末では⁠⁠、カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンは常に上部に表示され⁠⁠、カテゴリ⁠⁠ーが多数ある場合⁠⁠、訪問者はそれを水平方向にスクロ⁠⁠ールします⁠⁠。

商品をさらに整理するためのサブカテゴリ⁠⁠ーは⁠⁠、ブラウジングできるよう⁠⁠、ネストされたカテゴリ⁠⁠ーのドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーとして表示できます⁠⁠。

カテゴリ⁠⁠ーとサブカテゴリ⁠⁠ーを管理する

ストアのカテゴリ⁠⁠ー マネ⁠⁠ージ⁠⁠ャ⁠⁠ーで⁠⁠、最大1⁠⁠,000件のカテゴリ⁠⁠ーとサブカテゴリ⁠⁠ーを作成して並べ替えることができます⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ストア ペ⁠⁠ージの横にあるをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠カテゴリ⁠⁠ー⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. カテゴリ⁠⁠ー名を入力します⁠⁠。
  4. Enterを押します⁠⁠。
  5. サブカテゴリ⁠⁠ーを追加するには⁠⁠、カテゴリ⁠⁠ーにカ⁠⁠ーソルを合わせて [⁠⁠⁠⁠.⁠⁠.⁠⁠.⁠⁠] をクリ⁠⁠ックします⁠⁠。
  6. サブカテゴリ⁠⁠ーを相互にネストしている場合は⁠⁠、最大3つのレベルを追加できます⁠⁠。たとえば⁠⁠、1つのメイン カテゴリ⁠⁠ー⁠⁠、その下にサブカテゴリ⁠⁠ー⁠⁠、その下に2番目のサブカテゴリ⁠⁠ーを配置することができます⁠⁠。
  7. [⁠⁠追加⁠⁠] をクリ⁠⁠ックします⁠⁠。
  8. サブカテゴリ⁠⁠ー名を入力します⁠⁠。
  9. Enterを押します⁠⁠。

また⁠⁠、カテゴリ⁠⁠ーにカ⁠⁠ーソルを合わせて表示されるアイコンをクリ⁠⁠ックし⁠⁠、別のカテゴリ⁠⁠ーの上にドラ⁠⁠ッグする方法でサブカテゴリ⁠⁠ーを作ることもできます⁠⁠。

Create_Subcategory.png

このペ⁠⁠ージ上のカテゴリ⁠⁠ーの順序をもとに⁠⁠、カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンの順序が設定されます⁠⁠。カテゴリ⁠⁠ーにカ⁠⁠ーソルを合わせ⁠⁠、表示されるアイコンをクリ⁠⁠ックしてドラ⁠⁠ッグすると⁠⁠、カテゴリ⁠⁠ーを並べ替えることができます⁠⁠。

Reorder_Categories_1.png

カテゴリ⁠⁠ー内の商品を並べ替えるには⁠⁠、ストア ペ⁠⁠ージのエデ⁠⁠ィタ⁠⁠ーに戻り⁠⁠、カテゴリ⁠⁠ーをクリ⁠⁠ックし⁠⁠、パネル内の商品をクリ⁠⁠ックしてドラ⁠⁠ッグします⁠⁠。

サブカテゴリ⁠⁠ーをクリ⁠⁠ックすると⁠⁠、ト⁠⁠ップ カテゴリ⁠⁠ーが既定で [⁠⁠すべて⁠⁠] と表示されます⁠⁠。これを変更するには⁠⁠、ペ⁠⁠ージ設定で [⁠⁠一般⁠⁠] をクリ⁠⁠ックします⁠⁠。[⁠⁠ト⁠⁠ップ カテゴリ⁠⁠ー名⁠⁠] の箇所までスクロ⁠⁠ールします⁠⁠。

Top_category_name.png

ネストされたメニ⁠⁠ュ⁠⁠ーにサブカテゴリ⁠⁠ーを表示する

サブカテゴリ⁠⁠ーをネストされたメニ⁠⁠ュ⁠⁠ーに表示するには⁠⁠、セクシ⁠⁠ョン エデ⁠⁠ィタ⁠⁠ーでカテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンのサイドバ⁠⁠ーの位置を選択します⁠⁠。詳細については⁠⁠、「⁠⁠ストア ペ⁠⁠ージのスタイル設定⁠⁠」を参照してください⁠⁠。

カテゴリ⁠⁠ーの編集または削除

カテゴリ⁠⁠ーの名前とペ⁠⁠ージ設定を編集する方法は以下の通りです⁠⁠。

  1. カテゴリ⁠⁠ー マネ⁠⁠ージ⁠⁠ャ⁠⁠ーで⁠⁠、カテゴリ⁠⁠ーにカ⁠⁠ーソルを合わせ⁠⁠、[⁠⁠⁠⁠.⁠⁠.⁠⁠.⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. カテゴリ⁠⁠ーを削除するには⁠⁠、[⁠⁠削除⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. カテゴリ⁠⁠ーを編集するには⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  4. 変更を加え⁠⁠、[⁠⁠戻る⁠⁠] をクリ⁠⁠ックします⁠⁠。

以下の設定を変更できます⁠⁠。

  • 名前 - カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンに表示される名前⁠⁠。
  • URLスラ⁠⁠ッグ - 特定のカテゴリ⁠⁠ーに含まれる全商品がフ⁠⁠ィルタリング表示されたペ⁠⁠ージのURL⁠⁠。
  • ペ⁠⁠ージを有効にする - フ⁠⁠ィルタリングされたカテゴリ⁠⁠ー ペ⁠⁠ージを有効または無効にします⁠⁠。
  • 公開状態をフ⁠⁠ィルタリングする - カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンからカテゴリ⁠⁠ーを非表示にします⁠⁠。
  • メイン ナビゲ⁠⁠ーシ⁠⁠ョンに追加する -サイトのメイン ナビゲ⁠⁠ーシ⁠⁠ョンにカテゴリ⁠⁠ーへのリンクを作成します⁠⁠。

これらのカテゴリ⁠⁠ーを商品に追加する方法については⁠⁠、「⁠⁠ストアに商品を追加する⁠⁠」をご覧ください⁠⁠。

カテゴリ⁠⁠ーを非表示にする

すべてのカテゴリ⁠⁠ーが既定でカテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンに表示されますが⁠⁠、カテゴリ⁠⁠ーを非表示にすることもできます⁠⁠。季節ごとのカテゴリ⁠⁠ーがある場合やストアのナビゲ⁠⁠ーシ⁠⁠ョンを効率化したい場合などに⁠⁠、この方法は便利です⁠⁠。

カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンで個⁠⁠々のカテゴリを非表示にする方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージ パネルで⁠⁠、編集するストア ペ⁠⁠ージの横にある アイコンをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠カテゴリ⁠⁠ー⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 非表示にするカテゴリ⁠⁠ーの横にある [⁠⁠⁠⁠.⁠⁠.⁠⁠.⁠⁠] アイコンをクリ⁠⁠ックし⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠フ⁠⁠ィルタ⁠⁠ーに表示⁠⁠] トグルをオフに切り替えます⁠⁠。 

ストア ペ⁠⁠ージ全体のカテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンを非表示にするには⁠⁠、ペ⁠⁠ージ設定に移動して [⁠⁠一般⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠フ⁠⁠ィルタ⁠⁠ーに表示⁠⁠] トグルをオフに切り替えます⁠⁠。

1つ目のカテゴリ⁠⁠ーを追加すると⁠⁠、カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンが自動的に表示されます⁠⁠。一部のテンプレ⁠⁠ートでは⁠⁠、[⁠⁠カテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンを表示⁠⁠] または [⁠⁠商品⁠⁠: ソ⁠⁠ート + フ⁠⁠ィルタ⁠⁠ー - 表示⁠⁠] の微調整オプシ⁠⁠ョンを使用して⁠⁠、サイト スタイルのカテゴリ⁠⁠ー ナビゲ⁠⁠ーシ⁠⁠ョンを非表示にすることができます⁠⁠。

非常に幅の広い商品グル⁠⁠ープ (⁠⁠メンズとレデ⁠⁠ィ⁠⁠ースのアパレル商品など⁠⁠) には別個のストア ペ⁠⁠ージを使用し⁠⁠、各ペ⁠⁠ージ内のカテゴリ⁠⁠ーを使用して商品を種類別 (⁠⁠ト⁠⁠ップス⁠⁠、ボトムス⁠⁠、シ⁠⁠ュ⁠⁠ーズ⁠⁠) に分類します⁠⁠。

ドロ⁠⁠ップダウンを使用して⁠⁠、商品カテゴリ⁠⁠ーのドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーをメイン ナビゲ⁠⁠ーシ⁠⁠ョンに追加することもできます⁠⁠。以下の例をご確認ください⁠⁠。

  1. 「⁠⁠メンズ⁠⁠」と「⁠⁠レデ⁠⁠ィ⁠⁠ース⁠⁠」というタイトルで⁠⁠、ドロ⁠⁠ップダウンを2つ作成します⁠⁠。
  2. 各ドロ⁠⁠ップダウンに⁠⁠、「⁠⁠シ⁠⁠ャツ⁠⁠」⁠⁠、「⁠⁠パンツ⁠⁠」⁠⁠、「⁠⁠シ⁠⁠ュ⁠⁠ーズ⁠⁠」などのカテゴリ⁠⁠ーへのリンクを追加します⁠⁠。

訪問者が任意のリンクをクリ⁠⁠ックすると⁠⁠、そのカテゴリ⁠⁠ーに属するコンテンツのフ⁠⁠ィルタリングされたリストが表示されます⁠⁠。詳しくは⁠⁠、「⁠⁠カテゴリ⁠⁠ーまたはタグにリンクを追加する⁠⁠」をご覧ください⁠⁠。

folder-nav.png

商品を整理するその他の方法

タグやカテゴリ⁠ーを表示するその他のオプシ⁠ョンについては⁠、以下のガイドをご覧ください⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。