サイト階層は浅く論理的にしてパンくずで階層を可視化する

なぜこれを学ぶか

サイト階層は クロール効率と人間の理解性の両方を決める基礎設計。 浅く論理的な階層を組めば、Googlebot は重要ページに早く辿り着き、ユーザーも迷わず目的のコンテンツに到達できる。

EC・メディア・コーポレートサイトのリニューアル時、または新規構築時に最初に決めるべき設計事項。

学ばないと起きること

学ぶメリット

• 新規サイト・リプレイス時に 3-4 階層以内の論理的構造を設計できる
• パンくずリスト構造化データで検索結果の階層表示を獲得できる
• カテゴリページ（ハブ）を「ただのリンク集」から「価値あるトピックページ」に進化させられる
• 商談で「サイト階層は人間優先で設計し、Google が読めるように補強」と即答できる

仕組み

Google が推奨する情報設計

公式: 「ユーザーが求めるトピックを直感的にグループ化し、グループ内で関連コンテンツを集める」

具体的には:

階層の表現方法

URL とナビとパンくずの 3 つを 一貫させるのが大原則。

パンくずリストの実装

HTML パンくず:

<nav aria-label="パンくず">
  <ol>
    <li><a href="/">spotyou</a></li>
    <li><a href="/blog">Blog</a></li>
    <li><a href="/blog/seo">SEO</a></li>
    <li>canonical の正しい使い方</li>
  </ol>
</nav>

BreadcrumbList 構造化データ:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "spotyou", "item": "https://spotyou.ai/"},
    {"@type": "ListItem", "position": 2, "name": "Blog", "item": "https://spotyou.ai/blog"},
    {"@type": "ListItem", "position": 3, "name": "SEO", "item": "https://spotyou.ai/blog/seo"},
    {"@type": "ListItem", "position": 4, "name": "canonical の正しい使い方"}
  ]
}
</script>

最後の項目（現在ページ）には item を入れない。

キー概念

ハブ&スポーク構造

カテゴリトップ（ハブ）→ 個別記事（スポーク）→ ハブへ逆リンク。

/blog/seo/  ← ハブページ（SEO カテゴリトップ）
  ├ /blog/seo/canonical/      ← スポーク
  ├ /blog/seo/robots-txt/     ← スポーク
  ├ /blog/seo/redirects/      ← スポーク
  └ /blog/seo/sitemaps/       ← スポーク

ハブページが「ただのリンク一覧」では低評価。カテゴリ概要 + 主要トピック解説 + 個別記事へのリンクの構成が推奨。

サイロ構造

トピック別に内部リンクを閉じる構造:

SEO サイロ:
  - /blog/seo/canonical → /blog/seo/redirects へリンク
  - /blog/seo/redirects → /blog/seo/canonical へリンク
  - SEO 内で密に内部リンク

AEO サイロ:
  - /blog/aeo/featured-snippets → /blog/aeo/ai-overview へリンク
  - AEO 内で密に内部リンク

サイロ間は最小限の越境リンクのみ

トピカルオーソリティ（特定領域の専門性）を Google にシグナルしやすい。

URL 階層と物理階層の一致

URL: /blog/seo/canonical-guide パンくず: spotyou > Blog > SEO > canonical の正しい使い方 ナビ: トップ > Blog > SEO カテゴリ > canonical

3 つが 同じ階層構造になっているのが理想。バラバラだと Google にも人間にも混乱を与える。

グローバルナビの設計

ナビが複雑だと PageRank の希薄化が起きる。

カテゴリページ（ハブ）の充実

ただのリンク集ではなく、以下を含めると評価が上がる:

• カテゴリの概要解説（200-500 字）
• 主要トピックの要点まとめ
• カテゴリ別の最新更新日
• 関連カテゴリへのリンク
• カテゴリ独自のキャッチ画像

「リンク集」型のカテゴリページは Google の Helpful Content 評価で低くなりがち。

よくある誤解

実務での適用

新規サイト立ち上げ時の階層設計

1. 主要トピック（カテゴリ）を 5-7 個に絞る
2. 各カテゴリ内のサブカテゴリを 2-3 階層以内に収める
3. 個別記事は最深部でも 4 階層以内
4. URL とナビとパンくずを一貫
5. パンくず構造化データを実装

EC サイトのカテゴリ階層例

/products/                    ← 商品トップ（1 階層目）
  /products/dresses/          ← カテゴリ（2 階層目）
    /products/dresses/maxi/   ← サブカテゴリ（3 階層目）
      /products/dresses/maxi/blue-floral  ← 個別商品（4 階層目）

商品ページが 4 階層に収まる設計。これ以上深いと EC でもクロール効率が落ちる。

メディアサイトのカテゴリ階層例

/                              ← トップ（1 階層目）
  /blog/                       ← Blog トップ（2 階層目）
    /blog/seo/                 ← SEO カテゴリ（3 階層目）
      /blog/seo/canonical-guide  ← 記事（4 階層目）

カテゴリページ（/blog/seo/）はリンク集 + 解説 + 関連記事のハブとして充実させる。

サイロ構造の実装

SEO サイロ:
- 各 SEO 記事の本文中で他の SEO 記事に内部リンク
- 記事末尾に「SEO カテゴリの他の記事」セクションで関連記事リンク
- カテゴリトップ（ハブ）からすべての SEO 記事に放射リンク

AEO サイロ:
- 同様に AEO 記事同士で密にリンク

サイロ間:
- カテゴリトップ同士で関連カテゴリリンク
- 「SEO の延長で AEO もチェック」のような自然な越境

トラブル別の対処

公式ソース

• SEO スターター ガイド（情報設計セクション）
• パンくずリスト構造化データ
• リンクのベスト プラクティス
• URL 構造のベスト プラクティス
• Helpful Content の作り方

自己テスト

これらの内容を採点付きで挑戦したい場合は、本ドメインのプロ試験で 5 問形式で確認できる。