Website-Navigation richtig aufbauen: Menüstruktur für kleine Unternehmen

Die Navigation ist das Inhaltsverzeichnis Ihrer Website. Wer sie aufschlägt und innerhalb von zwei Sekunden nicht versteht, wo er etwas findet, schließt das Buch wieder. So einfach ist das. Ich sehe das in der Praxis immer wieder: Unternehmen investieren in ein schönes Design, in professionelle Fotos, in gute Texte, und verlieren dann Besucher an einer schlecht strukturierten Navigation, die niemand als Problem erkannt hat.

In diesem Artikel erkläre ich die Grundregeln für eine Menüstruktur, die funktioniert. Keine komplizierten Theorien, keine Plugin-Empfehlungen. Nur die Prinzipien, die ich nach über einem Jahrzehnt Webentwicklung und mehr als 120 Projekten für verlässlich halte.

Warum die Navigation mehr ist als ein Menü

Für Besucher ist die Navigation der erste Eindruck davon, wie Ihr Unternehmen denkt. Eine übersichtliche Struktur signalisiert: Hier weiß jemand, was er anbietet, und er macht es Ihnen leicht, das herauszufinden. Eine unübersichtliche Navigation sendet das Gegenteil.

Dazu kommt der technische Aspekt: Suchmaschinen folgen den Links in Ihrer Navigation, um zu verstehen, welche Seiten Sie für wichtig halten. Eine klare Hierarchie hilft dabei, die richtigen Seiten in den Suchergebnissen zu platzieren. Mehr zu diesem Zusammenhang erkläre ich unter /de/seo-optimierung/.

Stellen Sie sich vor, Sie betreten ein Ladengeschäft, in dem die Beschilderung fehlt. Sie wissen nicht, wo die Umkleidekabinen sind, wo die Kasse steht, und ob die Sonderangebote vorne oder hinten zu finden sind. Genau dieses Gefühl erzeugt eine schlechte Website-Navigation. Und genau wie im Laden verlässt ein Teil der Besucher das Geschäft, ohne etwas gefunden zu haben.

Wie viele Menüpunkte sind sinnvoll?

Die ehrliche Antwort: fünf bis sieben. Dieser Richtwert hat einen einfachen Hintergrund. Das menschliche Arbeitsgedächtnis fasst bei einer schnellen Übersicht ungefähr sieben Einheiten. Mehr Punkte bedeuten, dass Besucher aktiv nachdenken müssen, anstatt intuitiv zu klicken.

Für eine typische kleine Unternehmenswebsite reichen oft vier Punkte vollkommen aus:

1. Leistungen (oder: Angebote, Was wir tun)
2. Über uns
3. Blog oder Aktuelles (optional)
4. Kontakt

Wenn Sie Produkte verkaufen oder mehrere klar getrennte Geschäftsbereiche haben, können es auch sechs oder sieben sein. Aber jeder zusätzliche Punkt muss einen echten Grund haben. Fragen Sie sich: Würde ein Besucher, der zum ersten Mal auf der Seite ist, diesen Menüpunkt suchen? Wenn die Antwort nein ist, fällt er weg.

Die richtige Reihenfolge der Menüpunkte

Die Position eines Menüpunkts beeinflusst, wie oft er angeklickt wird. Das liegt am sogenannten Primacy-Recency-Effekt: Der erste und der letzte Punkt in einer Reihe bekommen die meiste Aufmerksamkeit, die mittleren Punkte fallen etwas ab.

Daraus folgt eine praktische Regel: Stellen Sie den Menüpunkt, der am häufigsten gesucht wird und der für Ihr Geschäft am wichtigsten ist, an den Anfang oder ans Ende. Bei den meisten kleinen Unternehmen ist das entweder die Leistungsseite oder die Kontaktseite.

"Kontakt" gehört fast immer ans Ende der Navigation, also ganz rechts in einer horizontalen Leiste. Das ist eine Konvention, an die sich Besucher gewöhnt haben. Von ihr abzuweichen schafft keine positive Überraschung, sondern Verwirrung.

