Was ist Website-Architektur?
Website-Architektur ist die Struktur und Organisation deiner Website – wie Seiten und Inhalte hierarchisch angeordnet sind und wie sie untereinander verlinkt sind.
Eine gute Architektur hat folgende Eigenschaften:
- Klare Hierarchie: Google und Nutzer verstehen sofort, welche Seite wichtig ist
- Logische Kategorisierung: Ähnliche Inhalte sind zusammen gruppiert
- Gute Navigierbarkeit: Nutzer finden, was sie suchen (max. 3 Klicks)
- SEO-freundlich: Interne Verlinkung passiert natürlich, nicht erzwungen
- Skalierbar: Neue Inhalte können einfach hinzugefügt werden, ohne die Struktur zu zerstören
Die 3 Haupt-Architektur-Modelle
Es gibt drei grundlegende Modelle für Website-Architektur. Je nach Seite ist eines besser als die anderen.
Modell 1: Hierarchische (Baum-) Struktur
Das ist das klassische Modell: Eine Startseite mit Kategorien und Unterkategorien wie ein Organigramm.
Homepage
├── Kategorie 1
│ ├── Artikel 1.1
│ ├── Artikel 1.2
│ └── Artikel 1.3
├── Kategorie 2
│ ├── Artikel 2.1
│ └── Artikel 2.2
└── Kategorie 3
└── Artikel 3.1
Vorteile:
- Sehr klar und logisch
- Nutzer wissen immer, wo sie sind (Breadcrumbs)
- SEO-freundlich: Kategorien konzentrieren Link-Juice
- Best practice für die meisten Websites
Nachteile:
- Bei tiefen Hierarchien wird es verwirrend (mehr als 3 Ebenen problematisch)
- Artikel sind von der Homepage weit weg (höhere Crawl-Tiefe)
Best für: Blogs, News-Seiten, E-Commerce, die meisten Content-Websites.
Modell 2: Flache Struktur
Alle Artikel sind fast auf gleicher Ebene, direkt von der Homepage verlinkt.
Homepage ├── Artikel 1 ├── Artikel 2 ├── Artikel 3 ├── Artikel 4 └── Artikel 5
Vorteile:
- Schnell zu finden (alles 1-2 Klicks vom Start)
- Flache Crawl-Tiefe (Google crawlt alles schnell)
- Für kleine Websites einfach
Nachteile:
- Wird schnell unübersichtlich (mehr als 10-15 Seiten problematisch)
- Keine Kategorien, alles vermischt
- Schlechter für Themen-Clustering (Siloing)
Best für: Kleine Websites (Startups, Portfolio-Seiten), Landing Pages.
Modell 3: Hub-and-Spoke (Netzwerk-Struktur)
Ein zentrales Hub (Kategorie-Seite) mit vielen Artikeln, die zum Hub verlinken – und untereinander.
Hub (z.B. "WordPress SEO")
/ | \
Art1 Art2 Art3
| | |
└──────┴────────┘
Vorteile:
- Thematisches Clustering (Google versteht Zusammenhang gut)
- Hub-Seite wird sehr stark (konzentriert Link-Power)
- Artikel verlinken untereinander (starkes Siloing)
- Perfekt für SEO
Nachteile:
- Erfordert gute Planung (welche Artikel zum Hub?)
- Kann zu viele interne Links führen (spam-wirken)
Best für: SEO-fokussierte Websites, große Blogs mit Themen-Clustern.
URL-Struktur: Das ist auch Architektur
Deine URL-Struktur ist Teil der Architektur – und Google schaut sie an.
Gute URL-Struktur Beispiele:
example.com/blog/wordpress-seo/(Kategorie/Artikel)example.com/services/seo-consulting/(Kategorie/Service)example.com/de/blog/(Sprache/Kategorie) für multilinguale Sites
Schlechte URLs:
example.com/article/2024/04/27/my-post(Zu tief, mit Datum)example.com/p/123(nicht sprechend)example.com/blog/category1/subcategory/page(Zu tiefe Kategorien)
URL-Struktur Regeln:
- Max. 3 Ebenen tief (Homepage → Kategorie → Artikel)
- Sprechend und Keyword-enthaltend
- Konsistent bleiben (nicht /blog/ und dann /article/ und dann /news/)
- Kurz halten (unter 80 Zeichen ideal)
- Keine Umlaute oder Sonderzeichen
- Datensuffix-unabhängig (keine /index.html oder .php am Ende)
Navigations-Design
Die Navigation ist eine Achse der Architektur – sie zeigt Besuchern die Struktur.
Gute Navigation:
- Hauptnavigation (Header): 5-7 Top-Level-Items
- Unter jedem Item: Dropdown mit 3-8 Unterpunkten
- Footer-Navigation: Links zu wichtigen Seiten + Sitemap-Link
- Breadcrumbs: Zeigen den Pfad (Homepage > Kategorie > Artikel)
Was man vermeiden sollte:
- Zu viele Top-Level-Menü-Items (verwirrt)
- Versteckte Navigation (mega menus sind ok, aber nicht übertreiben)
- Fehlende Breadcrumbs
- Kaputte Links in der Navigation
Seitenhierarchie definieren
Nicht alle Seiten sind gleich wichtig. Google und Nutzer sollten das verstehen.
Wichtigkeits-Pyramide:
- Level 1 (Top Priority): Homepage, Hauptkategorien, wichtigste Verkaufsseiten
- Level 2 (Medium Priority): Unterkategorien, populäre Artikel
- Level 3 (Low Priority): Einzelne Artikel, Archive, ältere Inhalte
Das sichtbar machen:
- Homepage: Maximale interne Links zur Homepage (zentraler Hub)
- Level-1-Seiten: In Hauptnavigation verlinkt
- Level-2-Seiten: In Subnavigation oder via Level-1-Seiten verlinkt
- Level-3-Seiten: In Listen, verwandten Artikeln, oder nur von Level-2 verlinkt
Das beeinflusst, wie schnell Google jede Seite crawlt – und wie viel Link-Juice sie erhält.
Interne Verlinkungs-Strategie (Siloing)
Gute Architektur führt zu natürlicher, guter interner Verlinkung.
Siloing-Beispiel: WordPress SEO Topic Cluster
Hub: "WordPress SEO Anleitung" (main article) ├── Link zu: "WordPress Plugins Ranking" ├── Link zu: "WordPress Snippets" ├── Link zu: "WordPress Meta Tags" └── Link zu: "WordPress Ladegeschwindigkeit" Alle diese Artikel verlinken: ├── Zurück zum Hub └── Zu einander (rel. Artikel)
Das signalisiert Google: „Diese 5 Artikel sind ein thematischer Cluster“. Das führt zu besseren Rankings für alle.
Seitenbreite (Breadth) vs. Seitentiefe (Depth)
Das ist ein wichtiges Konzept in der Website-Architektur.
Breite (viele Artikel auf gleicher Ebene):
- Vorteile: Schneller für Google zu crawlen, Nutzer finden schneller
- Nachteile: Wird unübersichtlich, Kategorien-Seite wird zu lang
Tiefe (viele Ebenen unter einer Kategorie):
- Vorteile: Übersichtlich (jede Ebene hat wenige Items)
- Nachteile: Artikel sind weit weg von Homepage, Google muss tiefer crawlen
Optimales Balance:
- Max. 3 Ebenen (Homepage → Kat1 → Kat2 → Artikel)
- Nicht mehr als 2.000 URLs auf einer Ebene
- Durchschnittlich 5-10 Artikel pro Kategorie
Handfeste Architektur-Beispiele
Beispiel 1: Blog (Hierarchisch)
Homepage ├── Blog │ ├── WordPress │ │ ├── WordPress SEO │ │ ├── WordPress Performance │ │ └── WordPress Security │ ├── Marketing │ │ ├── Content Marketing │ │ ├── Email Marketing │ │ └── Social Media │ └── Design │ ├── UI Design │ └── UX Basics ├── Services ├── About └── Contact
Beispiel 2: E-Commerce
Homepage ├── Produkte │ ├── Elektronik │ │ ├── Laptops │ │ │ ├── Gaming Laptops │ │ │ └── Business Laptops │ │ └── Tablets │ ├── Fashion │ └── Home ├── Blog (Inhalts-Marketing) ├── FAQ ├── About └── Contact
Beispiel 3: Service-Website (Hub-and-Spoke)
Homepage ├── SEO Services (HUB) │ ├── ├→ "On-Page SEO" (Artikel) │ ├── ├→ "Technical SEO" (Artikel) │ ├── ├→ "Link Building" (Artikel) │ └── └→ "Local SEO" (Artikel) ├── Pricing ├── Case Studies ├── Blog └── Contact
Migration und Umstrukturierung
Manchmal muss man die Architektur überarbeiten. Das muss sorgfältig gemacht werden:
Schritte:
- Neue Struktur planen (Aufgabe 1)
- Alle alten URLs mappen zu neuen URLs (Aufgabe 2)
- 301-Weiterleitungen für jede alte URL zur neuen setzen (Aufgabe 3)
- Internal Links überarbeiten (auf neue URLs verlinken) (Aufgabe 4)
- Google Search Console informieren (neue Sitemap einreichen) (Aufgabe 5)
- 3-6 Monate monitoren (Ranking-Verluste? Crawl-Fehler?) (Aufgabe 6)
Fehler hier können deine Rankings um 20-50% drücken!
Checkliste: Website-Architektur
Nutze diese Checkliste, um deine aktuelle Architektur zu bewerten:
- ☐ Klare Hierarchie vorhanden? (Homepage ist am wichtigsten)
- ☐ Max. 3 Ebenen tief?
- ☐ URLs sind sprechend und Keyword-haltig?
- ☐ Navigation ist intuitiv (Nutzer finden alles in max. 3 Klicks)?
- ☐ Breadcrumbs vorhanden?
- ☐ Interne Verlinkung strategisch aufgebaut (Siloing)?
- ☐ Kategorien haben mindestens 3 verwandte Artikel?
- ☐ Alte/nicht-rankende Artikel sind kategorisiert oder gelöscht?
- ☐ XML-Sitemap ist aktuell?
- ☐ Keine Broken Links?
Fazit: Architektur ist Langzeit-Investment
Die Website-Architektur ist nicht sexy – aber sie ist das Fundament. Eine gute Architektur:
- Hilft Google zu verstehen, worum es geht
- Verbessert das User-Experience
- Macht deine Website einfacher zu skalieren
- Reduziert zukünftige Refactoring-Kosten
Investiere Zeit in eine durchdachte Architektur – die Dividenden zahlst du Jahre lang aus. Die gute Nachricht: Es ist nicht so kompliziert, wie es aussieht. Mit den 3 Modellen und den praktischen Checklisten kannst du sofort starten.
Fragen zur Website-Architektur? Schreib einen Kommentar!
