Header-Menue sinnvoll aufbauen

Ein gutes Header-Menue fuehrt Kundschaft schnell zu den wichtigsten Einstiegen: Sortiment, Beratung, Service, Konto, Aktionen und zentrale Inhaltsseiten. Diese Anleitung hilft dabei, aus Kategorien, Seiten, statischen Zielen und externen Links eine klare Navigation fuer Desktop und Mobil zu bauen.

Ziel

Das Header-Menue soll Orientierung geben, ohne den Shop zu ueberladen. Es verbindet Produktbereiche, Marken- oder Themenwelten, Serviceinformationen und ausgewaehlte Aktionsseiten zu einem gut lesbaren Einstieg.

• Wichtige Sortimentsbereiche sind in einem bis wenigen Klicks erreichbar.
• Desktop- und Mobilansicht bleiben bedienbar und uebersichtlich.
• Startseite, Produktlisten, Inhaltsseiten und Servicebereiche greifen logisch ineinander.
• Externe Ziele bleiben nur dort im Menue, wo das Ziel fuer Kundschaft eindeutig und vertrauenswuerdig ist.

Wann diese Anleitung passt

• Ein Shop wird neu aufgebaut und braucht eine erste Hauptnavigation.
• Ein bestehendes Menue ist zu lang, unklar oder auf Mobil schwer bedienbar.
• Neue Sortimente, Markenwelten, Ratgeber oder Kampagnen sollen sichtbar eingebunden werden.
• Desktop und Mobil sollen unterschiedliche Schwerpunkte bekommen.

Du brauchst

• aktive Kategorien oder Produktlisten fuer die wichtigsten Sortimentseinstiege
• fertige Inhaltsseiten fuer Beratung, Service, Versand, Kontakt oder Landingpages
• eine klare Entscheidung, welche Menuepunkte oben sichtbar sein sollen
• kurze Bezeichnungen, die auch auf kleineren Displays funktionieren

Grundprinzip

Das Header-Menue kann verschiedene Zieltypen aufnehmen. Dadurch muss nicht jede Navigation direkt aus dem Kategoriebaum entstehen.

• Kategorien: sinnvoll fuer Sortimentsbereiche, Marken- oder Themenstrukturen mit Produkten.
• Inhaltsseiten: sinnvoll fuer Beratung, Startseiten-nahe Landingpages, Servicebereiche oder redaktionelle Einstiege.
• statische Ziele: sinnvoll fuer feste Shopbereiche wie Startseite, Warenkorb oder Kundenbereich, sofern diese bewusst im Menue stehen sollen.
• externe Links: sinnvoll fuer klar erkennbare Ziele ausserhalb des Shops, zum Beispiel Herstellerportale oder angeschlossene Services.

Entscheidungshilfe

Vor dem Umbau hilft eine einfache Einteilung:

• Sortiment zuerst: passt bei Shops, in denen Kundschaft vor allem ueber Produktgruppen sucht.
• Themen zuerst: passt bei beratungsintensiven Sortimenten, saisonalen Kampagnen oder Zielgruppenwelten.
• Marken zuerst: passt, wenn Hersteller oder Eigenmarken kaufentscheidend sind.
• Service sichtbar: passt, wenn Versand, Beratung, Ersatzteile, Downloads oder Kontakt den Kauf stark beeinflussen.
• Mobil reduziert: passt fast immer, weil lange Desktop-Menues auf kleinen Displays schnell unbrauchbar werden.

Aufbau planen

1. Lege maximal fuenf bis sieben Hauptpunkte fest, die dauerhaft sichtbar bleiben sollen.
2. Sortiere nach Kaufabsicht: zuerst Produkt- oder Themenwege, danach Beratung und Service.
3. Nutze kurze Namen wie Produkte, Marken, Ratgeber, Sale oder Service.
4. Pruefe, ob ein Hauptpunkt direkt auf eine Kategorie, eine Produktliste oder eine Inhaltsseite zeigen soll.
5. Lege Unterpunkte nur dort an, wo echte Orientierung entsteht.

Menuepunkte auswaehlen

Jeder Menuepunkt sollte ein klares Ziel haben. Wenn ein Bereich erklaert werden muss, ist eine Landingpage oft besser als ein langer Menuebaum.

