Eine gute Website-Navigation hilft Besuchern, den passenden Einstieg zu erkennen, eine hilfreiche Seite auszuwählen und den nächsten Schritt zu verstehen. Beginnen Sie mit den Fragen, die Menschen an Ihr Unternehmen haben. Ordnen Sie ihnen klare Zielseiten zu und prüfen Sie die Wege am Smartphone und mit der Tastatur. Ein kleineres Menü hilft nur, wenn wichtige Ziele weiterhin leicht zu finden sind.
Diese Checkliste richtet sich an Unternehmen, die eine neue Website planen oder ihre bestehende prüfen. Treffen Sie damit gemeinsam mit Ihrem Designteam Entscheidungen, bevor Sie eine optisch ausgearbeitete Kopfzeile freigeben. Das Ergebnis sollte eine kurze, abgestimmte Übersicht aus Besucheraufgaben, Seiten und Verbindungen sein.
Mit der Aufgabe des Besuchers beginnen
Notieren Sie drei bis fünf Situationen in den Worten Ihrer Kunden: „Ich möchte wissen, ob Sie in meiner Region tätig sind“, „Ich will Ihre Leistungen vergleichen“ oder „Ich bin bereits Kunde und brauche Unterstützung“. Das sind anpassbare Beispiele, keine feste Obergrenze. Nutzen Sie tatsächliche Anfragen und fragen Sie die zuständigen Mitarbeitenden, wo Besucher nicht weiterkommen.
Halten Sie für jede Situation die Zielgruppe, ihre Frage, die passende Antwortseite und den nächsten sinnvollen Schritt fest. Interessenten brauchen möglicherweise zuerst eine Leistungserklärung; Bestandskunden möchten direkt zur Unterstützung. Beide zunächst zum selben Vertriebsformular zu schicken, erzeugt einen vermeidbaren Umweg.
Trennen Sie Besucheraufgaben von Ihrer internen Organisation. Ein Abteilungsname eignet sich nur dann für die Navigation, wenn Kunden ihn verstehen. Schlagen zwei Teams jeweils „Lösungen“ vor, klären Sie, was Besucher hinter den beiden Links erwarten würden. Dokumentieren Sie die vereinbarten Bezeichnungen und Ziele im Briefing für Ihr Website-Projekt.
Den passenden Platz für jeden Weg bestimmen
Die Kopfzeile ist nur ein Teil der Navigation. Links im Seiteninhalt können eine Frage genau dort mit der Antwort verbinden, wo sie entsteht. Diese Entscheidungshilfe zeigt, wo ein Weg sinnvoll untergebracht ist.
| Besucherbedarf | Sinnvoller Ausgangspunkt |
|---|---|
| Ein wesentlicher Grund, das Unternehmen aufzusuchen | Ein klar benannter Link in der Hauptnavigation |
| Mehrere verwandte Leistungen vergleichen | Eine Übersichtsseite; ein Untermenü ergänzen, wenn es die Auswahl erleichtert |
| Ein Detail beim Lesen nachschlagen | Ein aussagekräftiger Link auf der betreffenden Seite |
| Richtlinien oder allgemeine Unternehmensinformationen | Ein Link in der Fußzeile, bei Bedarf zusätzlich im passenden Kontext |
| Viele Einträge, deren Namen bekannt sind | Eine Suche zusätzlich zur übersichtlichen Seitenstruktur erwägen |
Es gibt keine allgemein richtige Anzahl an Menüpunkten. Entscheidend sind die konkreten Bezeichnungen, der verfügbare Platz und die unterschiedlichen Aufgaben. Der Kontaktweg kann eine prominente Position verdienen, obwohl andere Seiten häufiger besucht werden. Verstecken Sie kein wichtiges Ziel, nur um eine gestalterische Vorgabe einzuhalten.
Bezeichnung und Ziel aufeinander abstimmen
Ersetzen Sie unbestimmte Begriffe wie „Entdecken“ durch eine erkennbare Auswahl: „Wartungsleistungen“, „Einsatzgebiete“ oder „Unser Team“. Diese Beispiele passen zu manchen Unternehmen, nicht zu jeder Website. Lassen Sie jemanden außerhalb des Projekts erklären, was er nach jeder Auswahl erwartet, ohne die Zielseite vorher zu zeigen.
Die WAI-Erläuterung zum Linkzweck beschreibt, wie Linktext oder zugehöriger Kontext den Zweck verständlich machen. Bevorzugen Sie eigenständig aussagekräftige Bezeichnungen.
Nach dem Aufruf sollte die Seitenüberschrift die Auswahl bestätigen. „Bürowartung“ sollte nicht auf einer unerklärten Seite mit der Überschrift „Unsere Kompetenz“ landen. Auf tieferen Ebenen kann eine Brotkrumennavigation die Hierarchie verdeutlichen. Sie sollte die Seitenstruktur zeigen, nicht den bisherigen Browserverlauf.
Wiederkehrende Navigation soll ihre relative Reihenfolge beibehalten; das erläutert WAI zur konsistenten Navigation. Vereinbaren Sie gemeinsame Bezeichnungen einschließlich Übersetzungen, statt jede Kopfzeile einzeln zu bearbeiten.
Mobiles Menü und Tastaturbedienung prüfen
Prüfen Sie das funktionierende Menü auf einem schmalen Bildschirm mit den längsten übersetzten Bezeichnungen. Öffnen Sie es von einem Artikel, einer Leistungsseite und der Anfrageseite aus. Lassen sich die Auswahlmöglichkeiten unterscheiden und das Menü schließen, ohne die Orientierung zu verlieren? Ein Desktop-Bildschirmfoto beantwortet diese Fragen nicht.
WAI zur Menügestaltung behandelt sichtbaren Fokus, Platz für vergrößerten Text und Zustände, die nicht allein durch Farbe erkennbar sind. Prüfen Sie die Umsetzung.
Legen Sie die Maus beiseite. Bewegen Sie sich mit Tab und Umschalt+Tab durch die Navigation, aktivieren Sie Links mit Eingabe und prüfen Sie Menütasten mit Eingabe und Leertaste. Der Fokus darf nicht hinter einem geschlossenen Bereich verschwinden. Öffnet sich das Menü als modaler Dialog, lassen Sie sich Fokussteuerung und Schließen vorführen.
Verlangen Sie bei Untermenüs Tastatur- und Touch-Bedienung sowie einen alternativen Weg über die übergeordnete Seite; siehe WAI zu aufklappbaren Menüs. Wenn der übergeordnete Eintrag selbst eine Seite öffnet, müssen dieser Link und die Untermenüsteuerung eindeutig sein. Lassen Sie beide Aktionen demonstrieren.
WAI zur Menüstruktur erläutert benannte Navigationsbereiche und eine programmatisch erkennbare aktuelle Seite. Das macht die sichtbare Struktur für assistive Technologien verständlicher.
Ein übertragbares Beispiel
Stellen Sie sich ein Unternehmen für Gebäudewartung vor. Das ist ein hypothetisches Beispiel, kein Kundenergebnis. Der vorgeschlagene Seitenkopf enthält „Lösungen“, „Kompetenz“, „Wissen“ und „Austausch“. Eine neue Büroleitung möchte vor einer Anfrage herausfinden, ob das Unternehmen regelmäßige Wartung in ihrem Ort übernimmt.
Der Weg könnte so aussehen: Leistungsübersicht → Bürowartung → Einsatzgebiete → Anfrage. Eine überarbeitete Hauptnavigation könnte „Leistungen“, „Einsatzgebiete“, „Über uns“ und „Kontakt“ anbieten. Die Seite zur Bürowartung würde direkt zur regionalen Abdeckung führen und anschließend eine Anfrage ermöglichen. Bestandskunden bekämen einen separat benannten Unterstützungsweg.
Prüfen Sie diese Struktur, bevor Sie über Farben diskutieren. Geben Sie einer Testperson die Situation der Büroleitung, ohne den gewünschten Menüpunkt zu nennen. Notieren Sie ihre erste Auswahl, unklare Begriffe und ob die Zielseite die Aufgabe beantwortet. Sucht sie Einsatzgebiete unter „Über uns“, untersuchen Sie diese Erwartung, bevor Sie eine weitere Menüebene ergänzen.
Führen Sie ein kurzes Entscheidungsprotokoll statt des allgemeinen Hinweises „Navigation verbessern“. Nutzen Sie pro Aufgabe eine Zeile: Startseite des Tests, erwartetes Ziel, tatsächliche Auswahl, Grund für Zögern, vorgeschlagene Änderung und verantwortliche Person. Eine falsche erste Auswahl kann auf unklare Begriffe, einen fehlenden Link oder eine Seite ohne passende Antwort hinweisen. Nicht immer liegt das Problem allein im Menü. Wiederholen Sie nach der Änderung dieselbe Aufgabe und notieren Sie verbleibende Unklarheiten. Starten Sie außerdem über einen geteilten Link direkt auf einer Leistungsseite: Besucher sollten sich auch ohne vorherigen Besuch der Homepage orientieren können.
Wichtige Seiten über verständliche Links erreichbar machen
Lassen Sie echte <a href="…">-Links mit beschreibendem Text prüfen. Googles Linkempfehlungen erläutern crawlbare Links und hilfreiche Ankertexte.
Für die Auffindbarkeit über Suche und KI ist unser praktischer Ausgangspunkt dieselbe verständliche Seitenstruktur: eindeutige Themen, aussagekräftige Links und nützliche Zielinhalte. Das ist ein redaktioneller Ansatz, kein Versprechen für Indexierung, Rankings oder eine Erwähnung in KI-Antworten. Ein nachvollziehbarer Weg bestimmt nicht, welche Inhalte ein anderer Dienst auswählt.
Checkliste für die Abnahme
- Jede vorrangige Besucheraufgabe hat eine vereinbarte Zielseite und einen nächsten Schritt.
- Menübezeichnungen beschreiben ihre Zielseiten in jeder veröffentlichten Sprache.
- Eine Testperson kann die wichtigsten Aufgaben ohne Anleitung versuchen; Unklarheiten werden dokumentiert.
- Mobile Bedienung und Tastaturwege wurden an funktionierenden Seiten gezeigt.
- Untermenüs, Kennzeichnung der aktuellen Seite und Schließverhalten sind geprüft.
- Wichtige Seiten haben funktionierende interne Links; für geänderte URLs besteht ein Weiterleitungsplan.
- Eine verantwortliche Person pflegt die Navigationsübersicht bei Änderungen an Leistungen oder Seiten.
Das ist eine gezielte Abnahmeprüfung, keine Zertifizierung der Barrierefreiheit. Das WAI-Tutorial zu Menüs bietet weiterführende Umsetzungshinweise. Ändert sich auch die Seitenstruktur, hilft die Checkliste für den Website-Relaunch bei der umfassenderen Planung.
Bringen Sie Besucheraufgaben und aktuelle Seitenliste in Ihr Website-Projekt ein. Informieren Sie sich über Website-Erstellung bei Digital Studio oder starten Sie Ihr Website-Briefing mit den wichtigsten Wegen Ihrer Kunden.
