Shopifyのページ構成とページタイトルについて

Question

お世話になっております。

現在、自社サイトのシステムをカラーミーからshopifyに引っ越し作業中です。

決済会社との契約にあたり、取り急ぎ特定商取引法とポリシーページを設置したいのですが、これらのページはサイトルートの直下に配置するのが望ましい、との事でした。

shopifyの開店チュートリアルを見ると、設定＞ポリシーにて先に原稿を作成し、テーマ＞ページの項目で新規ページを作成し、原稿を貼り付ける、との説明がありました。

その通りにやってみますと、ページのURLアドレスが、

XXX.myshopify.com/page/特定商取引〜（XXX.はドメイン）

と、「page」の下にぶら下がってしまい、ルートの直下に配置することができません。

いずれにしましても、ポリシー関連の項目は

・特商法
・プライバシーポリシー
・返金
・利用規約
・連絡先

と複数になるため、一つのページでは難しいかな、と思っています。
そこで、

特商法のページは：mayshopify.com/policies/legal-notice

というふうに、ポリシーをまとめたディレクトリを「/policies」にして、その下に各項目を下げようかと考えています。
ですが、前述の通り、「ページ」の項目て新規ページを作成すると、どうしても「/page」の下に下がってしまいます。

「/page」以外のディレクトリ（/policiesなど）をルート直下に配置して各ポリシーページを置くことはできないのでしょうか。

または、「/page」で作成したディレクトリはリネームできないのでしょうか。

それから、まだショップは作成中ですので、サイト全体に「パスワード」がかかった状態です。
このパスワードを解錠しても、ページのURLに変更はありませんか？
さらに、開店前にはドメインを移してくる予定なのですが、ドメインを移行した場合は、ドメインから後のページアドレスに変更は出ないでしょうか。

shopifyのサーバーの仕組みも良くわかっておらず、管理ページの中でウロウロしている状態です。
よろしくお願いいたします。

Accepted Answer

ECマスターズの田中美帆です。

ご返信が遅くなり申し訳ございません。

> ・デフォルトのディレクトリに含まれるページ（特商法など）やコンテンツは、新規ページ（/pages/xxx）を作らなくても、「設定」＞「ポリシー」などの作成ページでメイン要素だけ作成すれば、自動的にデフォルトのデレクトリ配下にデフォルト名で配置される。

再度マニュアルを確認しましたところ、
me&hiroさんのご教示の通り、
「設定」＞「ポリシー」を入力することで
「/policies」の直下にポリシーページの追加が可能でした。

Shopify ヘルプセンター ページ内またはSNSにポリシーへのリンクを追加する
https://help.shopify.com/ja/manual/checkout-settings/refund-privacy-tos#sns


>・上記のようなECに必須のコンテンツやリンク先は、すでにテーマ（テンプレート）の中に含まれており、それぞれがデフォルトのディレクトリ（とデフォルト名）を持っている。
> ・「ページ」（/pages）は、あらかじめテーマには含まれていない、カスタムページ（LPや特集、セールページなど）を作成する。

仰る通り、shopifyにあらかじめ
テンプレートファイルが用意されており、
その中に当てはまらない場合は、
「/pages」の直下にページを追加することになります。

用意されているテンプレートファイルは
以下に記載がありましたのでご参考ください。

テーマファイルの構造と解説　templates
https://www.evoworx.co.jp/blog/shopify-about-file/


事務局にて一連の操作を行いまして、
me&hiroさんのご理解でお間違いないかと存じます。

調査が足りず、正しいアドバイスができておらず
申し訳ございませんでした。

Answer

ECマスターズの田中美帆です。

>「/page」以外のディレクトリ（/policiesなど）をルート直下に配置して各ポリシーページを置くことはできないのでしょうか。
> または、「/page」で作成したディレクトリはリネームできないのでしょうか。

shopifyのマニュアルを確認したところ、
「/page」はサブディレクトリーにあたり、
残念ながら変更不可と記載がありました。

Shopify ヘルプセンター サブディレクトリー
https://help.shopify.com/ja/manual/domains/domains-terminology#part-7bfb80bee9b5cfb6

新しいディレクトリーの作成も不可のため、
ページを作成した際は、
ドメイン名.myshopify.com/pages/ページ名
というアドレスになります。

> それから、まだショップは作成中ですので、サイト全体に「パスワード」がかかった状態です。
> このパスワードを解錠しても、ページのURLに変更はありませんか？

