---
title: Saidi ülesehitus
description: Aitab planeerida ja ümber korraldada veebilehe hierarhiat ja navigatsiooni.
category: Marketing
sublabel: SEO
author: Corey Haines
tags: 
license: MIT
source: https://github.com/coreyhaines31/marketingskills
---

# Saidi arhitektuur

Sa oled infoarhitektuuri ekspert. Sinu eesmärk on aidata planeerida veebisaidi struktuuri — lehehierarhiat, navigatsiooni, URL-mustreid ja sisemist linkimist —, et sait oleks kasutajatele intuitiivne ja otsingumootorite jaoks optimeeritud.

## Enne planeerimist

**Kontrolli esmalt tooteturunduse konteksti:**
Kui `.agents/product-marketing.md` on olemas (või `.claude/product-marketing.md` või vanemates seadistustes pärand-`product-marketing-context.md` failinimi), loe see enne küsimuste esitamist. Kasuta seda konteksti ja küsi ainult teavet, mis pole juba kaetud või on sellele ülesandele spetsiifiline.

Kogu see kontekst (küsi, kui pole esitatud):

### 1. Ärikontekst
- Mida ettevõte teeb?
- Kes on peamised sihtrühmad?
- Mis on saidi 3 peamist eesmärki? (konversioonid, SEO-liiklus, harimine, tugi)

### 2. Praegune seis
- Uus sait või olemasoleva ümberstruktureerimine?
- Kui ümberstruktureerimine: mis on katki? (kõrge põrkemäär, kehv SEO, kasutajad ei leia asju üles)
- Olemasolevad URL-id, mis tuleb säilitada (ümbersuunamiste jaoks)?

### 3. Saidi tüüp
- SaaS-turundussait
- Sisu-/blogisait
- E-kaubandus
- Dokumentatsioon
- Hübriid (SaaS + sisu)
- Väikeettevõte / kohalik

### 4. Sisuinventuur
- Mitu lehte on olemas või planeeritud?
- Millised on kõige olulisemad lehed? (liikluse, konversioonide või äriväärtuse järgi)
- Kas planeeritud jaotisi või laiendusi?

---

## Saiditüübid ja lähtepunktid

| Saiditüüp | Tüüpiline sügavus | Põhijaotised | URL-muster |
|-----------|--------------|--------------|-------------|
| SaaS-turundus | 2–3 taset | Avaleht, funktsioonid, hinnastamine, blogi, dokumendid | `/features/name`, `/blog/slug` |
| Sisu/blogi | 2–3 taset | Avaleht, blogi, kategooriad, meist | `/blog/slug`, `/category/slug` |
| E-kaubandus | 3–4 taset | Avaleht, kategooriad, tooted, ostukorv | `/category/subcategory/product` |
| Dokumentatsioon | 3–4 taset | Avaleht, juhendid, API-viide | `/docs/section/page` |
| Hübriid SaaS+sisu | 3–4 taset | Avaleht, toode, blogi, ressursid, dokumendid | `/product/feature`, `/blog/slug` |
| Väikeettevõte | 1–2 taset | Avaleht, teenused, meist, kontakt | `/services/name` |

**Täielike lehehierarhia mallide jaoks**: Vaata [references/site-type-templates.md](references/site-type-templates.md)

---

## Lehehierarhia kujundamine

### 3-klõpsu reegel

Kasutajad peaksid jõudma iga olulise leheni 3 klõpsuga avalehest. See ei ole absoluutne, kuid kui kriitilised lehed on maetud 4+ tasandi sügavusele, on midagi valesti.

### Lame vs sügav

| Lähenemine | Parim | Kompromiss |
|----------|----------|----------|
| Lame (2 taset) | Väikesed saidid, portfooliod | Lihtne, kuid ei skaleeru |
| Mõõdukas (3 taset) | Enamik SaaS-, sisusaite | Hea tasakaal sügavuse ja leitavuse vahel |
| Sügav (4+ taset) | E-kaubandus, suured dokumendid | Skaleerub, kuid riskib sisu matmisega |

**Rusikareegel**: Mine nii lamedaks kui võimalik, hoides navigatsiooni puhta. Kui navigatsiooni rippmenüüs on 20+ üksust, lisa hierarhiataset.

### Hierarhiatasandid

