Navigation und Menüstruktur der Website:
wie Besucher den Weg zur Anfrage finden

Navigation und Menüstruktur: die Begriffe

Die Navigation ist das Menüsystem, über das Besucher die Bereiche einer Website ansteuern. Sie erscheint meist als Leiste am oberen Rand und wiederholt sich auf jeder Seite — sie ist der feste Rahmen, in dem sich der Besucher bewegt.

Die Menüstruktur beschreibt, wie diese Bereiche geordnet sind: welche Punkte in der Hauptnavigation stehen, was sich hinter Untermenüs verbirgt und in welchen Ebenen die Inhalte hängen. Während die Navigation das sichtbare Element ist, ist die Menüstruktur die dahinterliegende Ordnung. Diese Ordnung ist Teil der Informationsarchitektur einer Website — der Frage, wie Inhalte insgesamt sortiert und auffindbar gemacht werden.

Beide gehören zusammen: Die beste Struktur nutzt nichts, wenn die Navigation sie nicht sichtbar macht, und die schönste Menüleiste hilft nicht, wenn die Struktur dahinter unlogisch ist. Der Aufbau einer Navigation beantwortet deshalb zwei Fragen gleichzeitig — welche Bereiche eine Website hat und wie ein Besucher zwischen ihnen wechselt.

Warum die Navigation über Anfragen entscheidet

Ein Besucher kommt selten auf der Startseite an und liest die Website von oben nach unten. Er springt über eine Suchmaschine mitten hinein, überfliegt, klickt weiter. In diesem Verhalten ist die Navigation der einzige verlässliche Orientierungspunkt: Sie beantwortet die stumme Frage „Wo finde ich, was ich brauche?" — und sie tut es auf jeder Seite gleich.

Der Weg zur Anfrage führt fast immer über die Navigation. Wer eine Leistung prüfen will, sucht den Menüpunkt dazu. Wer Vertrauen aufbauen will, sucht Referenzen oder die Über-uns-Seite. Wer bereit ist, sucht den Kontakt. Ist einer dieser Wege verstellt, bricht die Kette an dieser Stelle ab. Der Besucher fragt in aller Regel nicht nach, wo etwas steht — er wechselt zur nächsten Website.

Damit ist die Navigation ein direkter Hebel für die Zahl der Anfragen. Eine Website kann guten Inhalt und viele Besucher haben und trotzdem wenige Kontakte erzeugen, weil der Weg dorthin zu umständlich ist. Warum Sichtbarkeit allein noch keine Aufträge bringt, vertieft unser Beitrag Gute Rankings, kaum Aufträge.

Menütiefe: wie viele Ebenen eine Website trägt

Die Menütiefe beschreibt, wie viele Ebenen zwischen der Startseite und der einzelnen Unterseite liegen. Jede Ebene ist ein zusätzlicher Klick — und jeder Klick ist eine Stelle, an der ein Besucher abbrechen kann. Die Kunst liegt darin, genug Struktur zu bieten, ohne den Weg unnötig zu verlängern.

Zwei Ebenen reichen für die meisten Websites

Eine Hauptnavigation mit einer Unterebene deckt die allermeisten Unternehmens-Websites ab. Die Hauptpunkte benennen die großen Bereiche, die Unterpunkte gliedern sie auf. Als Faustregel sollte jede wichtige Seite in höchstens drei Klicks ab der Startseite erreichbar sein. Wer für ein zentrales Angebot fünf Klicks braucht, hat es faktisch versteckt.

Wann eine Übersichtsseite hilft

Wächst ein Bereich über wenige Unterseiten hinaus, lohnt sich eine Übersichtsseite, die den ganzen Bereich einleitet und auf die Unterseiten verteilt. Sie fängt Besucher ab, die den Bereich als Ganzes verstehen wollen, bevor sie ins Detail gehen — und sie ist zugleich eine wichtige Seite für die Auffindbarkeit über Suchmaschinen.

Breite gegen Tiefe abwägen

