Die meisten Websites für kreatives Gestalten sammeln Hunderte von Anleitungen, Tutorials und Produktreferenzen, ohne eine schlüssige Navigation zu bieten. Eine bestimmte Ressource zu finden – ein Schnittmuster, ein technisches Datenblatt zu Harz oder eine Scrapbooking-Schablone – hängt weniger von der Menge der veröffentlichten Inhalte ab als von der Informationsarchitektur der Website. Drei technische Faktoren bestimmen die Qualität der Navigation: die Taxonomie der Rubriken, die Facettennavigation und die HTML-Überschriftenstruktur.
Rubrikentaxonomie auf einer Website für kreatives Gestalten: Technik, Material oder Niveau
Eine Kreativ-Website, die ihre Ressourcen ausschließlich nach Techniken (Malen, Modellieren, Schmuck, Nähen) ordnet, setzt voraus, dass Besucher die Fachbegriffe kennen. Diese Einteilung eignet sich für regelmäßige Nutzer, lässt aber diejenigen außen vor, die von einem Material (Perlen, Holz, Stoff) oder einem Anlass (Aktivitäten für Kinder, Weihnachtsideen, Halloween-Deko) ausgehen.
Die effektivsten Architekturen kombinieren mindestens zwei Einstiegswege. Eine Achse nach Technik oder Disziplin bildet das Grundgerüst. Eine zweite, oft zeitliche oder thematische Achse (Muttertag, Schulanfang, Familienaktivitäten) bietet zusätzliche Zugänge. Die Gefahr besteht darin, zu viele Kombinationen anzulegen: Aktuelle Empfehlungen zur Facettennavigation raten dazu, Filterseiten auf tatsächlich nützliche Kombinationen zu beschränken und Kombinationen ohne Treffer nicht zu indexieren.
Wir empfehlen, vor einer intensiveren Nutzung zu prüfen, ob eine Website mindestens drei klar unterscheidbare Navigationsebenen bietet:
- Ein Hauptmenü, das nach Disziplinen gegliedert ist (DIY, Malen, Schmuck, Nähen, kreative Aktivitäten für Kinder) und eindeutige Bezeichnungen verwendet – keine Markennamen oder internen Codes.
- Sekundäre Filter nach Material (Perlen, Holzzubehör, Stoff, Harz) oder Schwierigkeitsgrad, die sich in jeder Kategorie ohne vollständiges Neuladen der Seite aufrufen lassen.
- Redaktionelle thematische oder saisonale Sammlungen (Weihnachtskreationen, Halloween, Feste), die Ressourcen aus mehreren Disziplinen zusammenführen.
Bietet eine Website nur eine einzige Sortiermöglichkeit, wird die interne Suche zum wichtigsten Ausweg – ein Zeichen für eine mangelhafte Informationsarchitektur.
HTML-Sitemap und Seitenübersicht: ein unterschätztes Orientierungshilfsmittel
Die HTML-Sitemap (nicht zu verwechseln mit der XML-Sitemap für Suchmaschinen) ist nach wie vor der direkteste Weg, sämtliche Rubriken einer Website zu überblicken. Auf einem umfangreichen Portal für kreatives Gestalten listet diese Seite alle Kategorien, Unterkategorien und Inhaltsseiten in einer übersichtlichen Baumstruktur auf. Die meisten Besucher übersehen diese Abkürzung.
Um die Seitenübersicht zu finden, hängen Sie /sitemap/ oder /plan-du-site/ an die Domain-URL an. Bei manchen CMS lautet die Adresse anders, der Link steht jedoch meist im Footer. Ein Blick auf die Seitenübersicht von Les Bricoleries de Nanie zeigt ein gutes Beispiel für eine übersichtliche Baumstruktur, in der jede Rubrik zu den passenden Unterbereichen mit Kreationen und Tutorials führt.
Eine gut aufgebaute Seitenübersicht macht Bereiche sichtbar, die im Hauptmenü verborgen bleiben. Sekundäre Rubriken (Materialdatenblätter, Glossare, Ideen nach Altersgruppe) tauchen mitunter in keinem Dropdown-Menü auf. Die Seitenübersicht gleicht die Grenzen des Navigationsmenüs aus, indem sie die gesamte Baumstruktur auf einer einzigen Seite offenlegt.
HTML-Struktur und Überschriftenhierarchie: unsichtbare, aber entscheidende Orientierungspunkte
Barrierefreiheitsprüfungen von Websites für kreatives Gestalten decken regelmäßig Mängel bei Linkbezeichnungen und Seitenstrukturen auf. Unstimmige H2- und H3-Überschriften, Links, deren Text das Ziel nicht beschreibt, oder Navigationsbereiche ohne semantische Auszeichnung: Solche technischen Mängel erschweren Besuchern unmittelbar die Orientierung.
Eine Website mit einer schlüssigen HTML-Überschriftenhierarchie (eine H1 pro Seite, H2 für Hauptabschnitte, H3 für Unterabschnitte) ermöglicht es Screenreadern, von Abschnitt zu Abschnitt zu springen. Für andere Besucher zeigt sich diese Struktur in Seiten, auf denen jeder Bereich eine aussagekräftige Überschrift hat und der Breadcrumb-Pfad die tatsächliche Position in der Baumstruktur widerspiegelt.
Seit dem 28. Juni 2025 gilt die europäische Richtlinie zur Barrierefreiheit auch für E-Commerce-Dienste; Kleinstunternehmen, die Dienstleistungen erbringen, sind davon ausgenommen. Eine Website für kreatives Gestalten, die Materialien, Schnittmuster oder Sets online verkauft, fällt möglicherweise in diesen Anwendungsbereich. Die Barrierefreiheit von Menüs, Filtern und Bestellabläufen sollte daher je nach Situation des jeweiligen Anbieters geprüft werden.
Die Struktur einer Website in wenigen Sekunden prüfen
Browser-Erweiterungen wie HeadingsMap oder Web Developer zeigen die Überschriftenstruktur einer Seite sofort an. Ist die Liste der Hn-Überschriften unstimmig (Sprünge von H2 zu H4, leere Überschriften, fehlende Hierarchie), ist die Navigation wahrscheinlich verwirrend. Eine saubere Hn-Struktur ist ein Hinweis auf eine gut aufgebaute Website, deren Rubriken logisch geordnet und deren Ressourcen leicht zu finden sind.
Facettenfilter auf einer Kreativ-Website: Was funktioniert und was Besucher überfordert
Die Facettennavigation (kombinierbare Filter nach Material, Technik, Farbe, Preis und Alter) ist in Online-Shops für kreatives Gestalten inzwischen Standard. Das Problem sind nicht fehlende Filter, sondern ihre übermäßige Anzahl. Eine Website, die in der Kategorie Acrylfarbe Filter nach Farbe, Marke, Grammatur, Verpackung und Preisspanne anbietet, erzeugt Dutzende Kombinationen, von denen die meisten keine Treffer liefern.
Die nützlichsten Filterkonfigurationen für eine Kreativ-Website beschränken sich auf drei oder vier Facetten pro Kategorie: eine nach dem Hauptmaterial, eine nach Technik oder Verwendungszweck (Schablonieren, Modellieren, Schmuckherstellung) und eine nach Niveau oder Zielalter. Bei mehr als vier gleichzeitig aktiven Filtern steigt die Zahl der Suchanfragen ohne Treffer und die Navigation wird kontraproduktiv.
Ein verlässlicher Hinweis: Ändert ein Filter die angezeigte Trefferzahl nicht, ist er überflüssig. Die am besten gestalteten Websites blenden Filterwerte, die zu keinem Produkt oder Inhalt in der aktuellen Auswahl passen, automatisch aus.
Die interne Suche bleibt das letzte Sicherheitsnetz, kann aber eine schlechte Taxonomie nicht ausgleichen. Wer eine Website vor der Nutzung mit gängigen Begriffen (DIY-Ideen, Aktivitäten für Kinder, Perlen, Zubehör) durchsucht, kann die Qualität ihrer internen Indexierung schnell einschätzen. Liefert die Suchmaschine irrelevante oder falsch sortierte Ergebnisse, ist das ein Hinweis darauf, dass es länger dauern wird, die passende Ressource zu finden, als sie umzusetzen.