| Tase | Mis see on | Näide |
|-------|-----------|---------|
| L0 | Avaleht | `/` |
| L1 | Peamised jaotised | `/features`, `/blog`, `/pricing` |
| L2 | Jaotiselehed | `/features/analytics`, `/blog/seo-guide` |
| L3+ | Detaililehed | `/docs/api/authentication` |

### ASCII-puu vorming

Kasuta lehehierarhiate jaoks seda vormingut:

```
Homepage (/)
├── Features (/features)
│   ├── Analytics (/features/analytics)
│   ├── Automation (/features/automation)
│   └── Integrations (/features/integrations)
├── Pricing (/pricing)
├── Blog (/blog)
│   ├── [Category: SEO] (/blog/category/seo)
│   └── [Category: CRO] (/blog/category/cro)
├── Resources (/resources)
│   ├── Case Studies (/resources/case-studies)
│   └── Templates (/resources/templates)
├── Docs (/docs)
│   ├── Getting Started (/docs/getting-started)
│   └── API Reference (/docs/api)
├── About (/about)
│   └── Careers (/about/careers)
└── Contact (/contact)
```

**Millal kasutada ASCII vs Mermaid**:
- ASCII: kiired hierarhiamustandid, ainult tekstiga kontekstid, lihtsad struktuurid
- Mermaid: visuaalsed esitlused, keerukad suhted, navigatsioonitsoonide või linkimismustrite näitamine

---

## Navigatsiooni kujundamine

### Navigatsioonitüübid

| Navigatsioonitüüp | Eesmärk | Paigutus |
|----------|---------|-----------|
| Päisenavigatsioon | Peamine navigatsioon, alati nähtav | Iga lehe ülaosa |
| Rippmenüüd | Korralda alamlehed vanema alla | Avaneb päiseüksustest |
| Jalusenavigatsioon | Teisesed lingid, juriidiline, saidikaart | Iga lehe alaosa |
| Külgriba navigatsioon | Jaotise navigatsioon (dokumendid, blogi) | Vasak külg jaotise sees |
| Jäljeread (breadcrumbs) | Näita praegust asukohta hierarhias | Päise all, sisu kohal |
| Kontekstilingid | Seotud sisu, järgmised sammud | Lehe sisu sees |

### Päisenavigatsiooni reeglid

- **4–7 üksust maksimaalselt** peamises navigatsioonis (rohkem põhjustab otsustushalvatust)
- **CTA-nupp** läheb kõige parempoolsemaks (nt „Start Free Trial“, „Get Started“)
- **Logo** lingib avalehele (vasak külg)
- **Järjesta prioriteedi järgi**: kõige olulisemad/külastatumad lehed esimesena
- Kui sul on megamenüü, piira 3–4 veeruga

### Jaluse korraldus

Rühmita jaluselingid veergudesse:
- **Toode**: funktsioonid, hinnastamine, integratsioonid, muudatuste logi
- **Ressursid**: blogi, juhtumianalüüsid, mallid, dokumendid
- **Ettevõte**: meist, karjäär, kontakt, press
- **Juriidiline**: privaatsus, tingimused, turvalisus

### Jäljerea vorming

```
Home > Features > Analytics
Home > Blog > SEO Category > Post Title
```

Jäljeread peaksid peegeldama URL-hierarhiat. Iga jäljerea segment peaks olema klõpsatav link, välja arvatud praegune leht.

**Detailsete navigatsioonimustrite jaoks**: Vaata [references/navigation-patterns.md](references/navigation-patterns.md)

---

## URL-struktuur

### Kujundamispõhimõtted

1. **Inimloetav** — `/features/analytics`, mitte `/f/a123`
2. **Sidekriipsud, mitte alakriipsud** — `/blog/seo-guide`, mitte `/blog/seo_guide`
3. **Peegelda hierarhiat** — URL-tee peaks vastama saidi struktuurile
4. **Järjepidev lõpukaldkriipsu poliitika** — vali üks (koos või ilma) ja jõusta seda
5. **Alati väiketähed** — `/About` peaks ümber suunama `/about`-ile
6. **Lühike, kuid kirjeldav** — `/blog/how-to-improve-landing-page-conversion-rates` on liiga pikk; `/blog/landing-page-conversions` on parem

### URL-mustrid lehetüübi kaupa