Grundsätzlich gilt: Wenige Ebenen mit jeweils mehr Punkten sind leichter zu überblicken als viele Ebenen mit wenigen Punkten. Ein Besucher scannt eine Liste schneller, als er sich durch verschachtelte Untermenüs klickt. Erst wenn eine Ebene deutlich mehr als etwa sieben Punkte trägt, wird das Bündeln in eine weitere Ebene sinnvoll.

Menüpunkte verständlich benennen

Die Beschriftung eines Menüpunkts ist das Versprechen, was dahinter liegt. Trifft sie die Erwartung des Besuchers, klickt er zielsicher. Bleibt sie vage, muss er raten — und Raten kostet Geduld, von der online wenig vorhanden ist.

Die Sprache der Besucher verwenden

Menüpunkte werden mit den Wörtern beschriftet, die die Besucher selbst benutzen, nicht mit internen Bezeichnungen aus dem Betrieb. Ein Abteilungsname, eine Produktlinie oder ein Fachbegriff mag intern eindeutig sein, sagt einem Außenstehenden aber wenig. Wie groß die Lücke zwischen Fachsprache und Suchbegriff oft ist, zeigt unser Beitrag Kundensprache statt Fachjargon.

Konkret schlägt kreativ

Beschreibende Begriffe wie „Leistungen", „Referenzen", „Über uns" und „Kontakt" wirken unspektakulär, aber sie funktionieren. Eine originelle Beschriftung, die erst gedeutet werden muss, verlangt dem Besucher Arbeit ab, die er nicht leisten will. Verständlichkeit ist im Menü wichtiger als Eigenständigkeit — die Marke trägt sich über Inhalt und Gestaltung, nicht über kryptische Menüpunkte.

Reihenfolge und Anordnung der Punkte

Die Reihenfolge der Menüpunkte ist keine Nebensache. Der Blick wandert von links nach rechts, und die Aufmerksamkeit ist am Anfang und am Ende der Leiste am höchsten. Diese beiden Positionen gehören den wichtigsten Zielen.

Wichtiges an die Ränder

Der erste Punkt nach dem Logo führt üblicherweise zu dem Bereich, der für die meisten Besucher zuerst zählt — häufig die Leistungen. Der Kontakt steht am rechten Ende, oft zusätzlich als hervorgehobener Knopf, damit der letzte Schritt immer sichtbar bleibt. Alles dazwischen ordnet sich nach Bedeutung.

Der Kontakt gehört immer sichtbar

Der Weg zur Kontaktaufnahme ist das Ziel der meisten Websites und sollte nie im Untermenü verschwinden. Ein eigener, gut sichtbarer Menüpunkt oder Knopf hält diesen Weg jederzeit offen. Wie der Übergang vom Hinweis zur echten Handlungsaufforderung gelingt, behandelt unser Beitrag Vom Hinweis zur Aufforderung.

Eine Ordnung, die sich erklärt

Verwandte Punkte stehen nebeneinander, damit die Leiste eine erkennbare Logik hat. Eine Navigation, deren Reihenfolge sich dem Besucher ohne Nachdenken erschließt, wirkt ruhig und souverän — und genau diese Ruhe überträgt sich auf den Eindruck vom Betrieb dahinter.

Mobile Navigation am Smartphone

Ein großer Teil der Besucher kommt über das Smartphone. Auf dem kleinen Bildschirm gelten andere Regeln als am Desktop: Der Platz ist knapp, die Bedienung erfolgt mit dem Daumen, und die volle Menüleiste passt nicht mehr nebeneinander.

Das Menü hinter dem Symbol

Auf mobilen Geräten liegt die Navigation meist hinter einem Symbol mit drei waagerechten Strichen, das ein aufklappendes Menü öffnet. Diese Lösung ist etabliert und wird von Besuchern verstanden. Wichtig ist, dass das Symbol dort sitzt, wo der Daumen es erreicht, und dass sich das geöffnete Menü angenehm bedienen lässt — mit ausreichend großen Flächen und lesbarer Schrift.

