Nanoha AI Lab

BLOG

ブログ

画像・動画などの生成AIの最新ニュース、仕事に使えるAI活用、ホームページ・デザイン制作のコツまで、クリエイターやフリーランスの活動に役立つ情報をわかりやすくお届けします。

SEOに強いサイト構造とは?初心者にもわかるページ設計の考え方

サイトのページや記事が増えてくると、新しい記事をどこへ置けばよいのか、どの記事とつなげればよいのかが分からなくなります。

思いついた順に記事を足していくと、同じ役割のページがいくつも重なってしまいます。

いちばん見てほしいサービスページが、サイトの奥に埋もれてしまうこともあります。

SEOに強いサイト構造とは、複雑な仕組みを作ることではありません。

読者が今どのページにいて、次はどこへ進めばよいのかが分かる状態のことです。

あわせて、検索エンジンがページの役割とつながりをたどれる状態でもあります。

この記事では、ページの役割、階層、カテゴリ、内部リンクという四つの要素に分けて、初心者でも確認できる設計の考え方を説明します。

聞き慣れない言葉も出てきますが、身構えるほどのものではありません。

今あるページを一覧にして、読者が重要なページまで迷わずたどり着けるかを見直すところから始まります。

1. サイト構造は情報の住所と案内図

「サイト構造は情報の住所と案内図」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

サイト構造は、情報を置く「住所」と、そこまで読者を案内する「道」の両方で考えると分かりやすくなります。

URLの文字列だけをきれいに整えても、メニューや本文のリンクからそのページへ移動できなければ、読者は情報を見つけられません。

反対に、URLが短くても、同じテーマのページがサイト内にばらばらに置かれていれば、読者はページ同士の関係をつかめません。

サイト構造は、次のような要素の組み合わせでできています。

  • トップページを起点としたページの階層
  • 画面上部のヘッダーや下部のフッターに並ぶメニュー
  • 記事や商品をテーマごとにまとめるカテゴリ
  • 今どのページにいるかを示すパンくずリスト
  • 本文の途中や記事の最後に置く内部リンク
  • サイトマップなど、サイト内のページ一覧を検索エンジンへ伝える仕組み

パンくずリストとは、「トップ → カテゴリ → 現在のページ」のように、サイト内のどこにいるのかを順番に示す案内表示です。

そろえる要素の数は、サイトの規模で決まります。

ページ数の少ないサイトなら、シンプルなメニューと本文中のリンクだけでも、重要なページへ十分案内できます。

サイト構造とは、フォルダ名やURLを決めることだけではなく、「どこに何があり、どのページが重要か」を読者の移動経路で示す考え方です。

サイト構造の見直しは、今あるページを一覧にするところから始まります。

一覧にしたら、それぞれのページへ、トップ、サービス、記事、会社情報、問い合わせといった役割を書き添えます。

役割まで書きそろえると、同じ役割のページの重なりや、どこからもリンクされていないページが見えてきます。

2. ページの役割を分ける

「ページの役割を分ける」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

ページごとに役割を一つに決めると、そのページに何を書き、読者をどこへ案内するかがはっきりします。

よく使うページの役割を整理すると、次のようになります。

ページの種類

主な役割

読者がそこで判断すること

トップページ

サイト全体の入口

何を扱い、誰に向けたサイトか

カテゴリページ

関連テーマをまとめる

どの記事や商品から見るか

サービス・商品ページ

提供内容を伝える

対象者、対応範囲、料金、依頼方法

ブログ記事

一つの疑問へ答える

原因、方法、違い、注意点

会社・運営者情報

信頼を判断する材料を示す

誰が運営し、どう連絡できるか

問い合わせページ

相談を受け付ける

何を伝えればよいか、返事はいつ来るか

同じ目的のページを増やしすぎると、読者はどれを読めばよいのか迷います。

検索エンジンにとっても、似た内容のページのうち、どれを中心として扱えばよいのかが分かりにくくなります。

たとえばサービスの料金を複数の記事へ少しずつ書くと、料金が変わるたびに、書いた記事をすべて直すことになります。

更新のたびに手間がかかります。

正式な料金ページを一つ用意し、関連記事からはそのページへリンクしておけば、更新は一か所で済みます。

新しいページを作るかどうかは、一文で説明できるかどうかで決まります。

書くのは、「既存ページと何が違い、読者はここで何を判断するのか」の一文です。

その一文を書けない場合は、新しいページを作らず、既存ページへ書き足すだけで足りるかもしれません。

内容が重なっているページは、中心となるページへまとめます。

まとめずに残すなら、基礎を説明するページと詳しい手順を説明するページ、商品を比べるページと個別の商品ページ、というように役割を分けます。

ページの削除やURLの変更は、他サイトからのリンクや検索からの流入に影響します。

古いURLから新しいURLへ自動転送するリダイレクトの設定も必要になるので、ここは制作者と相談してから手を付ける場所です。

3. 階層を深くしすぎない

「階層を深くしすぎない」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

重要なページは、途中の一覧ページを何度も通らずにたどり着ける場所に置きます。

「何回のクリック以内なら正解」という決まった数字はありません。

数字よりも、読者が今どこにいて、なぜ次のページへ進むのかを理解できるかどうかが分かれ目になります。

階層が深くなりやすいのは、次のような場合です。

  • 記事が少ないのに、カテゴリと子カテゴリを細かく分けている
  • サービスページが、会社案内やブログの下の階層に紛れている
  • パソコンのメニューには出ているのに、スマートフォンでは見つけにくい
  • 一覧ページを何度もたどらないと、目的のページへ着けない
  • 今も重要な記事が、古い特集ページの下からしか開けない