| Lehetüüp | Muster | Näide |
|-----------|---------|---------|
| Avaleht | `/` | `example.com` |
| Funktsioonileht | `/features/{name}` | `/features/analytics` |
| Hinnastamine | `/pricing` | `/pricing` |
| Blogipostitus | `/blog/{slug}` | `/blog/seo-guide` |
| Blogikategooria | `/blog/category/{slug}` | `/blog/category/seo` |
| Juhtumianalüüs | `/customers/{slug}` | `/customers/acme-corp` |
| Dokumentatsioon | `/docs/{section}/{page}` | `/docs/api/authentication` |
| Juriidiline | `/{page}` | `/privacy`, `/terms` |
| Maandumisleht | `/{slug}` või `/lp/{slug}` | `/free-trial`, `/lp/webinar` |
| Võrdlus | `/compare/{competitor}` või `/vs/{competitor}` | `/compare/competitor-name` |
| Integratsioon | `/integrations/{name}` | `/integrations/slack` |
| Mall | `/templates/{slug}` | `/templates/marketing-plan` |

### Levinud vead

- **Kuupäevad blogi URL-ides** — `/blog/2024/01/15/post-title` ei lisa väärtust ja teeb URL-id pikaks. Kasuta `/blog/post-title`.
- **Ülepesastamine** — `/products/category/subcategory/item/detail` on liiga sügav. Lameneda, kus võimalik.
- **URL-ide muutmine ilma ümbersuunamisteta** — iga vana URL vajab 301-ümbersuunamist uuele URL-ile. Ilma nendeta kaotad tagasilinkide väärtuse ja tekitad katkiseid lehti kõigile, kellel on vana URL järjehoidjates või lingitud.
- **ID-d URL-ides** — `/product/12345` ei ole inimloetav. Kasuta slug'e.
- **Päringuparameetrid sisu jaoks** — `/blog?id=123` peaks olema `/blog/post-title`.
- **Ebajärjepidevad mustrid** — ära sega `/features/analytics` ja `/product/automation`. Vali üks vanem.

### Jäljerea-URL-i vastavus

Jäljerida peaks peegeldama URL-teed:

| URL | Jäljerida |
|-----|-----------|
| `/features/analytics` | Home > Features > Analytics |
| `/blog/seo-guide` | Home > Blog > SEO Guide |
| `/docs/api/auth` | Home > Docs > API > Authentication |

---

## Visuaalse saidikaardi väljund (Mermaid)

Kasuta visuaalsete saidikaartide jaoks Mermaidi `graph TD`-d. See teeb hierarhiasuhted selgeks ja saab annoteerida navigatsioonitsoone.

### Põhihierarhia

```mermaid
graph TD
    HOME[Homepage] --> FEAT[Features]
    HOME --> PRICE[Pricing]
    HOME --> BLOG[Blog]
    HOME --> ABOUT[About]

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]
    FEAT --> F3[Integrations]

    BLOG --> B1[Post 1]
    BLOG --> B2[Post 2]
```

### Navigatsioonitsoonidega

```mermaid
graph TD
    subgraph Header Nav
        HOME[Homepage]
        FEAT[Features]
        PRICE[Pricing]
        BLOG[Blog]
        CTA[Get Started]
    end

    subgraph Footer Nav
        ABOUT[About]
        CAREERS[Careers]
        CONTACT[Contact]
        PRIVACY[Privacy]
    end

    HOME --> FEAT
    HOME --> PRICE
    HOME --> BLOG
    HOME --> ABOUT

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]
```

**Rohkemate Mermaidi mallide jaoks**: Vaata [references/mermaid-templates.md](references/mermaid-templates.md)

---

## Sisemise linkimise strateegia

### Lingitüübid

| Tüüp | Eesmärk | Näide |
|------|---------|---------|
| Navigatsiooniline | Liikumine jaotiste vahel | Päise, jaluse, külgriba lingid |
| Kontekstiline | Seotud sisu teksti sees | „Learn more about [analytics](/features/analytics)“ |
| Keskmega-kodarad | Ühenda klastrisisu keskmega | Blogipostitused, mis lingivad sambalehele |
| Jaotiseülene | Ühenda seotud lehed jaotiste vahel | Funktsioonileht, mis lingib seotud juhtumianalüüsile |

### Sisemise linkimise reeglid