Die wichtigsten Ziele bleiben erreichbar

Auch im aufgeklappten Menü gilt: Der Kontakt gehört nach oben, nicht ans Ende einer langen Liste. Wer am Smartphone dreimal scrollen muss, um den Weg zur Anfrage zu finden, gibt oft vorher auf. Viele Betriebe blenden am unteren Rand zusätzlich eine feste Leiste mit den wichtigsten Handlungen ein — etwa Anrufen und Kontakt.

Weil mobil so viele Besucher unterwegs sind, wird die Navigation für das Smartphone zuerst geplant und dann für den größeren Bildschirm erweitert. Welche Stellen am Smartphone besonders häufig scheitern, behandelt unser Beitrag Mobile First auf der B2B-Website.

Orientierung: wo der Besucher gerade steht

Eine Navigation zeigt zweierlei: wohin man gehen kann und wo man gerade ist. Diese Rückmeldung nimmt dem Besucher das Gefühl, sich zu verlaufen — und ein Besucher, der sich sicher bewegt, bleibt länger und klickt weiter.

Aktive Zustände markieren die aktuelle Seite

Der Menüpunkt der aktuell geöffneten Seite wird hervorgehoben, etwa durch eine andere Farbe oder eine Markierung. So ist auf jeder Seite ablesbar, in welchem Bereich man sich befindet. Ohne diese Markierung wirkt jede Seite gleich, und die Orientierung geht verloren.

Brotkrumen zeigen den Weg zurück

Bei tieferen Strukturen hilft eine Brotkrumen-Leiste, die den Pfad von der Startseite bis zur aktuellen Seite anzeigt. Sie macht die Ebene sichtbar und erlaubt, mit einem Klick eine Stufe zurückzugehen. Auf flachen Websites ist sie entbehrlich; sobald es mehrere Ebenen gibt, gehört sie dazu.

Der Footer als zweite Orientierung

Der Bereich am Seitenende bündelt in vielen Fällen noch einmal die wichtigsten Wege und ergänzt Punkte, die oben keinen Platz haben — etwa rechtliche Seiten. Er fängt Besucher auf, die bis zum Ende einer Seite gescrollt sind und von dort weitergehen wollen. Reicht die Navigation allein nicht mehr aus, um alle Inhalte erreichbar zu machen, ist zusätzlich eine interne Suche auf der Website der nächste sinnvolle Schritt.

Die häufigsten Fehler

Bei der Durchsicht von Unternehmens-Websites wiederholen sich einige Muster, die den Weg zur Anfrage verstellen — quer durch Branchen und Website-Größen.

Die Punkte 1 bis 3 kosten am unmittelbarsten Anfragen — sie stellen den Weg zum Ziel direkt zu.

So räumen Sie die Navigation auf

Eine Navigation zu überarbeiten heißt nicht, die ganze Website neu zu bauen. Meist reicht es, die vorhandenen Inhalte neu zu ordnen und die Beschriftungen zu schärfen. Die folgende Reihenfolge führt dabei zuverlässig ans Ziel.

1. Alle Seiten erfassen: Zuerst wird gesammelt, welche Seiten die Website überhaupt hat — vollständig, auch die vergessenen.
2. Besucher-Ziele bestimmen: Welche Anliegen bringen Menschen auf die Website? Diese Ziele bestimmen, welche Wege kurz sein müssen.
3. Inhalte gruppieren: Verwandte Seiten werden zu Bereichen gebündelt, aus denen sich die Hauptpunkte des Menüs ergeben.
4. Ebenen festlegen: Jeder Bereich wird so flach wie möglich gehalten — eine Übersichtsseite dort, wo ein Bereich viele Unterseiten trägt.
5. Verständlich benennen: Jeder Punkt bekommt eine Beschriftung aus der Sprache der Besucher, geprüft am Test mit einer außenstehenden Person.
6. Mobil und sichtbar prüfen: Zum Schluss wird am Smartphone geprüft, ob der Weg zum Kontakt kurz und die Bedienung angenehm ist.