Wann Dropdown-Menüs helfen und wann sie verwirren

Dropdown-Menüs sind verlockend. Man hat viele Seiten, und ein Klappmenü erscheint als elegante Lösung, alles unterzubringen. In der Praxis führen sie aber oft zu mehr Problemen als sie lösen.

Ein Dropdown macht Sinn, wenn:

• Ein Hauptpunkt klar abgrenzbare Unterseiten hat (zum Beispiel verschiedene Leistungsbereiche)
• Die Unterseiten sich nicht sinnvoll in den Hauptpunkt integrieren lassen
• Es nicht mehr als fünf bis sieben Unterpunkte sind
• Jeder Unterpunkt auch ohne Kontext verständlich ist

Ein Dropdown verwirrt, wenn:

• Die Unterseiten thematisch nicht wirklich zusammengehören
• Es mehr als eine Hierarchieebene gibt (also Unterpunkte von Unterpunkten)
• Besucher auf Mobilgeräten damit interagieren sollen, ohne dass das getestet wurde
• Der Hauptpunkt selbst keine eigene verlinkbare Seite hat

Bei einem Kunden in Hamburg, der drei klar getrennte Dienstleistungen anbot, haben wir die Navigation von sieben Hauptpunkten auf vier reduziert und unter "Leistungen" ein einfaches Dropdown mit drei Einträgen eingebaut. Das Ergebnis war eine spürbar längere Verweildauer und mehr Anfragen über das Kontaktformular, weil Besucher schneller verstanden, was angeboten wird.

Das Hamburger-Menü: Standard auf Mobilgeräten, aber nicht überall

Das Hamburger-Symbol, drei übereinanderliegende horizontale Linien, ist auf Smartphones und Tablets heute so selbstverständlich wie die Zurück-Taste im Browser. Besucher kennen es, und sie wissen, dass sich dahinter die Navigation verbirgt.

Auf dem Desktop ist das anders. Einige Design-Trends haben das Hamburger-Menü auch auf größeren Bildschirmen eingeführt, oft aus ästhetischen Gründen. Das Problem: Sichtbare Navigationsleisten werden auf dem Desktop deutlich häufiger genutzt als versteckte. Wer die Navigation hinter einem Icon versteckt, spart vielleicht Platz, kostet aber Klicks und damit potenzielle Kunden.

Meine Empfehlung nach vielen Projekten: Auf dem Desktop zeigen Sie die Navigation sichtbar als horizontale Leiste. Auf Mobilgeräten verwenden Sie das Hamburger-Menü. Das ist die Erwartung der Nutzer, und sie zu erfüllen kostet nichts und bringt Vertrauen.

Sticky Navigation: wann sie sich lohnt

Eine sticky Navigation bleibt beim Scrollen am oberen Bildschirmrand sichtbar. Statt mit dem Inhalt nach oben zu verschwinden, klebt sie an ihrer Position. Auf langen Seiten, zum Beispiel Landingpages oder ausführlichen Leistungsseiten, ist das ein echter Vorteil: Besucher müssen nicht nach oben scrollen, um zu einem anderen Abschnitt zu wechseln.

Auf kurzen Seiten bringt eine sticky Navigation wenig. Wenn die gesamte Seite in einem Bildschirmfenster passt, ist es gleichgültig, ob die Navigation klebt oder nicht.

Einen Aspekt sollten Sie bei sticky Navigationen im Blick behalten: Sie überdecken beim Scrollen vorübergehend einen Teil des Inhalts. Das sollte bei der Gestaltung bedacht werden, besonders wenn interne Seitensprünge über Anker-Links verwendet werden. Es gibt technische Lösungen dafür, die ein erfahrener Entwickler in wenigen Minuten einrichtet.

Die typische Menüstruktur für eine kleine Unternehmenswebsite

Nach vielen Projekten für kleine und mittlere Unternehmen in Deutschland habe ich ein Muster, das in den meisten Fällen funktioniert. Es ist kein Gesetz, aber ein verlässlicher Ausgangspunkt.

Hauptnavigation:

