Wie ist der Aufbau einer Website? Struktur, Navigation und Seitenhierarchie
Der Aufbau einer Website entscheidet darüber, ob Nutzer Informationen schnell finden und ob Suchmaschinen verstehen, welche Seiten zusammengehören und welche Inhalte besonders wichtig sind. Eine gute Website-Struktur ist deshalb mehr als Header, Text und Footer.
Sie verbindet Informationsarchitektur, Navigation, interne Links, URL-Struktur, Inhalte und Conversion zu einem nachvollziehbaren System.
Inhaltsverzeichnis
ToggleHomepage, Webseite und Website: Was ist der Unterschied?
Die Begriffe werden oft synonym verwendet:
- Website: der gesamte Webauftritt unter einer Domain.
- Webseite: eine einzelne URL innerhalb dieser Website.
- Homepage: im engeren Sinn die Startseite der Website.
Beispiel: example.de ist die Website, example.de/leistungen/ eine einzelne Webseite und example.de/ die Homepage.
Welche grundlegenden Bereiche hat eine Webseite?
Header
Der Header enthält typischerweise Logo/Marke, Hauptnavigation und gegebenenfalls wichtige Kontakt- oder CTA-Elemente. Er sollte auf allen zentralen Seitentypen konsistent funktionieren.
Main Content
Im Hauptbereich steht der einzigartige Inhalt der jeweiligen URL. Hier gehören H1, zentrale Antwort, Leistungsinformationen, Bilder, Tabellen, Tools, Formulare und weiterführende Inhalte hin.
Footer
Der Footer ergänzt Navigation und Pflicht-/Serviceinformationen, etwa Kontakt, Impressum, Datenschutz, wichtige Leistungen oder weitere hilfreiche Links. Er sollte keine Müllhalde für hunderte SEO-Links sein.
Was ist Informationsarchitektur?
Informationsarchitektur beschreibt, wie Inhalte gruppiert, benannt und miteinander verbunden werden. Ein Nutzer sollte aus der Struktur erkennen können:
- Welche Hauptbereiche gibt es?
- Wo befindet sich die aktuelle Seite?
- Welche Inhalte sind übergeordnet oder untergeordnet?
- Welche Seite beantwortet welche Frage?
- Wie gelangt man zur nächsten sinnvollen Information oder Handlung?
Flache oder tiefe Website-Struktur?
„Alles muss maximal drei Klicks von der Startseite entfernt sein“ ist keine starre Google-Regel. Wichtig ist eine logische Hierarchie und dass wichtige Seiten über echte interne Links erreichbar sind.
Sehr tiefe Strukturen können Nutzer und Crawler unnötig erschweren. Eine komplett flache Website mit 100 Links im Hauptmenü ist aber ebenfalls keine gute Lösung.
Beispiel für eine sinnvolle Unternehmensstruktur
- Startseite
- Leistungen
- SEO
- Local SEO
- Google Ads
- Webdesign
- Ratgeber/Blog
- SEO Grundlagen
- Local SEO
- WordPress/Technik
- Über uns
- Referenzen
- Kontakt
Die genaue Struktur hängt vom Geschäftsmodell ab. Ein Shop, eine Kanzlei und eine Agentur benötigen unterschiedliche Hierarchien.
Navigation ist nicht dasselbe wie Website-Struktur
Die Navigation ist die sichtbare Bedienoberfläche für einen Teil der Struktur. Nicht jede indexierbare Seite muss im Hauptmenü stehen. Viele vertiefende Ratgeber können über Hub-Seiten und kontextuelle Links erreichbar sein.
Ein Hauptmenü sollte die wichtigsten Nutzerwege abbilden – nicht jede einzelne URL.
Welche Seiten gehören ins Hauptmenü?
Typischerweise Seiten mit hoher Nutzerrelevanz:
- wichtigste Leistungen/Produkte,
- Über/Unternehmen,
- Kontakt,
- gegebenenfalls Standorte,
- zentrale Ratgeber-/Ressourcenbereiche.
Technische Systemseiten, Tags oder jede einzelne Blog-URL gehören normalerweise nicht ins Hauptmenü.
Dropdown- und Mega-Menüs
Dropdowns können umfangreiche Bereiche strukturieren, müssen aber mit Maus, Tastatur und Touch zuverlässig bedienbar sein. Unterseiten sollten nicht nur über komplizierte Hover-Effekte erreichbar sein.
Die Details behandelt unser Spezialartikel Dropdown-Menü auf einer Website.
Interne Links bilden die fachliche Struktur
Google nutzt Links, um neue Seiten zu entdecken und Relevanzzusammenhänge zu verstehen. Deshalb sollten wichtige Seiten nicht nur in einer Sitemap stehen, sondern aus passenden Inhalten verlinkt werden.
Gute interne Links:
- führen zu einer echten Vertiefung,
- verwenden verständlichen Ankertext,
- verlinken direkt auf die finale URL,
- helfen dem Nutzer bei der nächsten Frage.
Pillar- und Cluster-Struktur
Bei großen Themenbereichen kann eine Hauptseite als Pillar dienen und auf spezialisierte Unterthemen verweisen. Beispiel:
- Local SEO Pillar
- Rankingfaktoren
- Local SEO Tools
- lokale Backlinks
- Local SEO für Anwälte
Die Spezialartikel verlinken wiederum sinnvoll auf den Pillar und untereinander. So entsteht ein echtes Themencluster statt einer Sammlung isolierter Texte.
URL-Struktur an die Informationsarchitektur anpassen
URLs sollten logisch, stabil und lesbar sein. Eine Website muss nicht jede Hierarchieebene zwingend im URL-Pfad wiederholen, aber die Struktur sollte konsistent bleiben.
Mehr dazu unter Was ist eine URL?.
Breadcrumbs als Orientierung
Breadcrumbs können Nutzern zeigen, wo sich eine Seite innerhalb der Website befindet. Bei tiefen Strukturen, Shops oder großen Ratgeberbereichen sind sie besonders hilfreich.
Wenn strukturierte Breadcrumb-Daten verwendet werden, müssen sie den sichtbaren bzw. tatsächlichen Navigationszusammenhang korrekt abbilden.
Startseite: Welche Aufgabe hat sie?
Die Startseite muss nicht jedes Detail erklären. Ihre Hauptaufgaben sind meist:
- Unternehmen/Angebot schnell einordnen,
- wichtigste Nutzerwege anbieten,
- Vertrauen schaffen,
- zentrale Leistungen und Inhalte priorisieren,
- zur nächsten Handlung führen.
Leistungsseiten: ein Intent pro Kernleistung
Eine Leistungsseite sollte ein klar definiertes Angebot abdecken. Zu viele nahezu identische Seiten mit leicht variierter Formulierung erzeugen unnötige Konkurrenz innerhalb der eigenen Domain.
Wenn mehrere Artikel dieselbe Suchintention beantworten, ist häufig eine stärkere zentrale Seite sinnvoller.
Ratgeber: Informationsfragen statt zweite Leistungsseiten
Ratgeber sollten echte Informationsintents abdecken. Beispiel:
- Leistung: „Webdesign Agentur“
- Ratgeber: „Was kostet eine Landingpage?“
- Ratgeber: „Responsive Webdesign erklärt“
So ergänzen sich kommerzielle und informative Seiten statt miteinander zu konkurrieren.
Conversion in die Struktur integrieren
Ein Nutzer sollte nicht nach einem hilfreichen Artikel am Ende in einer Sackgasse landen. Je nach Intent können passende nächste Schritte sein:
- weiterführender Ratgeber,
- kostenloser Checker,
- Kostenrechner,
- Download,
- Terminbuchung,
- Kontaktformular,
- passende Leistung.
Der CTA sollte zum Informationsstand des Nutzers passen.
Interaktive Tools als Teil der Informationsarchitektur
Tools sollten nicht beliebig auf jeder Seite eingebaut werden. Sie sind besonders sinnvoll, wenn sie direkt die Frage des Artikels lösen.
Beispiele:
- URL-Checker in einem Indexierungsartikel,
- Speed-Checker im Performance-Bereich,
- Title-/Meta-Check in SEO-Artikeln,
- Landingpage-Kostenrechner im Kostenartikel,
- Backlink-Checker im Linkaufbau-Artikel.
So werden Tools selbst zu wichtigen Knoten der Website und können organische Links, Wiederkehr und Conversion fördern.
Mobile Struktur nicht vergessen
Auf Mobilgeräten darf die Navigation nicht wichtige Links oder Inhalte verlieren. Google indexiert die mobile Inhaltsversion. Wenn Desktop 20 wichtige Links besitzt und Mobil nur fünf, kann das Discovery und interne Signale verändern.
Welche Rolle spielen HTML-Sitemaps?
Eine HTML-Sitemap kann Nutzern bei großen Websites zusätzliche Orientierung bieten. Sie ersetzt aber keine gute Navigation und interne Linkstruktur.
Eine XML-Sitemap richtet sich primär an Suchmaschinen. Die Unterschiede erklären wir in unserem Sitemap-Leitfaden.
Welche Strukturfehler sind häufig?
- wichtige Seiten ohne interne Links,
- zu viele Hauptmenüpunkte,
- mehrere Seiten für denselben Intent,
- Footer mit hunderten Keyword-Links,
- Unterseiten nur über JavaScript ohne crawlbaren href erreichbar,
- mobile Navigation verliert wichtige Seiten,
- alte Seiten bleiben trotz Nachfolger parallel indexierbar,
- Blogartikel verlinken nur automatisch „Latest Posts“.
Was sollte ein Website-Architektur-Checker prüfen?
Ein automatischer Strukturcheck könnte die gesamte Domain crawlen und auswerten:
- Klicktiefe jeder URL,
- eingehende interne Links,
- verwaiste Seiten,
- Redirects in internen Links,
- 404-Links,
- Ankertexte,
- Hauptnavigation/Footer/Content-Links getrennt,
- ähnliche Titles/H1/Intents,
- Pillar-/Cluster-Verbindungen,
- mobile vs. Desktop-Navigation,
- Sitemap-URLs ohne interne Links,
- indexierbare URLs außerhalb der Sitemap,
- mögliche Kannibalisierung.
Die Ausgabe sollte anschließend konkrete Strukturmaßnahmen vorschlagen: intern verlinken, zusammenführen, Navigation ändern, noindex setzen oder Seite als eigenständigen Intent stärken.
Checkliste für einen guten Website-Aufbau
- Geschäftsziele und Hauptnutzer definieren.
- zentrale Leistungen/Produkte festlegen.
- Informationsintents als Ratgeberbereiche planen.
- klare Seitenhierarchie erstellen.
- Hauptnavigation auf wichtigste Wege begrenzen.
- interne Links zwischen verwandten Inhalten setzen.
- URLs logisch und stabil halten.
- mobile Navigation testen.
- Tools/CTAs passend zum Seitenintent integrieren.
- Struktur regelmäßig crawlen und verwaiste/Doppel-URLs prüfen.
Fazit
Ein guter Website-Aufbau besteht nicht nur aus sichtbaren Designblöcken. Er verbindet Seitenhierarchie, Navigation, interne Links, URLs und Conversion zu einem System, das für Nutzer und Suchmaschinen nachvollziehbar ist.
Google analysiert die Linkstruktur einer Website und nutzt crawlbare interne Links, um Seiten zu entdecken und Zusammenhänge zu verstehen. Deshalb ist eine durchdachte Informationsarchitektur eine technische und redaktionelle Grundlage für SEO – nicht bloß eine Designfrage.
Welche Inhalte eine Unternehmenswebsite konkret benötigt, zeigt ergänzend unsere Website-Inhaltscheckliste.
