ページの作成と編集
Shopify オンラインストアでは、管理画面でページを作成できます。ページには、「会社概要」ページや「お問い合わせ」ページなど、あまり変更することがない情報や、お客様が頻繁に参照する情報が記載されます。「会社概要」ページに記載する内容について、詳しくはこちらをご覧ください。
管理画面でオンラインストアの新しいページを作成し、既存のページのコンテンツと公開状況を管理できます。
ページを作成または編集した後、ページをプレビューして、オンラインストアでどのように表示されるかを確認できます。保存した変更を表示するには、ブラウザをリロードする必要がある場合があります。
オンラインストアのメニューにページを表示するには、メニューにそのページへのリンクを追加することができます。
このページの内容
オンラインストアに新しいページを追加する
デスクトップ
管理画面から、[オンラインストア] > [ページ] の順に移動します。
[ページを追加] をクリックします。
ページのタイトルとコンテンツを入力します。ページのタイトルを選択する際は、分かりやすく明確なタイトルにしてください。ページのタイトルは、ブラウザのタブやタイトルバー、また検索エンジンの検索結果に表示されます。
[公開状況] セクションで、ページを公開するかどうかを選択します。
- ページを公開するには、[公開] を選択したままにします。デフォルトでは、[保存] をクリックすると新しいページが公開されます。
- オンラインストアでページを非表示にするには、[非表示] を選択します。
- 任意：非公開のページに特定の公開日を設定するには、カレンダーアイコンをクリックし、日付と時刻を選択します。
[コンテンツ] セクションで、ページのコンテンツを追加します。
[保存] をクリックします。
モバイル
Shopify アプリで、
アイコンをタップします。[販売チャネル] セクションで、[オンラインストア] をタップします。
[ページ] をタップします。
[ページを追加] をタップします。
ページのタイトルとコンテンツを入力します。ページのタイトルを選択する際は、分かりやすく明確なタイトルにしてください。ページのタイトルは、ブラウザのタブやタイトルバー、また検索エンジンの検索結果に表示されます。
[公開状況] セクションで、ページを公開するかどうかを選択します。
- ページを公開するには、[公開] を選択したままにします。デフォルトでは、[保存] をクリックすると新しいページが公開されます。
- オンラインストアでページを非表示にするには、[非表示] を選択します。
- 任意：非公開ページに特定の公開日を設定するには、カレンダーアイコンをクリックしてページが公開される日時を管理します。
[コンテンツ] セクションで、ページのコンテンツを追加します。
[保存] または [✓] をタップします。
ページにコンテンツを追加する
リッチテキストエディタでは、[コンテンツ] フィールドのテキストが、ストアに表示されるのと同じスタイルで表示されます。リッチテキストエディタのオプションを選択して、テキストをフォーマットしたり、テキストの配色を変更したりすることができます。また、ページに以下の要素を挿入することもできます。
- リンク
- 表
- 画像
- 動画
リッチテキストエディタについて、詳しくはこちらをご覧ください。
ページの HTML コードを編集するには、
ボタンをクリックして HTML を表示し、変更を加えます。
ページにリンクを追加する
ページにリンクを追加して、お客様をオンラインストアの別のページや外部リンクに誘導することができます。
手順：
管理画面から、[オンラインストア] > [ページ] の順に移動します。
編集するページの名前をクリックするか、新しいページを作成します。
[コンテンツ] フィールドに、リンクに変換するテキストを入力します。
リンクのテキストをハイライト表示して、[リンクを挿入] ボタンをクリックします。
[リンク先] フィールドに URL を入力します。検索エンジン最適化とアクセシビリティに役立つように、分かりやすいリンクタイトルを入力します。
[保存] をクリックします。
ページに Google マップを追加する
オンラインストアのページに、住所の Google マップを追加できます。たとえば、実店舗の所在地を表示するために、会社概要ページにマップを追加することをおすすめします。
手順：
- Google マップで、地図に表示する住所を入力します。
- [共有] アイコンをクリックして、共有オプションを開きます。
- [地図を埋め込む] をクリックして、埋め込みコードを作成します。
- 希望のマップサイズを選択し、テキストボックスのコードをコピーします。このコードは
<iframe src=で始まり、マップを埋め込む HTML で記述されたタグです。 - 管理画面から、[オンラインストア] > [ページ] の順に移動します。
- マップを表示するページのタイトルをクリックします。
- [コンテンツ] ツールバーで、 ボタンでページの HTML コードを表示します：
- Google マップからコピーしたコードを 「コンテンツ」 ボックスに貼り付けます。既存のコンテンツの後ろにコードを貼り付けると、ページの下部にマップを埋め込むことができます。ページの他の場所に埋め込むことも可能です。
- 「エディタを表示」 をクリックして HTML ビューアからページエディタに戻り、マップをプレビューします。
- [保存] をクリックします。
ページのコンテンツを自動生成する
Shopify Magic を使用すると、ページのタイトルとコンテンツを自動生成できます。Shopify Magic は、Shopify がサポートするすべての言語で利用可能です。最適な結果を得るには、出力させたい言語と同じ言語でプロンプトを作成してください。
Shopify Magic で生成されるのは、ページのテキストのみです。その他のインタラクティブ要素は、手動で追加できます。たとえば、お問い合わせページを作成する場合、機能するお問い合わせフォームを作成するには、カスタムコードを使用する必要がある場合があります。
手順：
管理画面から、[オンラインストア] > [ページ] の順に移動します。
[ページを追加] をクリックします。
以下のいずれかを実行します。
- ページタイトルを生成するには、[タイトル] フィールドで [テキストを生成] アイコンをクリックし、ページの内容に関する説明を入力して送信します。
- ページコンテンツを生成するには、[コンテンツ] セクションのリッチテキストエディタで [テキストを生成] アイコンをクリックし、必要なコンテンツを説明するプロンプトを入力して送信します。詳細を含めるほど、より適切な提案が表示されます。希望するトーン、スタイル、その他の指示をプロンプトに直接含めることができます。
任意：ブランドに合わせて、生成されたコンテンツを編集、フォーマットします。
[保存] をクリックします。
ページのコンテンツを生成した後、残りの手順を完了して新しいページを追加し、オンラインストアに公開できます。
ページを編集する
誤字を訂正したり、新しい情報を追加したり、コンテンツを変更したりする場合は、ページを編集できます。
手順：
管理画面から、[オンラインストア] > [ページ] の順に移動します。
ページのタイトルをクリックします。
既存のページコンテンツや設定に変更を加えます。
[保存] をクリックします。
ページの検索エンジンでの表示を編集する
ページの検索エンジンの結果に表示されるテキストを編集できます。わかりやすいタイトルと説明は、新規のお客様がオンラインストアを見つけ、リンクをクリックするきっかけになります。検索エンジンの最適化 (SEO)に関する詳細情報。
ページの検索エンジンでの表示に変更を加える際に、検索エンジンの結果でどのように表示されるかをプレビューできます。
タイトルに 70 文字、説明に 160 文字以上を入力すると、検索エンジンの結果でテキストが途中で切れることがあります。
ページの URL を変更できますが、ほとんどの場合、変更する必要はありません。変更を加える場合、「URLリダイレクトを作成する」オプションが事前に選択されており、古い URL が新しい URL にリダイレクトされます。
手順：
管理画面から、[オンラインストア] > [ページ] の順に移動します。
検索エンジンでの表示を編集するページのタイトルをクリックします。
[検索エンジンでの表示] セクションで、鉛筆のアイコンをクリックします。
以下のいずれかの項目を入力または編集します。
- [ページタイトル] 項目に、わかりやすいタイトルを入力します。このタイトルは、検索エンジンの結果にリンクとして表示されます。
- [メタディスクリプション] 項目に、説明を入力します。新規のお客様がページを見つけやすいように、関連性の高いキーワードとストア名を含めることを検討してください。
- 「URLハンドル」項目で、URL の一部を変更できます。スペースを含めることはできません。スペースの代わりに、単語と単語の間をダッシュ (-) でつなぐことができます。
[保存] をクリックします。
ページを削除する
ストアのメニューで使用しているページを削除すると、関連するメニュー項目も削除されます。たとえば、[卸売] というメニュー項目で使用している [卸売に関するお問い合わせ] ページを削除すると、その両方が削除されます。
また、一括操作を使用して、一度に複数のページを削除することもできます。
手順：
管理画面から、[オンラインストア] > [ページ] の順に移動します。
削除するページのタイトルをクリックします。
[ページを削除する] をクリックします。
[削除する] をクリックします。
ページの公開状態を一括で変更する
管理画面の [オンラインストア] > [ページ] セクションから、オンラインストアの複数ページの公開設定を同時に更新できます。
検索と絞り込みのオプションを使用して、タイトルのキーワードでページを検索したり、[公開状態] の絞り込みを使用して公開ステータス別にページを表示したりすることができます。