• Startseite (optional, wenn das Logo zur Startseite verlinkt)
• Leistungen (mit Dropdown, falls mehrere klar getrennte Bereiche)
• Über uns
• Referenzen oder Projekte (optional, falls vorhanden)
• Blog oder Ratgeber (optional, falls Inhalte regelmäßig erscheinen)
• Kontakt

Das ergibt vier bis sechs Punkte, je nachdem, welche optionalen Seiten tatsächlich vorhanden sind. Wichtig: Nicht jede Unterseite braucht einen eigenen Menüpunkt. Datenschutzerklärung, Impressum und AGB gehören in die Fußzeile, nicht in die Hauptnavigation.

Mehr zum grundsätzlichen Aufbau einer Unternehmenswebsite erkläre ich unter was-ist-eine-firmenwebsite-erklaert und in der Übersicht zu Webseitentypen für kleine Unternehmen. Wenn Sie über eine neue Website nachdenken, finden Sie weitere Informationen auch unter /de/webseiten/.

Konsistenz über Schönheit

Eine Navigation, die sich auf jeder Unterseite verändert, andere Punkte zeigt oder an einer anderen Stelle sitzt, ist ein häufiges Problem bei Websites, die über Jahre gewachsen sind. Jede Seite hat dazubekommen, die Navigation wurde angepasst, und irgendwann weiß niemand mehr, was wo steht.

Die wichtigste Regel lautet: Die Navigation muss auf jeder Seite identisch sein. Gleiche Reihenfolge, gleiche Bezeichnungen, gleiche Position. Das klingt selbstverständlich, ist es aber in der Praxis nicht immer.

Konsistenz schafft Vertrauen. Besucher lernen schnell, wo sie welchen Punkt finden. Dieses Lernen passiert unbewusst, und es fühlt sich für den Besucher einfach richtig an. Jede Abweichung, auch eine kleine, bricht dieses Muster und erzeugt kurzzeitig Unsicherheit.

Häufige Fehler und wie man sie vermeidet

In der täglichen Arbeit mit Unternehmenswebsites begegnen mir dieselben Fehler immer wieder. Hier die wichtigsten, kurz zusammengefasst.

Zu viele Menüpunkte: Acht, zehn oder mehr Hauptpunkte überfordern Besucher. Die Lösung ist Mut zur Lücke: Was wirklich wichtig ist, kommt ins Menü. Was nicht wichtig ist, kommt in die Fußzeile oder auf eine Übersichtsseite.

Unscharfe Bezeichnungen: "Mehr erfahren", "Unsere Welt", "Entdecken" als Menüpunkte sagen nichts darüber aus, was dahinter steckt. Besucher brauchen in Millisekunden ein Bild davon, was sie finden werden.

Keine mobile Überprüfung: Eine Navigation, die auf dem Desktop perfekt aussieht, kann auf Mobilgeräten unbrauchbar sein. Das Hamburger-Menü öffnet sich nicht richtig, die Dropdowns funktionieren nicht mit Tippen statt Hovern, der Text ist zu klein. Das muss vor dem Launch auf echten Geräten getestet werden.

Fehlende aktive Zustände: Der aktuell besuchte Menüpunkt sollte visuell hervorgehoben sein, zum Beispiel durch eine andere Farbe oder eine Unterstreichung. Das hilft Besuchern, sich zu orientieren.

Tote Links oder Weiterleitungen in der Navigation: Wenn ein Menüpunkt auf eine Seite zeigt, die nicht existiert oder weitergeleitet wird, ist das ein technisches Problem, das Vertrauen kostet. Regelmäßige Überprüfungen sind sinnvoll.

Navigation und SEO: ein kurzer Blick

Die Navigation hat einen direkten Einfluss darauf, wie Suchmaschinen Ihre Website bewerten. Links in der Hauptnavigation sind starke interne Verlinkungen: Sie signalisieren, welche Seiten besonders wichtig sind. Seiten, die in der Navigation stehen, werden in der Regel besser indexiert und haben bessere Chancen auf gute Positionen in den Suchergebnissen.

