ページ

このページはJun 02, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/theme-structure/pagesをご覧ください。

Shopifyオンラインストアをお持ちの場合は、管理画面にウェブページを作成できます。ウェブページには、ほとんど変更することがない、また「会社概要」あるいは「お問い合わせ」ページなど、お客様が頻繁に参照する情報が含まれます。「会社概要」ページに含める内容について詳しくはこちらをご覧ください。

また、定期的に更新するコンテンツや、フィードバックを促したりするために、オンラインストアにブログを追加することもできます。

目次

オンラインストアに新しいウェブページを追加する

手順:

  1. 管理画面から [オンラインストア] > [ページ] の順に移動します。
  2. ページの追加をクリック
  3. ページのタイトルとコンテンツを入力します。ウェブページのタイトルは、説明的かつ明確になるようにしてください。ウェブページのタイトルは、ブラウザのタブまたはタイトルバー、および検索エンジンの結果に表示されます。
  4. [公開] セクションで、ページを公開するタイミングを選択します。デフォルトでは、[保存] をクリックすると新しいウェブページが公開されます。新しいウェブページをオンラインストアで非公開にする場合は、[非公開] オプションを選択します。あるいは、[公開日を設定する] をクリックして、ウェブページがいつ公開されるかを管理します。
  5. [保存] をクリックします。
  6. オプション: オンラインストアのナビゲーションに公開ウェブページを表示するには、メニューにページへのリンクを追加します。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  4. [ページを追加] をタップします。
  5. ページのタイトルとコンテンツを入力します。ウェブページのタイトルは、説明的かつ明確になるようにしてください。ウェブページのタイトルは、ブラウザのタブまたはタイトルバー、および検索エンジンの結果に表示されます。
  6. [公開] セクションで、ページを公開するタイミングを選択します。デフォルトでは、[保存] をクリックすると新しいウェブページが公開されます。新しいウェブページをオンラインストアで非公開にする場合は、[非公開] オプションを選択します。あるいは、[公開日を設定する] をクリックして、ウェブページがいつ公開されるかを管理します。
  7. [保存] をタップします。
  8. オプション: オンラインストアのナビゲーションに公開ウェブページを表示するには、メニューにページへのリンクを追加します。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  4. [ページを追加] をタップします。
  5. ページのタイトルとコンテンツを入力します。ウェブページのタイトルは、説明的かつ明確になるようにしてください。ウェブページのタイトルは、ブラウザのタブまたはタイトルバー、および検索エンジンの結果に表示されます。
  6. [公開] セクションで、ページを公開するタイミングを選択します。デフォルトでは、[保存] をクリックすると新しいウェブページが公開されます。新しいウェブページをオンラインストアで非公開にする場合は、[非公開] オプションを選択します。あるいは、[公開日を設定する] をクリックして、ウェブページがいつ公開されるかを管理します。
  7. [保存] をタップします。
  8. オプション: オンラインストアのナビゲーションに公開ウェブページを表示するには、メニューにページへのリンクを追加します。

ウェブページにコンテンツを追加する

リッチテキストエディタは、テキストをオンラインで表示されるのと同じスタイルで [コンテンツ] フィールドに表示します。リッチテキストエディタでオプションを選択すると、テキストの書式設定やテキストの配色の変更ができます。また、ウェブページに次の要素を挿入することもできます。

  • リンク
  • テーブル
  • 画像
  • ビデオ

リッチテキストエディタについて詳しくはこちらから。

ページのHTMLコードを編集するには、[HTMLを見る] ボタンをクリックしてHTMLを表示し、変更を加えます。

Shopify - ページエディタ表示html

保持したいウェブページコンテンツに変更を加えたときには毎回必ず [保存] をクリックしてください。

ウェブページにリンクを追加する

ウェブページへのリンクを追加して、オンラインストアの別のウェブページやインターネット上の別の場所に顧客を誘導できます。

手順:

  1. [コンテンツ] フィールドに、リンクに変換するテキストを入力します。

  2. リンクのテキストを強調表示し、[リンクを挿入] ボタンをクリックします。

