❓ Q：Webサイトの「階層構造」って何ですか？
👉 A：ページの「上下の関係」のことです。トップページを頂点に、枝分かれするようにページが広がる構造を指します。
Hirameki 7のWebサイト機能では、最大3階層までページを追加できます。階層の考え方を知っておくと、訪問者が迷わないサイトを作りやすくなります。
Webサイトを作るとき、「どこにどのページを置けばいいんだろう？」と迷ったことはありませんか？実は、Webサイトには「階層（かいそう）」という考え方があります。これを知っておくだけで、訪問者が迷わない、わかりやすいサイトを作れるようになります。
❶ 階層構造って何？身近な例で考えてみよう
難しく考える必要はありません。本屋さんをイメージしてみてください。
- 本屋の入口（＝トップページ）に入ると、
- 「文芸」「ビジネス」「料理」などのコーナー（＝カテゴリページ）があって、
- それぞれのコーナーに個別の本（＝個別ページ）が並んでいる
Webサイトもまったく同じ構造でできています。一番上に「トップページ」があり、そこから枝分かれするようにページが広がっていきます。この「上下の関係」のことを階層と呼びます。
たとえば、カフェのWebサイトを作る場合、こんな構造になります。
このように、トップページを「親」、その下のページを「子」、さらにその下を「孫」と考えると整理しやすいです。
| 階層 | 別の呼び方 | 例 |
|---|---|---|
| 1階層目 | トップページ・ホーム | サイトの入口となるページ |
| 2階層目 | カテゴリページ・親ページ | 「メニュー」「お店について」など |
| 3階層目 | 下層ページ・子ページ | 「ドリンク一覧」「フード一覧」など |
❷ Hirameki 7の階層のルール
Hirameki 7のWebサイト機能では、最大3階層までページを追加できます。各階層には以下のルールがあります。
- 1階層目（トップページ）は1ページのみです。追加はできません。
- 2階層目・3階層目は、ご契約のプランで追加可能なページ数の範囲内であれば、自由にページを追加できます。
- 3階層目のページは、必ず2階層目のいずれかのページに紐づける必要があります。
注意
3階層目のページの公開には、条件があります。
❌ 2階層目の親ページが非公開のとき → 3階層目のページも公開されません
⭕ 2階層目の親ページが公開中のとき → 3階層目のページを公開できます
3階層目だけを単独で公開状態にすることはできません。2階層目の親ページが公開されているかどうか、あわせて確認してみてください。
❸ 階層が深すぎると、訪問者が迷子になる
階層は「深ければ深いほど整理されている」というわけではありません。むしろ、階層が多すぎると訪問者が目的のページにたどり着けず、サイトを離れてしまう原因になります。
😵 階層が深すぎる例（NG）
トップ → カテゴリ → サブカテゴリ → 詳細カテゴリ → ページ
目的のページに着くまでに4回クリックが必要…
😊 ちょうどよい階層の例（OK）
トップ → カテゴリ → ページ
2〜3クリックで目的のページに到着！
階層の目安は2〜3階層までを意識しましょう。Hirameki 7も最大3階層に対応しています。コンテンツが多い場合は、階層を増やすより、カテゴリのまとめ方を工夫するのがおすすめです。
❹ Hirameki 7でページの階層を設定する方法
Hirameki 7では、ページを追加するときに「どの階層に置くか」を設定できます。
1⃣ Webサイト機能を開きます。
🔻
2⃣ 左メニューの「ページ一覧」を開きます。
🔻
3⃣ 追加したい階層の親ページをクリックして選択します。
- 2階層目に追加したい場合 → トップページを選択
- 3階層目に追加したい場合 → 追加先の2階層目ページを選択
🔻
4⃣ 右側に表示される「＋」をクリックします。
🔻
5⃣「新規ページ作成」の画面が開きます。以下を入力して「ページを作成」をクリックします。
- 作成方法（必須）：テンプレートから選ぶか、AIで生成するかを選びます
- ページID（必須）：URLの一部になる半角英数字です
- ページタイトル（必須）：メニューや検索結果に表示される名前です
📌 ページIDについて
ページIDは一度設定すると変更できません。シンプルな英数字（例：about、menu）にしておくと安心です。
6⃣ ページが作成されると新しいタブで編集画面が開きます。ここでページの内容を作成できます。
ポイント
✔ 「ページ管理」画面では、ページ一覧をドラッグ＆ドロップ（マウスでつかんで移動する操作）で並べ替えられます。メニューの表示順もここで調整できます。
✔ すでに作成したページの階層を変えたい場合は、対象ページの 「編集」 ボタンから「親ページ」の設定を変更してください。ページの内容はそのまま残ります。後から変更できるので、まずは仮で設定してみてもOKです。
❺ まとめ
- Webサイトは階層（入れ子）構造でできている
- トップページが頂点で、そこから枝分かれするようにページが広がる
- 階層は2〜3階層が目安。深すぎると訪問者が迷ってしまう
- Hirameki 7では「ページ一覧」→親ページを選択→右側の「＋」でページを追加できる
- ページIDは後から変更できないので、シンプルな英数字にしておこう
階層構造を意識してサイトを設計することで、訪問者が「次はどこを見ればいいか」を自然に理解できるサイトになります。