階層の深さは、トップページから主力サービス、代表的な記事、問い合わせページまでを自分でたどってみると分かります。

途中で一度戻らないと先へ進めない場所があれば、そこで読者はつまずきます。

似た名前の項目が並んで迷う場所や、今どこにいるのか分からない場所も、同じたどり直しで見つかります。

引っかかる場所が見つかったら、階層の分け方かページ内の案内文のどちらかに原因があります。

サイトを運営する側は、重要なページへの道を一つに限定せず、メニュー、関連ページ、本文中のリンクなど、読者の目的に合う入口をいくつか用意します。

ただし、どのページにも同じリンクを大量に置く必要はありません。

トップページが示すのは主な選択肢で、記事の本文が案内するのは、その記事が扱う疑問に関係するページだけです。

URLの階層と、画面のメニュー上の階層は、完全に一致していなくても支障はありません。

判断の基準は、読者が迷わず進めて、運営する側も管理しやすいかどうかです。

サイト構造を大きく変えると、多くのURLが変わることがあります。

そのため、作業の前に、今あるページの一覧と、それぞれの移動先を書き出した表が要ります。

4. カテゴリで関連テーマをまとめる

「カテゴリで関連テーマをまとめる」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

カテゴリは、読者が次に読みたいテーマを見つけるための案内です。

カテゴリ名は、社内の部署名や管理上の都合ではなく、読者が理解できる目的や悩みの言葉から選びます。

たとえばWeb制作のブログなら、「制作部」「運用部」のような社内の呼び方より、「公開前チェック」「ホームページ改善」「SEO」と分けた方が、読者は中身を予測しやすくなります。

カテゴリを決めるときは、次の点を確かめます。

  • カテゴリ名を見ただけで、扱うテーマが分かるか
  • 一つの記事がいくつものカテゴリにまたがっていないか
  • 記事が数本しか入らない細かいカテゴリを増やしていないか
  • 似た名前のカテゴリがある場合、その違いを説明できるか
  • これから記事が増えても、カテゴリの範囲が崩れないか

記事が複数のテーマに関係する場合も、中心となるカテゴリは一つです。

他のテーマとのつながりは、タグや本文中の内部リンクで補えます。

カテゴリを細かく分けすぎると、記事が数本しかない一覧ページと、内容の似た記事が増え、読者はどれを読めばよいか選びにくくなります。

カテゴリページに記事名だけが並んでいると、読者はどれから読めばよいのか迷います。

記事名を並べるだけで終わらせず、誰に向けたテーマなのか、最初に読むとよい基礎記事はどれかを、短い文章で案内します。

記事が増えてきたら、カテゴリごとに全体像を説明する基礎記事を用意し、そこから個別の詳細記事へ読者を送ります。

カテゴリの分け方は、「ブログのカテゴリ設計で迷ったら」で詳しく説明しています。

5. 内部リンクで関係性を補う

「内部リンクで関係性を補う」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

階層やカテゴリだけでは表せないページ同士の関係は、本文中の内部リンクで補います。

たとえばSEO入門の記事から、キーワードの選び方、内部リンク、Search Consoleをそれぞれ詳しく説明した記事へ案内する、という形です。

こうすると、読者は自分に必要なところだけを深く読めます。

内部リンクを置くときは、次の三点を確かめます。

  1. 読者が今読んでいる内容と、リンク先の内容が直接関係しているか
  2. リンク先で何が分かるのかを、リンクの文字から予測できるか
  3. リンク先のページから、基礎記事や重要なページへ戻れるか

リンクの文字が「こちら」「詳しく見る」だけでは、読者は移動先に何があるのか判断できません。

「SEOキーワードの選び方を確認する」のように、リンク先の内容が分かる言葉を使います。

Googleも、リンクに関する公式資料で、リンクの文言は簡潔で、内容に関連したものにするようすすめています。

あわせて、見つけてほしいページへは、サイト内の別のページからリンクしておくことも案内しています。

Googleのサイトリンクに関する公式資料には、筋の通ったサイト構造を作り、重要なページへは関連するページからリンクするという説明もあります。

新しい記事から既存記事へリンクするだけでなく、既存記事から新しい記事へも案内すると、どこからもリンクされないページが生まれません。

リンクは多ければよいわけではありません。

読者が次に抱く疑問に関係するページだけを選びます。

同じリンクを何度も繰り返したり、関連記事の一覧を長く並べたりするのは避けます。

内部リンクの具体的な置き方は、「内部リンクでSEOはどう変わる?」で確認できます。

まとめ

「まとめ」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

最後に、SEOと読者の両方に分かりやすいサイト構造の要点を振り返ります。

  • サイト構造は、情報を置く階層と、そこへ読者を案内する移動経路の両方で考える
  • トップページ、カテゴリ、サービスページ、記事、問い合わせページの役割を分ける
  • 重要なページへは、余計な階層を通らずにたどり着けるようにする
  • カテゴリは社内の都合ではなく、読者が理解できる目的や悩みの言葉でまとめる
  • 階層だけでは表せないページ同士の関係を、文章の流れに合う内部リンクで補う

まず一つやるなら、今あるページをすべて一覧にすることです。

そこへ「そのページの役割」と「どのページから移動できるか」の二列を書き足すだけで、直す場所が見えてきます。

一度に全部を作り直す必要はありません。

気になったページから一つずつ直していけば、全体は自然にそろっていきます。


関連記事

NEXT STEP

「AI、どう使えばいい?」
から、お気軽にどうぞ!

ChatGPTのはじめ方から、ブログやホームページの相談まで。
小さな会社のAI活用を、一歩ずつ、いっしょに進めていきます!

次に直す一手を、記事から持ち帰ってください。