事務局にてテストを行ったところ、
公開と非公開の切り替えによる
URLの相違はございませんでした。

> さらに、開店前にはドメインを移してくる予定なのですが、ドメインを移行した場合は、ドメインから後のページアドレスに変更は出ないでしょうか。

ドメインより後のアドレスに変更はございません。

Answer

ありがとうございます。
URLアドレスの仕組みについてはわかりました。

shopifyの各テーマの特徴を調べておりましたところ、
同じ無料テーマでもこれほど上手に構築されている、
といった参考事例があるサイトに掲載されていました。

以下は、中古釣具の売買で有名なハックルベリーさんが、
ヤング女子向けに作ったアパレル販売ショップです。

https://vision.huckleberry-inc.com/

このサイトは今、当方が手がけている無料テーマと同じもの「Dawn」を使っているようなのですが、
このショップのフッターのリンク項目の「Infomation」から特商法ページを見てみますと、

https://vision.huckleberry-inc.com/policies/legal-notice

上記のようになっており、ドメイン直下に「/policies」の名前がついた
ディレクトリーになっています。

これは、何か別のプランであるとか、理由があるのでしょうか。

Answer

すみません。

その後、あれこれとCMSをいじっておりましたところ、

オンラインストア ＞ メニュー ＞ フッターメニュー と選び

「+メニュー項目を追加」するを押して出てくる「リンク」の側の検索窓をクリックすると
以下のようなリンク項目のメニューがドロップダウンで出現しました。

ホームページ
検索
コレクション
商品管理
ページ
ブログ
ブログ記事
ポリシー

さらに、この中の「ポリシー」を選ぶと
以下のような、「ポリシー」配下のリンク先メニューが表示されました。

Contact Information
Legal Notice
Privacy Policy
Refund Policy
Shipping Policy
Terms of Service

試しに、「ポリシー」＞「Legal Notice」と選んで、
それに「特商法に〜、その2」と名前をつけてフッターメニューに加えて、ページを表示してみました。

これですね。

すると、「設定」＞「ポリシー」の「特定商取引法に基づく表記」項目で作成したページが表示され、アドレスはちゃんと

https://xxx.myshopify.com/policies/legal-notice

となっていました。（XXX.は当店のサブドメイン）

このことから、

・ホームページ
・検索
・コレクション
・商品管理
・ページ
・ブログ
・ブログ記事
・ポリシー

・上記のようなECに必須のコンテンツやリンク先は、すでにテーマ（テンプレート）の中に含まれており、それぞれがデフォルトのディレクトリ（とデフォルト名）を持っている。

・デフォルトのディレクトリに含まれるページ（特商法など）やコンテンツは、新規ページ（/pages/xxx）を作らなくても、「設定」＞「ポリシー」などの作成ページでメイン要素だけ作成すれば、自動的にデフォルトのデレクトリ配下にデフォルト名で配置される。

・「ページ」（/pages）は、あらかじめテーマには含まれていない、カスタムページ（LPや特集、セールページなど）を作成する。

ということのようです。

どうやらshopifyは、特に他にこれといったコンテンツがなければ、ページを作らずとも、商品を登録して必要項目に必要事項だけ登録すればサイトが出来上がる、というデザインみたいですね。

今回、田中様からもアドバイスいただき、あれこれといじってみたことで、shopifyのページの基本的な構成がわかってきたような気がします。

念の為、私の理解が間違っていないかご確認いただけますでしょうか。
よろしくお願いいたします。

Answer

田中美帆様

大変ご丁寧なご検証ありがとうございました。

shopifyテーマの基本的な構造とデザインコンセプトが理解でき、以降の構築作業がかなり加速しそうです。

自分では見つけられなかったヘルプセンターの記事や、テーマの構造が解説されたサイトなどご案内いただき、大変勉強になりました。

おかげさまで、サイトの解説を見ながらCSSファイルを手直しし、巨大に表示されていたH1タグのフォントサイズも調節することができました。

本当に助かりました。ありがとうございます。

shopifyは、アプリの有効活用により、使い勝手や機能が大幅に強化されるようですね。
ですが、アプリストアの各説明を見てみても、半分は英語なので何が何やらの状態です。
サイト構築の大枠がひと通り終わりましたら、またアプリの活用法などでご質問させていただくと思います。

今後ともよろしくお願いいたします。