Daraus folgt: Setzen Sie keine Seiten in die Navigation, die Sie nicht in den Suchergebnissen sehen wollen, und stellen Sie sicher, dass Ihre wichtigsten Seiten tatsächlich verlinkt sind. Mehr zum Thema interne Verlinkung finden Sie unter /de/seo-optimierung/.

Ein praktischer Hinweis: Wenn Sie Produkte oder Dienstleistungen für verschiedene Zielgruppen anbieten und separate Seiten dafür haben, können diese als Unterseiten unter einem gemeinsamen Menüpunkt gebündelt werden. Das hält die Navigation übersichtlich und hilft Suchmaschinen gleichzeitig, die thematische Zusammengehörigkeit zu erkennen.

Häufige Fragen

Wie viele Menüpunkte sollte eine Unternehmenswebsite haben?

Als Richtwert gelten fünf bis sieben Punkte in der Hauptnavigation. Das entspricht der Kapazität des Arbeitsgedächtnisses, das Menschen bei einer schnellen Übersicht nutzen. Mehr Punkte überfordern Besucher und verteilen die Aufmerksamkeit zu stark. Weniger als vier Punkte wirken oft zu karg und liefern nicht genug Orientierung.

Wann macht ein Dropdown-Menü Sinn?

Ein Dropdown lohnt sich, wenn ein Hauptpunkt klar abgrenzbare Unterseiten hat, zum Beispiel mehrere Leistungsbereiche oder Produktkategorien. Die Faustregel: maximal sieben Unterpunkte pro Dropdown, und jeder Unterpunkt muss auch ohne Kontext verständlich sein. Für einfache Websites mit wenigen Seiten ist ein Dropdown meist mehr Aufwand als Nutzen.

Was ist ein Hamburger-Menü und wozu wird es verwendet?

Das Hamburger-Menü ist das Symbol aus drei horizontalen Linien, das auf Mobilgeräten die Navigation hinter einem einzelnen Button versteckt. Damit spart man Platz auf kleinen Bildschirmen. Auf dem Desktop ist es hingegen umstritten: Sichtbare Menüs werden deutlich häufiger genutzt als versteckte. Für mobile Ansichten ist das Hamburger-Menü heute Standard und bei Besuchern akzeptiert.

Was bedeutet sticky Navigation?

Eine sticky Navigation bleibt beim Scrollen am oberen Bildschirmrand sichtbar, anstatt mit dem Seiteninhalt nach oben zu verschwinden. Das ist besonders auf langen Seiten praktisch, weil Besucher jederzeit direkt zu einem anderen Bereich wechseln können, ohne erst nach oben scrollen zu müssen. Bei kurzen Seiten bringt es wenig Vorteil.

Muss die Startseite im Menü stehen?

Nicht zwingend. Das Logo oben links verlinkt auf fast jeder Website zur Startseite, das ist für die meisten Besucher bekannt. Wer trotzdem einen Menüpunkt 'Startseite' oder 'Home' einfügt, schadet nicht, belegt aber einen der wertvollen Plätze. Bei sechs oder weniger Menüpunkten kann man ihn getrost weglassen.

Wie beschrifte ich Menüpunkte richtig?

Kurz, klar, selbsterklärend. Einzelne Nomen oder kurze Phrasen funktionieren am besten: 'Leistungen', 'Über uns', 'Kontakt'. Interne Begriffe oder kreative Eigenbezeichnungen wie 'Unser Kosmos' oder 'Was wir tun' verwirren. Besucher entscheiden in Sekunden, ob sie klicken, also müssen Bezeichnungen sofort verständlich sein.

Hat die Reihenfolge der Menüpunkte Einfluss auf die Nutzung?

Ja. Studien zur Aufmerksamkeitsverteilung zeigen, dass der erste und der letzte Punkt in einer Reihe die meiste Aufmerksamkeit bekommen. Das ist der sogenannte Primacy-Recency-Effekt. Wichtige Seiten wie 'Kontakt' oder eine Seite mit einem konkreten Angebot gehören deshalb an den Anfang oder ans Ende der Navigation, nicht in die Mitte.