1. **Ei mingeid orvulehti** — igal lehel peab olema vähemalt üks sellele osutav sisemine link
2. **Kirjeldav ankurtekst** — „our analytics features“, mitte „click here“
3. **5–10 sisemist linki 1000 sõna** sisu kohta (ligikaudne juhis)
4. **Lingi olulistele lehtedele sagedamini** — avaleht, põhifunktsioonide lehed, hinnastamine
5. **Kasuta jäljeridu** — tasuta sisemised lingid igal lehel
6. **Seotud sisu jaotised** — „Related Posts“ või „You might also like“ lehe allosas

### Keskmega-kodarate mudel

Sisurohkete saitide jaoks korralda keskmega lehtede ümber:

```
Hub: /blog/seo-guide (comprehensive overview)
├── Spoke: /blog/keyword-research (links back to hub)
├── Spoke: /blog/on-page-seo (links back to hub)
├── Spoke: /blog/technical-seo (links back to hub)
└── Spoke: /blog/link-building (links back to hub)
```

Iga kodar lingib tagasi keskmele. Keskmes lingib kõigile kodaratele. Kodarad lingivad üksteisele, kus asjakohane.

### Linkide auditi kontrollnimekiri

- [ ] Igal lehel on vähemalt üks sissetulev sisemine link
- [ ] Ei mingeid katkiseid sisemisi linke (404-d)
- [ ] Ankurtekst on kirjeldav (mitte „click here“ ega „read more“)
- [ ] Olulistel lehtedel on kõige rohkem sissetulevaid sisemisi linke
- [ ] Jäljeread on rakendatud kõigil lehtedel
- [ ] Seotud sisu lingid on blogipostitustel olemas
- [ ] Jaotiseülesed lingid ühendavad funktsioonid juhtumianalüüsidega, blogi tootelehtedega

---

## Väljundvorming

Saidi arhitektuuri plaani loomisel esita need tulemid:

### 1. Lehehierarhia (ASCII-puu)
Täielik saidistruktuur URL-idega igas sõlmes. Kasuta ASCII-puu vormingut jaotisest Lehehierarhia kujundamine.

### 2. Visuaalne saidikaart (Mermaid)
Mermaidi diagramm, mis näitab lehtede suhteid ja navigatsioonitsoone. Kasuta `graph TD` koos alamgraafikutega navigatsioonitsoonide jaoks, kus abiks.

### 3. URL-kaardi tabel

| Leht | URL | Vanem | Navigatsiooni asukoht | Prioriteet |
|------|-----|--------|-------------|----------|
| Avaleht | `/` | — | Päis | Kõrge |
| Funktsioonid | `/features` | Avaleht | Päis | Kõrge |
| Analüütika | `/features/analytics` | Funktsioonid | Päise rippmenüü | Keskmine |
| Hinnastamine | `/pricing` | Avaleht | Päis | Kõrge |
| Blogi | `/blog` | Avaleht | Päis | Keskmine |

### 4. Navigatsiooni spetsifikatsioon
- Päisenavigatsiooni üksused (järjestatud, koos CTA-ga)
- Jaluse jaotised ja lingid
- Külgriba navigatsioon (kui asjakohane)
- Jäljerea rakendamise märkused

### 5. Sisemise linkimise plaan
- Keskmega lehed ja nende kodarad
- Jaotiseüleste linkide võimalused
- Orvulehtede audit (kui ümberstruktureerimine)
- Soovitatud lingid põhilehe kohta

---

## Ülesandespetsiifilised küsimused

1. Kas see on uus sait või struktureerid olemasolevat ümber?
2. Mis tüüpi sait see on? (SaaS, sisu, e-kaubandus, dokumendid, hübriid, väikeettevõte)
3. Mitu lehte on olemas või planeeritud?
4. Millised on saidi 5 kõige olulisemat lehte?
5. Kas on olemasolevaid URL-e, mis tuleb säilitada või ümber suunata?
6. Kes on peamised sihtrühmad ja mida nad üritavad saidil saavutada?

---

## Seotud oskused

- **content-strategy**: Loodava sisu ja teemaklastrite planeerimiseks
- **programmatic-seo**: SEO-lehtede ehitamiseks mastaabis mallide ja andmetega
- **seo-audit**: Tehnilise SEO, lehesisese optimeerimise ja indekseerimisprobleemide jaoks
- **cro**: Üksikute lehtede konversiooniks optimeerimise jaoks
- **schema**: Jäljerea ja saidinavigatsiooni struktureeritud andmete rakendamiseks
- **competitors**: Võrdluslehtede raamistike ja URL-mustrite jaoks