Navigation mit vielen Leistungen: Mega-Menü, Übersichtsseite oder weniger Punkte?

Zwölf Leistungen, zwölf Menüpunkte – und die Navigation wird unübersichtlich, sobald mehr als sechs oder sieben Einträge in einer Zeile stehen. Die Antwort ist nicht „größeres Menü“, sondern eine Entscheidung zwischen drei Wegen: Leistungen bündeln, auf eine Übersichtsseite verweisen oder die Liste tatsächlich kürzen. Welcher Weg passt, hängt davon ab, wie die Leistungen zueinander stehen und wie Besucher danach suchen.

Woran es liegt, wenn die Navigation aus dem Ruder läuft

Meistens ist die Navigation gewachsen: Jede neue Leistung bekam einen eigenen Punkt, weil es am einfachsten schien. Nach einem Jahr stehen dann „Webdesign“, „SEO“, „Logo-Design“, „Printwerbung“, „Social-Media-Betreuung“, „Google Ads“ und noch fünf weitere Begriffe gleichrangig nebeneinander. Für den Betreiber ergibt die Reihenfolge Sinn, weil er die Entstehungsgeschichte kennt. Für einen Besucher, der zum ersten Mal auf der Seite landet, ist sie nur eine lange, gleich gewichtete Liste ohne Orientierung – dabei entscheidet sich in den ersten Sekunden auf der Seite, ob er überhaupt weitersucht. Auf dem Smartphone kommt dazu, dass eine zwölfteilige Liste im aufgeklappten Menü mehrfach gescrollt werden muss, bevor der passende Punkt überhaupt sichtbar ist; wie sich das Hamburger-Menü dabei verhält, hängt stark von der Zahl der Einträge ab.

Ein zweites Problem: Wenn jede Leistung einzeln in der Navigation steht, aber inhaltlich stark überlappt (etwa „Webdesign“ und „Website-Relaunch“ oder „SEO“ und „Local SEO“), weiß der Besucher nicht, welcher Punkt zu seiner Frage gehört. Er klickt dann mehrfach, findet die Antwort nicht sofort und verlässt die Seite eher, als lange zu suchen.

Drei Wege, viele Leistungen unterzubringen

Ich prüfe bei jedem Webdesign-Projekt mit mehr als sieben Hauptpunkten drei Varianten, bevor ich mich für eine entscheide:

• Bündeln in Gruppen (Mega-Menü oder einfaches Untermenü): Verwandte Leistungen bekommen eine gemeinsame Überschrift, zum Beispiel „Design“ (Webdesign, Logo, Printwerbung) und „Sichtbarkeit“ (SEO, Google Ads, Social-Media). Aus zwölf gleichrangigen Punkten werden drei bis vier Hauptpunkte mit Untermenü.
• Eine Übersichtsseite „Leistungen“: In der Navigation steht nur ein Punkt, der auf eine Seite mit allen Angeboten führt – dort mit Kurzbeschreibung, Bild und Link zur jeweiligen Detailseite. Funktioniert gut, wenn die Leistungen unterschiedlich genug sind, dass eine gemeinsame Gruppierung künstlich wirken würde.
• Tatsächlich kürzen: Nicht jede Leistung braucht einen eigenen Menüpunkt. Randleistungen, die selten gesucht werden, lassen sich auf der zugehörigen Hauptleistungsseite als Abschnitt unterbringen, statt eine eigene Navigationsebene zu bekommen.

Welche Lösung zu welcher Website passt

Ein Mega-Menü lohnt sich, wenn die Leistungen sich wirklich zu zwei oder drei Oberbegriffen gruppieren lassen und Besucher meist schon wissen, wonach sie suchen – etwa bei einer Werbeagentur mit Design- und Marketingbereich. Es lohnt sich nicht, wenn die Gruppen krampfhaft wirken oder nur aus einem Eintrag bestehen; dann ist das Mega-Menü nur ein aufgeblähtes Dropdown.

Eine Übersichtsseite passt besser, wenn Besucher noch nicht genau wissen, welche Leistung zu ihrem Problem gehört, und erst vergleichen wollen. Sie eignet sich außerdem, wenn neue Leistungen regelmäßig dazukommen, weil sich die Seite erweitern lässt, ohne die Navigation jedes Mal neu zu ordnen.

Kürzen ist fast immer die unterschätzte Option. Bevor ich ein Mega-Menü baue, schaue ich in der Google Search Console nach, wie oft eine Leistungsseite überhaupt direkt über die Navigation aufgerufen wird. Liegt eine Leistung bei wenigen Aufrufen im Jahr, bringt ihr ein eigener Menüpunkt wenig – ein Verweis im Fließtext der verwandten Leistungsseite reicht.

Kurz beantwortet

Ab wie vielen Menüpunkten sollte ich umbauen?

Eine feste Zahl gibt es nicht, aber ab etwa acht gleichrangigen Hauptpunkten wird es auf den meisten Bildschirmen eng – das ist der Moment, über Gruppierung oder eine Übersichtsseite nachzudenken.

Verschlechtert ein Mega-Menü die Ladezeit?

Kaum, wenn es aus reinem HTML und CSS besteht und keine Bilder pro Eintrag nachlädt. Problematisch wird es nur, wenn jeder Unterpunkt ein eigenes Icon-Bild statt eines einfachen Symbols lädt.

Was ist mit der mobilen Ansicht?

Ein Mega-Menü muss auf dem Smartphone anders aufgebaut sein als am Desktop – meist als aufklappbare Liste mit denselben Gruppen, nicht als Spaltenlayout. Das sollte beim Entwurf von Anfang an mitgeplant werden, nicht erst am Ende.