• Kategorie verwenden: wenn der Klick direkt in eine konkrete Produktgruppe fuehren soll.
• Inhaltsseite verwenden: wenn erst Kontext, Beratung, Auswahlhilfe oder Kampagneninhalt gebraucht wird.
• statisches Ziel verwenden: wenn ein fester Shopbereich bewusst prominent erreichbar sein soll.
• externen Link verwenden: wenn der Zielwechsel fuer Kundschaft nachvollziehbar ist und die Bezeichnung eindeutig bleibt.

Desktop und Mobil getrennt denken

Header-Menuepunkte koennen fuer Desktop und Mobil getrennt sichtbar sein. Das ist wichtig, weil beide Ansichten andere Platzverhaeltnisse haben.

• Desktop: kann mehr Ebenen, Megamenue-Inhalte und Kategorieeinstiege vertragen.
• Mobil: braucht kuerzere Begriffe, weniger Ebenen und direkte Wege zu Sortiment, Suche, Konto, Warenkorb und Service.
• reduzierte Mobilnavigation: eignet sich, wenn Desktop-Kampagnen oder grosse Themenwelten mobil zu lang waeren.
• eigene Mobilprioritaeten: eignen sich, wenn unterwegs vor allem Nachkauf, Status, Kontakt oder schnelle Produktsuche zaehlen.

Kategoriebaum einsetzen

Der Kategoriebaum kann im Header-Menue fuer Desktop und Mobil eingebunden werden. Das spart manuelle Pflege, kann aber schnell zu viel werden.

• Aktiviere den Kategoriebaum, wenn die Kategorien sauber gepflegt und fuer Kundschaft verstaendlich benannt sind.
• Nutze ihn vorsichtig bei sehr tiefen oder technischen Sortimenten.
• Pruefe, ob eine kuratierte Themen- oder Markenstruktur besser ist als der komplette Kategoriebaum.
• Teste getrennt, ob Desktop und Mobil mit dem Kategorieeinstieg gut bedienbar bleiben.

Contentboxen sparsam nutzen

Contentboxen koennen ein Menue visuell oder inhaltlich ergaenzen, etwa fuer Kampagnen, Hinweise oder Themenkacheln. Navigation sollte dadurch aber nicht ersetzt werden.

• Nutze Contentboxen fuer kurze Orientierung, nicht fuer lange Texte.
• Fuehre grosse Themen besser auf Landingpages aus.
• Halte Bildsprache und Begriffe konsistent mit Startseite und Produktlisten.
• Pruefe nach Aenderungen immer Desktop und Mobil, weil breite Inhalte auf kleinen Displays schnell stoeren.

Pruefliste vor Freigabe

• Jeder Hauptpunkt hat einen klaren Zweck.
• Labels sind kurz, eindeutig und ohne interne Fachbegriffe.
• Kategorien sind aktiv und enthalten passende Produkte.
• Inhaltsseiten sind aktiv, veroeffentlicht und inhaltlich fertig.
• Externe Links sind eindeutig benannt und fuehren auf erwartete Ziele.
• Desktop- und Mobilansicht wurden separat geprueft.
• Die Startseite wiederholt nicht einfach das Menue, sondern vertieft die wichtigsten Einstiege.
• Sidebar-Ansichten und Produktlisten ergaenzen das Menue statt damit zu konkurrieren.

Typische Stolperfallen

• zu viele Hauptpunkte: das Menue wirkt wie eine Sitemap und verliert Fuehrung.
• zu tiefe Ebenen: besonders mobil wird die Bedienung langsam und unklar.
• uneinheitliche Begriffe: Kategorien, Startseite und Menue sprechen nicht dieselbe Sprache.
• leere Landingpages: ein attraktiver Menuepunkt fuehrt auf eine schwache Zielseite.
• ungepruefte Mobilansicht: Desktop wirkt gut, Mobil wird aber zu lang oder schwer bedienbar.

Verwandte Bereiche

• Header-Menu: Menuepunkte anlegen, sortieren und Sichtbarkeit steuern.
• Menue-Einstellungen: Verhalten und Kategorieeinbindung des Header-Menues festlegen.
• Sidebar-Ansichten: Seitliche Navigation passend zu Kategorien und Inhaltsseiten planen.
• Seiten: Landingpages, Serviceinhalte und redaktionelle Einstiege pflegen.
• Startseite sinnvoll gestalten: wichtigste Menuewege auf der Startseite vertiefen.
• Produktlisten: Sortimentsseiten so gestalten, dass Menueeinstiege nach dem Klick tragen.