ウェブサイト構造の基本：ページ階層、URL構造、内部リンク、フラット型と深層型の比較。屋根工事業者、レストラン、クリニック、法律事務所、ネットショップを対象とした5つのサイトマップ図例付き。各図はWe.Incのテンプレートデザインをもとに作成しています。
ウェブサイト構造とは、ページがどのように整理・リンクされているかを指します。どのページがどの下に置かれるか、各ページのアドレス（URL）はどうなっているか、そして訪問者と検索エンジンがページ間をどう移動するか、という3点です。良い構造とは、誰でも2〜3クリックで任意のページに到達でき、各ページが明確な1つの目的を持っている状態です。以下では基本ルールを説明した後、We.Incテンプレートデザイン（実際の顧客サイトではなく）のセクションから作成した5つのサイトマップ図例を紹介します。
| 要素 | 意味 | 目安 |
|---|---|---|
| 階層 | どのページがトップレベルで、どのページがその下に置かれるか。 | メインメニューのトップレベルページは5〜7個。 |
| URL構造 | 各ページのアドレス。 | 短く、小文字で、ハイフン区切り、階層を反映する。例：/services/roof-repair。 |
| 内部リンク | 自サイト内のページから別のページへのリンク。 | 各ページは親ページへリンクし、関連ページとも相互リンクする。被リンクゼロのページを作らない。 |
| 深さ | ホームページから任意のページまでのクリック数。 | 重要なページはクリック3回以内。 |
フラット型は、ほぼすべてのページをホームから1クリックで到達できるようにします。深層型はページを複数レベルに入れ子にします（ホーム、カテゴリ、サブカテゴリ、アイテム）。
以下の各テンプレートは、メニューリンクでセクションへジャンプする1枚の縦長ページとして提供されます。それは良い出発点です。セクションが成長したとき（サービスが増えた、メニューが増えた、弁護士が増えたなど）や、そのセクションが独自のキーワードでランキングさせたいときは、独立したページに昇格させます。以下の図はその昇格後の形を示しています。[括弧]内の項目はプレースホルダーです。
Ironpeak Roofingテンプレートのセクションから作成：サービス、材料、嵐被害申請、口コミ、無料点検。
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspectionこの形の理由：各サービスは独自のページを持ち、独自の検索（「屋根修理 [町名]」）にマッチできます。サービスエリアページは、実際の地域情報（施工実績、移動時間）がある場合のみ価値を持ちます。町名を入れ替えただけのコピーはコンテンツの薄いページになります。無料点検ページはすべてのページのヘッダーからリンクされています。詳細は屋根工事SEOをご覧ください。
Azafranテンプレートから作成：店内、メニュー、予約、アクセス。
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visitこの形の理由：フラット型。訪問者が求めるのはメニュー、営業時間、予約で、多くはスマートフォンからです。メニューはPDFだけでなくHTMLテキストで掲載すると、読みやすく検索にも引っかかります。詳細はレストランSEOとレストランウェブサイトの作り方をご覧ください。
Verdant Family Healthテンプレートから作成：診療内容、スタッフ紹介、アクセス、予約。
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/bookこの形の理由：「初めての方へ」ページを独立させることで、初来院の方の疑問（書類、保険、持ち物）に答えつつ、ホームページをすっきり保てます。各医師ページは担当診療内容にリンクし、各診療ページは担当医師へリンクバックします。詳細は歯科SEOをご覧ください。
Sterling & Vance LLPテンプレートから作成：業務分野、弁護士、実績、お問い合わせ。
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contactこの形の理由：5例の中でも深め。人は法的な問題で検索するため、各業務分野は独立したページを持ち、各弁護士プロフィールは担当分野にリンクします。インサイト（ブログ）セクションはオプションで、定期的に投稿できる場合のみ追加しましょう。詳細は弁護士SEOをご覧ください。
Cellar & Rowanテンプレートから作成：ショップ、こだわり、素材、取扱店、カート。
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cartこの形の理由：5例の中で最も深い構造：ホーム、カテゴリ、商品。カテゴリページは閲覧と検索の両方が行われる場所です。2つのカテゴリに登場する商品でも1つのURLに固定し、ポリシーページはフッターとチェックアウトからリンクしましょう。詳細はネットショップの始め方をご覧ください。
次に、ウェブサイトレイアウト例で各ページタイプのレイアウトを選び、ナビゲーション例でメニューを確認しましょう。
自分のビジネスに近いテンプレートから始めましょう。無料プランではwe.incアドレスのテンプレートサイトを3つまで作成できます（AIクレジットなし、カスタムドメインなし）。Starter（月額$20）ではAIビルダーにページ追加を依頼（「各サービス専用のページを追加して」など）でき、独自ドメインも接続できます。ProはSは月額$50、Maxは月額$99です（料金プラン）。オンページの側面についてはSEOに強いウェブサイトデザインガイドをご参照ください。
サイトのページがどのように整理・リンクされているかを指します。ページの階層、各ページのURL、ページ間の内部リンクの3つから構成されます。
通常はフラット型です。ホームページ、5〜7個のトップレベルページ、主要サービスごとの独立ページを、2〜3クリック以内で到達できるように配置します。
小規模サイトにはフラット型、ショップや物件一覧、多数のサービスを持つ企業には少し深い構造（ホーム、カテゴリ、アイテム）が適しています。重要なページは3クリック以内に収めましょう。
階層を反映した短く小文字のハイフン区切りの言葉にします。例：/services/roof-repair。すでにアクセスのあるURLは301リダイレクトなしに変更しないでください。
はい。明確な階層と内部リンクにより、検索エンジンがすべてのページを見つけて理解しやすくなり、各ページが独自の検索語をターゲットにできます。
いいえ。We.Incテンプレートデザインのセクションをもとに作成した、構造の参考例です。
無料で始める · クレジットカード不要