Shopify - ページリンクの挿入

  1. [リンク先] フィールドにURLを入力します。検索エンジンの最適化とアクセシビリティに役立つ説明的なリンクタイトルを入力してください。

  2. [保存] をクリックします。

ウェブページにGoogleマップを追加する

オンラインストアのウェブページに、住所のGoogleマップを追加できます。たとえば、店舗所在地を示すため、[私たちについて] ページにマップを追加するとよいでしょう。

  1. Google Mapsで、マッピングする住所を入力します。

  2. [共有] アイコンをクリックして共有オプションを開きます。

  3. [埋め込みマップ] をクリックして埋め込みコードを作成します。

  4. 希望のマップサイズを選び、コードをテキストボックスにコピーします。コードは<iframe src=で始まるHTMLタグで、このコードを使用してマップを埋め込みます。

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. マップを表示するウェブページのタイトルをクリックします。

  2. [コンテンツ] ツールバーで [HTMLを見る] ボタンをクリックして、ウェブページのHTMLコードを表示します。

    Shopify - show html toolbar

  3. Googleマップからコピーしたコードを [コンテンツボックス] に貼り付けます。既存のコンテンツの後またはウェブページの他の場所にコードを貼り付けることで、ウェブページの下部に地図を埋め込むことができます。

  4. HTMLビューアからウェブページエディタに戻り、マップをプレビューするには、[エディタを見る] をクリックします。

  5. [保存] をクリックします。

ウェブページを編集する

タイプミスを修正したり、新しい情報を追加したり、コンテンツを変更したりする場合は、Shopifyでウェブページを編集できます。

手順:

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. ウェブページのタイトルをクリックします。

  2. 既存のウェブページコンテンツや設定を変更します。

  3. [保存] をクリックします。オンラインストアでウェブページにアクセスし、変更が表示されることを確認します。保存済の変更を表示するために、ブラウザを再読み込みする必要が出る場合があります。

ウェブページの検索結果を編集する

お客様がウェブページを見つけてリンクをクリックする気になるよう、検索エンジンの検索結果でのウェブページの表示方法を編集できます。

手順:

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. ウェブページのタイトルをクリックします。

  2. 検索結果のプレビューのセクションで [ウェブサイトのSEOを編集する] をクリックします。

  3. [ページタイトル] フィールドに、わかりやすいタイトルを入力します。このタイトルは、検索エンジンの結果にリンクとして表示されます。タイトルには最大55文字入力できます。

  4. 検索結果の説明を入力します。新しいお客様がリンクを見つけられるように、関連するキーワードやビジネスの名称が含まれているか確認します。説明には最大320文字入力できます。

  1. URLとハンドルセクションで、URLを編集できます。ほとんどの場合、URLの変更は必要ありません。変更を行う場合、古いURLからURLリダイレクトを設定していることを確認します。URLにはスペースを使用できません。ハンドルはテーマのデザインで使用されます。
  2. 保存をクリック

ウェブページを削除する

手順:

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. 削除するウェブページのタイトルをクリックします。

  2. [ページを削除する] をクリックします。

  3. [削除する] をクリックします。

ストアのメニューで使用するウェブページを削除すると、関連するメニュー項目も削除されます。たとえば、卸売のメニュー項目で使用する卸売の問い合わせウェブページを削除すると、両方が削除されます。

また、一括操作を使用して一度に複数のページを削除することもできます。

ウェブページを一括で公開または非公開にする

オンラインストアに公開したウェブページは、Shopifyの [アクション] ドロップダウンメニューを使用して管理できます。これにより、多数のウェブページを同時に公開したり非公開にしたりできます。これは、他のEコマースプラットフォームやEコマースウェブサイトからShopifyに移行した場合や、あらかじめ入力してある一連の文書をアップロードする場合などに便利です。

ウェブページを一括で公開する

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. 公開する各ウェブページの横にあるチェックボックスをオンにします。

  2. [アクション] ドロップダウンメニューをクリックし、[選択されたページを公開する] を選択します。これでウェブページがあなたのオンラインストアに表示されるようになります。

  3. お客様が見つけられるよう、メニューで新しいウェブページへのリンクを追加します。

