Sortierbar, verlinkt, visuell: Suchergebnis-Listen für Weinplattformen aufwerten

Christopher Zechendorf

04.06.2026

Share:

Wie kleine Interaktions-Verbesserungen eine Weinsuche aufwerten: sortierbare Spalten, verlinkte Produzenten und Medaillen als Icon -- bei VINUM und GPVS.

Eine gute Suche endet nicht beim Treffer

Eine schnelle Suche ist die halbe Miete – die andere Hälfte ist, was Besucherinnen und Besucher mit der Ergebnisliste anfangen können. In derselben Woche haben wir bei zwei Weinplattformen, VINUM und dem Grand Prix du Vin Suisse, die Such-Trefferlisten spürbar nutzerfreundlicher gemacht. Dieser Beitrag zeigt am echten Beispiel, wie kleine Interaktions-Verbesserungen eine Katalog- bzw. Suchseite aufwerten – und welche technischen Fallstricke dabei lauern.

Um die reine Geschwindigkeit der Suche ging es diesmal nicht; die hatten wir bereits in einem früheren Projekt mit SolR optimiert. Hier steht die Bedienbarkeit der Ergebnisliste im Mittelpunkt.

Die Herausforderung

Die Trefferlisten taten, was sie sollten – aber nicht mehr. Die Ergebnisse waren fest nach dem besten Rating vorsortiert, ohne Möglichkeit für die Besucher, selbst umzusortieren. Produzenten standen als reiner Text in der Liste, obwohl zu vielen eine Website hinterlegt war. Auszeichnungen wurden als Wort (“Gold”, “Silber”) ausgegeben statt visuell erkennbar. Und beim Grand Prix du Vin Suisse blähten zwölf Spalten die Tabelle auf, von denen mehrere redundant waren.

Unsere Lösung

1. Sortierbare Spaltenüberschriften – und der Pagination-Fallstrick

Der Wunsch klingt simpel: Ein Klick auf eine Spaltenüberschrift sortiert die Liste nach dieser Spalte, auf- oder absteigend – nach Weinname, Jahrgang, Bewertung und so weiter. Der entscheidende technische Punkt steckt im Detail: Eine rein client-seitige Sortierung (etwa mit DataTables im Browser) funktioniert nur, wenn alle Treffer gleichzeitig im Seitenquelltext stehen. Beide Weinsuchen sind aber server-seitig paginiert – es liegen immer nur die aktuell angezeigten Treffer im Browser. Eine Browser-Sortierung würde also nur die sichtbare Seite umsortieren, nicht die gesamte Ergebnismenge.

Deshalb sortieren wir server-seitig über den vollständigen Treffersatz und paginieren erst danach. Bei VINUM geschieht das direkt in der SolR-Abfrage, beim Grand Prix du Vin Suisse über die TYPO3-/Extbase-Datenbankabfrage. Zwei Details waren uns dabei wichtig:

• Sicherheit: Die sortierbaren Spalten sind über eine feste Liste erlaubter Felder abgebildet. Nutzereingaben gelangen nie ungeprüft in die Sortier-Anweisung – das verhindert zuverlässig Injection-Angriffe.
• Konsistenz: Ein erneuter Klick auf dieselbe Spalte dreht die Reihenfolge um; ein kleiner Pfeil (▲/▼) zeigt die aktive Spalte und Richtung an. Die gewählte Sortierung bleibt beim Blättern erhalten und – beim Grand Prix du Vin Suisse – gemeinsam mit allen gesetzten Filtern in der Adresse (URL), sodass sich ein sortiertes Ergebnis als Lesezeichen speichern oder weitergeben lässt.

2. Sonderfall Auszeichnungen: Rang statt Alphabet

Eine Spalte ließ sich nicht einfach alphabetisch sortieren: die Auszeichnungen. “Absteigend” bedeutet hier nicht “Z bis A”, sondern beste zuerst: Grosses Gold, Gold, Silber, Bronze, Nominiert, keine. Wir bilden diese Rangfolge über eine feste Zuordnung ab und sortieren diese eine Spalte bewusst in der Anwendungslogik – die übrigen Spalten laufen über die Datenbankabfrage. So bleibt die Reihenfolge fachlich korrekt, auch wenn für einzelne Medaillen-Stufen noch nicht alle Stammdaten vorhanden sind.

3. Produzenten direkt verlinken

Zu vielen Weingütern ist eine Website hinterlegt – bisher ungenutzt. Jetzt ist der Produzentenname anklickbar und öffnet die Website in einem neuen Tab. Ein Detail aus den echten Daten war hier entscheidend: Die allermeisten Adressen sind als reine Domain erfasst (z. B. www.weingut.ch) und nur eine Handvoll mit vorangestelltem https://. Ohne Schema interpretiert der Browser www.weingut.ch als Pfad auf der eigenen Seite – der Link liefe ins Leere. Wir ergänzen das Schema deshalb automatisch, sodass aus www.weingut.ch zuverlässig https://www.weingut.ch wird. Bereits vollständige Adressen bleiben unangetastet, und die Links tragen rel="noopener noreferrer" für ein sicheres Öffnen in neuen Tabs.

4. Medaillen als Icon statt als Text

Statt des Wortes “Gold” zeigt die Auszeichnungsspalte nun ein Medaillen-Icon, exakt auf Texthöhe skaliert, sodass es sich harmonisch in die Zeile einfügt. Die Plattform ist zweisprachig (Deutsch/Französisch); damit das Icon in beiden Sprachen identisch erscheint, wählen wir es über einen sprachunabhängigen Schlüssel statt über den (übersetzten) Anzeigetext aus. Für unbekannte Werte fällt die Darstellung sauber auf den Text zurück, und das Bronze-Icon ist bereits hinterlegt, falls künftig eine Bronze-Medaille vergeben wird.

5. Feinschliff der Trefferliste

Schließlich haben wir die Tabelle beim Grand Prix du Vin Suisse von zwölf auf acht Spalten reduziert. Entfernt wurden vor allem redundante Angaben – etwa eine separate Jahr-Spalte, deren Wert sich bereits aus der Edition ergibt. Felder wie Farbe, Kanton und Rebsorte stehen weiterhin als Filter zur Verfügung; nur die Trefferliste selbst wurde verschlankt. Das Ergebnis ist eine ruhigere, besser scanbare Tabelle, die auch auf dem Smartphone deutlich aufgeräumter wirkt.

Das Ergebnis

Keine dieser Änderungen ist für sich genommen spektakulär – in Summe machen sie aus einer funktionalen Trefferliste aber ein Werkzeug, mit dem Besucher tatsächlich arbeiten können: sortieren nach dem, was sie interessiert, mit einem Klick zum Produzenten und Auszeichnungen auf den ersten Blick erkennbar. Genau dieser Feinschliff an der Interaktion entscheidet oft darüber, ob eine Such- oder Katalogseite als angenehm empfunden wird.

Fazit

Eine gute Suchseite ist mehr als ein schneller Index. Wer die Ergebnisliste konsequent vom Nutzen pro Treffer her denkt – sortierbar, verlinkt, visuell – holt aus bestehenden Daten erstaunlich viel zusätzlichen Mehrwert heraus, oft mit überschaubarem Aufwand.

Möchten Sie die Such- oder Katalogseite Ihrer Website nutzerfreundlicher machen? Sprechen Sie uns an – wir schauen uns Ihre Ergebnisliste gerne an.