ウェブページを一括で非公開にする

  1. 管理画面からオンラインストア > ページに移動します。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. [販売チャネル] セクションで、[オンラインストア] をタップします。
  3. [ページ] をタップします。

  1. オンラインストアから、非公開にする各ウェブページの横にあるボックスにチェックを入れます。

  2. [アクション] ドロップダウンメニューをクリックし、[選択されたページを非表示にする] を選択します。

  3. メニューからウェブページへのリンクを削除します。

会社概要ページ

オンラインストアのコンテンツに「会社概要」ページを記載することにした場合は、それを使用してお客様にビジネスを説明します。そうすることでお客様とブランドの繋がりを作ることができます。

会社概要ページの目標を検討する

「会社概要」ページを作成するときには、以下の目標を検討してください。

  • モチベーションを高めること - お客様に何をしてほしいか、そのページを読んだ後に何を感じてほしいかを考慮してください。たとえば、お客様が商品の製作者について詳しく知るために、メーリングリストに登録するよう促すこともできますし、限定された商品についてはSNSをフォローするように働きかけることもできます。
  • 本物であること - ビジネス上の正直かつ生の声によりビジネスストーリーを伝えてください。可能であれば、ビジネスを推進することの価値、成長過程、課題の実践、ビジネス目標を記載します。たとえば、自分の経験の中でその商品の必要性を感じたという内容を記載することもできます。生の声を書くことが容易でない場合は、スピーチを録音し、下書きとして書き起こしてみてください。
  • 働きかける - 魅力的な画像やビデオを文章の間に挿入して、お客様とビジネスの繋がりを作り出すことができます。たとえば、ビジネスチームの写真や、以前に取り引きしたお客様からの感謝の言葉が含まれているビデオを組み込むこともできます。

「会社概要」ページの完成度について心配する必要はありません。時間の経過によるビジネスの成長と変化とともに、このページを更新し、お客様に関連したコンテンツを提供することができます。

会社概要ページに記載する情報

「会社概要」ページを作成するときには、お客様にとって魅力的なビジネスおよび商品の情報を記載する必要があります。ビジネスに関するすべての情報を記載する必要はありませんが、次の項目のいずれかを「会社概要」ページに追加するのが適切かどうかを検討してください。

  • 販売商品 - 商品を差別化できるもの
  • 販売理由 - 会社のミッションまたは価値
  • 会社について - 会社、創業者、または商品製作者
  • 販売先 - カスタマーサービスまたは顧客満足度に対する取り組み
  • 差別化ポイント - 特定の専門知識、お客様の感謝の声、または追加サービス

行動喚起 (コール トゥ アクション) とも呼ばれる、ページの目的に一致する特定のお客様へのリクエストを含めることは重要です。たとえば、ニュースレターの登録フォームやSNSのフォローボタンをページに含めることもできます。

Shopify のオンラインストアに会社概要ページを追加する

「会社概要」ページの下書きを作成した後、他の人にその記事を読んでもらい、感想を尋ねて誤りがないかどうかを確認します。準備が整ったら、オンラインストアにページを追加して、お客様にビジネスストーリーを公開できます。

手順:

  1. 管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。

  2. [アプリと販売チャネル] ページで、[Online store] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [ページ] をクリックします。

  5. ページの追加をクリック

  1. Shopifyアプリから [ストア] をタップします。

  2. 販売チャネルセクションで、[オンラインストア] をタップします。

  3. [ページ] をタップします。

  4. [+] ボタンをタップします。

  1. Shopifyアプリから [ストア] をタップします。

  2. 販売チャネルセクションで、[オンラインストア] をタップします。

  3. [ページ] をタップします。

  4. [+] ボタンをタップします。

  1. ページのタイトルとコンテンツを入力します。

  2. [公開] で、ページを公開するタイミングを選択します。デフォルトでは、[保存] をクリックすると新しいウェブページが公開されます。新しいウェブページをオンラインストアで非公開にする場合は、[非公開] オプションを選択します。あるいは、[公開日を設定する] をクリックして、ウェブページがいつ公開されるかを管理します。

  3. [保存] をクリックします。

「会社概要」ページを作成した後、オンラインストアのメニューからそのページに移動できるリンクを追加して、そのページのリンクがメニューに表示されるようにします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す