Best Practices

Dieser Artikel beschreibt die besten Möglichkeiten, Search zu nutzen, um Ihre Conversion-Rate signifikant zu steigern. Sie basieren auf über 10 Jahren eCommerce-Erfahrung in Tausenden von Shops.

Wählen Sie Layouts #

Die Suche auf der Website ist eine der handlungsstärksten Aktionen, die ein Besucher durchführen kann. Untersuchungen zeigen immer wieder, dass Nutzer der Seitensuche mit 2–3-facher Wahrscheinlichkeit konvertieren im Vergleich zu Besuchern, die durch Kategorien stöbern.

Obwohl sie etwa 30 % aller Besucher ausmachen, generieren sie 40–60 % des gesamten E-Commerce-Umsatzes. Unabhängig davon, welches Layout Sie wählen: Eine schnelle, sichtbare und einfach zu bedienende Suche ist eine der lohnendsten Investitionen in Ihren Webshop.

Clerk bietet 3 unterschiedliche Layouts für die Anzeige von Suchergebnissen. Wir empfehlen einen der beiden Ansätze:

• Eine Omnisearch, die Sofortergebnisse, Facetten, Kategorien und Inhalte in einem Overlay kombiniert.
• Eine Instant Search und Search Page als zwei separate Komponenten.

Omnisearch ist unsere Haupempfehlung für die meisten Webshops heutzutage. Sie liefert direkt out-of-the-box das schnellste und vollständigste Sucherlebnis — und für die meisten Shops ist dies das Layout mit der besten Conversion-Rate.

Search wird mit großartigen Standarddesigns für jedes Layout geliefert, die bereits unseren Best Practices folgen.

Omnisearch #

Dies kombiniert die Konzepte von Instant Search und Search Page mit Facetten in einem Full-Screen-Overlay. Sobald ein Besucher das Suchfeld anklickt — noch bevor er einen Buchstaben eingibt — öffnet sich Omnisearch und gewährt damit direkt Zugang zum gesamten Webshop.

Während der Eingabe wird alles in Echtzeit verfeinert: Produkte, Kategorien, Inhaltsseiten und Vorschläge werden gemeinsam aktualisiert.

Stellen Sie sich einen Vater vor, der „das Ding, das meine Tochter für das Turnen braucht“ kaufen soll — und keine Ahnung hat, was das bedeutet. Er tippt „Gymnastik“ ins Suchfeld, und noch bevor er zu Ende geschrieben hat, öffnet Omnisearch mit Trikots, Trainingshandschuhen, Gymnastikschuhen und Magnesiabeuteln im Vordergrund.

Da ist auch ein Blog-Beitrag über Gymnastik-Basisausrüstung und eine Kategorie namens „Mädchen Sport“. Er liest den Artikel, nimmt alles mit, was seine Tochter braucht, und fügt eine Faszienrolle hinzu, über die er unterwegs gestolpert ist.

Er weiß immer noch nicht, wie die Hälfte der Sachen heißen — aber er hat sie alle innerhalb von drei Minuten gekauft, ohne ein einziges Menü anzuklicken. Dieses Erlebnis schafft Omnisearch für jeden Besucher.

Ein großartiges Omnisearch-Design besteht aus:

• Ihren relevantesten Facets
• 40–60 Produkten auf einmal
• Deutlichen Produktbildern, Namen und Preisen
• Passenden Kategorien
• Passenden Inhaltsseiten
• Suchvorschlägen auf Basis der aktuellen Anfrage
• Einer „Mehr Ergebnisse anzeigen“-Schaltfläche zum Nachladen weiterer Produkte

Falls Sie lieber eine schnelle Instant Search-Dropdown für Sofortergebnisse mit einer dedizierten Search Page zum intensiveren Stöbern kombinieren möchten, können Sie stattdessen folgenden Ansatz nutzen.

Instant Search #

Da die Online-Aufmerksamkeitsspanne sinkt, wirkt sich das Anzeigen Ihres Katalogs bereits beim Eintippen spürbar auf das Engagement aus. Bis zu 60 % der Besucher finden und kaufen Artikel direkt über dieses Dropdown.

Der Grund dafür ist einfach: Es prognostiziert, wonach der Besucher sucht, und zeigt bereits nach den ersten Zeichen Ergebnisse an.

Denken Sie an eine Kundin, die kurz vor dem Training noch schnell einen American-Football-Helm kaufen will. Sobald sie anfängt zu tippen, sieht sie schon, dass Sie Dutzende Helme auf Lager haben — und sie kann sogar Größenratgeber aus Ihren Inhaltsseiten durchstöbern, ohne das Dropdown zu verlassen.

Diese sofortige Bestätigung verwandelt einen Stöber-Besuch in einen Kauf.

Ein gutes Instant Search-Design besteht aus:

• Einer Listenansicht, die einen Überblick über die Ergebnisse bietet
• 70 % Fläche für Produkte, 30 % für andere Inhalte
• Produktbildern, Namen, Preisen und einem Call-to-Action
• Suchvorschlägen mit ähnlichen Suchanfragen
• Passenden Kategorien
• Passenden Inhalten wie Blogbeiträgen und CMS-Seiten
• Einer „Mehr Ergebnisse anzeigen“-Schaltfläche, die zur Search Page führt

Search Page #

Diese ergänzt das Instant Search-Dropdown und erleichtert das Stöbern im gesamten Katalog.

Während das Instant Search-Dropdown auf Schnelligkeit ausgelegt ist, dient die Search Page dem bewussten Erkunden. Dies sind zwei unterschiedliche Einkaufsmodi und beide sind wichtig.

Manche Besucher wissen genau, was sie wollen und brauchen den schnellsten Weg dorthin. Andere kommen in Recherche-Stimmung — sie haben eine ungefähre Vorstellung, möchten vergleichen und haben es nicht eilig.

Stellen Sie sich einen Elternteil vor, der ein Geburtstagsgeschenk für ein Kind besorgen soll, das „Wissenschaftskram“ mag. Das Dropdown zeigt sofort einige passende Artikel. Sie klicken auf „Alle Ergebnisse anzeigen“ und die Search Page öffnet sich mit 60 oder mehr Produkten.

Sie filtern nach Altersgruppe, setzen ein Budget von 60 Euro und grenzen die Auswahl auf Chemie-Kästen ein. Nach wenigen Minuten haben sie die perfekte Option gefunden — ein Produkt, das sie sonst nie entdeckt hätten, hätten sie einfach das erste Dropdown-Ergebnis genommen.

Die Search Page ist nicht der Ort, an dem Besucher mal eben etwas schnell holen. Hier finden sie das Richtige.

Ein gutes Search Page-Design besteht aus:

• Einer Gitteransicht mit detaillierter Produktdarstellung
• 40–60 Produkten auf einmal
• Produktbildern, Namen, Preisen und einem Call-to-Action
• Ihren relevantesten Facets
• Einer „Mehr Ergebnisse anzeigen“-Schaltfläche zum Nachladen weiterer Produkte

Suchvorschläge #

Suchvorschläge füllen das konfigurierte Limit weiterhin aus, auch wenn es eine exakte Übereinstimmung gibt. Der exakte Vorschlag erscheint als erstes, gefolgt von ähnlichen Vorschlägen.

Clerk.io kann zudem Vorschlagskandidaten aus Produktnamen und Marken bilden, die häufig genug in Ihrem Katalog auftauchen. So entdecken Besucher auch dann nützliche Suchbegriffe, wenn sie den exakten Produktnamen nicht kennen.

Facets #

Ob Sie Search Page oder Omnisearch nutzen: Facets sind ein zentraler Bestandteil, um Besuchern das Stöbern zu erleichtern. Facetten erlauben es Kunden, Produktattribute wie Preis, Farbe, Größe und Marke in Sekundenschnelle zu kombinieren.

Stellen Sie sich einen preisbewussten Besucher vor, der nur einen Helm unter 400 Euro und ausschließlich in Metallic-Silber sucht. Ohne Facetten muss er hunderte Ergebnisse scrollen. Mit zwei Klicks auf die richtigen Filter sind die passenden Produkte sofort sichtbar.

Diese Geschwindigkeit führt direkt zu weniger Abbrüchen und mehr Bestellungen. Studien zeigen: Käufer, die Filter nutzen, sehen sich 3 mal mehr Produkte an als solche, die ohne Filter auskommen — und konvertieren deutlich häufiger.

Trotzdem bieten nur 16 % der E-Commerce-Seiten eine effektive Faceted Search — wer das besser macht, hat einen echten Wettbewerbsvorteil.

Wir empfehlen, mindestens diese Facets anzuzeigen:

• Preis
• Kategorien
• Marke/Hersteller

Darüber hinaus sollten alle relevanten Attribute Ihres Geschäfts inkludiert werden — etwa Farben, Größen, technische Eigenschaften, Gewicht und alle anderen verfügbaren Daten.

Die Facets von Clerk passen sich automatisch jeder Suche an. Es werden also nur Filter angezeigt, die für das aktuelle Ergebnis sinnvoll sind — Schuhgrößen erscheinen, wenn nach Fußbekleidung gestöbert wird; Wattzahl bei Elektrowerkzeugen; Fadenzahl bei Bettwäsche. Andersherum würden diese Filter keinen Sinn ergeben.

Designs optimieren #

Die Suche sollte sich nahtlos in das bestehende Webshop-Design einfügen und für Besucher leicht auffindbar und bedienbar sein.

Branding #

Unabhängig von den gewählten Layouts sollten diese dem Stil Ihrer Marke folgen, um ein integrierter Teil Ihrer Seite zu werden. Standarddesigns können entweder mit unserem Design Editor oder per Code Designs angepasst werden.

In den meisten Fällen lassen sich Clerk-Produktkarten optisch identisch zu denen im übrigen Shop gestalten. Synchronisieren Sie die Attribute, auf die Ihre Karten zugreifen — Farben, Größen, Badges, Labels oder andere Eigenschaften —, kann das Design exakt angepasst werden.

Danach geht es hauptsächlich darum, Facets, Überschriften, Schriften und Abstände an Ihren Stil anzupassen.

Das müssen Sie nicht manuell machen. Zwei KI-gestützte Wege stehen zur Verfügung:

• Ask Clerk.io ist ein KI-Assistent, der nahezu alles für Ihren Shop erledigen kann — vom Kopieren Ihres bestehenden Designs bis hin zur direkten Übernahme in Ihre Clerk-Konfiguration.
• Der AI Design Editor ist direkt im Code Design Editor in my.clerk.io eingebaut. Sie beschreiben die gewünschten Änderungen in einfacher Sprache und sie werden in Echtzeit umgesetzt, sodass Sie Design-Iterationen visuell durchführen können, ohne den Editor zu verlassen.

Mit beiden Möglichkeiten entfällt die Notwendigkeit, selbst zu programmieren — Ask Clerk.io ist das umfassendere Tool, der AI Design Editor ist gezielt für Designarbeit gebaut und zeigt Änderungen live an.

Die wichtigsten Elemente zum Abstimmen sind:

• Schriftfamilie
• Schriftgröße
• Schriftfarbe
• Button-Farbe

Suchfeld #

Für die Suchfunktionalität ist es entscheidend, dass das Suchfeld stets deutlich sichtbar ist. Eine noch so gute Suche bringt nichts, wenn Besucher sie nicht finden.

Untersuchungen zeigen: 43 % der Retail-Kunden greifen direkt zur Suchleiste, sobald sie im Webshop landen — sie gehört damit zu den ersten Dingen, nach denen Nutzer suchen.

Viele Shops verstecken das Suchfeld hinter kleinen Icons oder klappen es erst in Menüs auf — eine Gewohnheit aus Zeiten, als Suchfunktionen noch schlecht waren und besser „unsichtbar“ blieben. Wenn Ihre Suche wirklich gut ist, sollte sie keinesfalls verborgen werden.

Denken Sie daran: Wenn Sie eine Top-Sales-Expertin einstellen, lassen Sie sie nicht Regale im Hintergrund einräumen. Sie gehört nach vorne und spricht mit den Kunden. Ihr Suchfeld ist Ihr bestes Verkaufstool — behandeln Sie es entsprechend.

• Platzieren Sie das Suchfeld deutlich sichtbar im oberen Menü auf allen Geräten, idealerweise mittig oder rechts.
• Es sollte 25–50 % der Menü-Breite einnehmen, um Aufmerksamkeit zu erzeugen. Amazons Header besteht etwa zur Hälfte aus dem Suchfeld — kein Zufall.
• Verwenden Sie einen prägnanten Platzhaltertext wie “Search among 4000+ products and pages”

Regelmäßig optimieren #

Die KI von Clerk hält Suchergebnisse stets aktuell auf Basis des Kundenverhaltens, aber es gibt Momente, in denen eine menschliche Feinabstimmung die Ergebnisse noch weiter verbessert.

Analytics #

Dieses Dashboard hilft Ihnen, gezielt Suchanfragen zu identifizieren, die Sie aktiv verbessern können — z. B. Suchen nach nicht vorrätigen Produkten oder unerwarteten Synonymen.

Im Schnitt liefern 12–24 % aller On-Site-Suchen null Ergebnisse in E-Commerce-Shops — und 68 % der Kunden sagen, dass sie nach einer schlechten Sucherfahrung nicht zurückkehren würden. Jede behobene Suche bedeutet gewonnene Kunden.

Kunden suchen oft auf Weisen, mit denen man nie gerechnet hätte. Vielleicht geben sie „Körperkissen“ ein, meinen aber eigentlich „Schulterschützer“. Ein schnelles Synonym im Clerk-Admin löst das Problem sofort und die Suche konvertiert von nun an.

Gleiches gilt für Sprachvarianten. Ihr Katalog verwendet durchgängig „Hose“, aber Kunden suchen nach „Jeans“ — jede dieser Suchen liefert schwächere Ergebnisse, als nötig. Das richtige Synonym behebt das für alle.

Hinzu kommt ein Bonus bei der Auffindbarkeit: Die Suchweise Ihrer Kunden auf Ihrer Seite spiegelt sich im Verhalten auf Google oder vermehrt auch bei KI-Assistenten wie ChatGPT, Claude und Gemini wider.

Wenn jemand eine KI nach einer Produktempfehlung fragt, greift sie auf dieselbe Sprache zurück. Jedes hier entdeckte Synonym oder Suchmuster ist ein Signal, wie Sie Produkttexte und Inhalte optimieren, damit Sie unabhängig vom Suchort besser gefunden werden.

Das Dashboard zeigt außerdem Sortiments- und Preisprobleme auf. Suchen Kunden ständig nach einem Produkt, aber es gibt keine Umsätze aus diesen Suchen, ist der Artikel eventuell ausverkauft, nicht im Katalog, oder zu teuer für den Markt.

Wenn niemand bei „Han Solo Figur“ konvertiert, sollten Sie diesen Artikel wieder auf Lager legen. Und falls Sie ein Star Wars-Shop sind, aber Kunden suchen nach „Star Trek“ — ja, das kommt vor und nein, wir urteilen nicht — dann ist eine Umleitung per Synonym auf das richtige Universum durchaus ein valider Business-Schritt.

Die regelmäßige Analyse des Dashboards zeigt Ihnen, wo sich Zeit für weitere Optimierung am meisten lohnt. Wir empfehlen, es mindestens einmal im Monat als Teil der regulären Geschäfts-Auswertung zu prüfen.

Warum KI-Ranking wichtig ist #

Ein verbreiteter Irrglaube ist, dass sich Suchqualität vor allem nach der korrekten Produktfindung bemisst. In Wirklichkeit zählt ebenso die Reihenfolge der Ergebnisse.

Textbasierte Suchsysteme sortieren Produkte danach, wie oft der Suchbegriff im Titel oder in der Beschreibung vorkommt. Klingt logisch — führt aber dazu, dass ein Produkt, bei dem „Adidas“ zweimal im Titel steht, über einem echten Bestseller auftaucht, selbst wenn es sich nie verkauft hat.

Die KI von Clerk sortiert Ergebnisse nach Kaufwahrscheinlichkeit: Was wird der jeweilige Besucher am ehesten wirklich kaufen, basierend auf seinem bisherigen Verhalten und ähnlichem Kundenverhalten?

Ein Shop mit 58 Adidas-Produkten zeigt die Handschuhe oben an, nicht weil „Adidas“ oft im Titel steht, sondern weil Handschuhe in diesem Kontext die gefragteste Option sind. Das ist der Unterschied zwischen einer intelligent wirkenden und einer performant arbeitenden Suche.

Gerade im E-Commerce ist diese Unterscheidung entscheidend. Textbasierte Sortierung reicht vielleicht bei Content-Seiten oder Wissensdatenbanken, wo eigentlich die relevantesten Artikel gefunden werden sollen.

Im E-Commerce dagegen zählt die Conversion: Ergebnisse müssen danach gerankt werden, was Kunden wirklich anklicken und kaufen werden, nicht nach der Häufigkeit des Keywords im Produkttitel. Das richtige Produkt zuerst anzuzeigen ist kein Nice-to-have, sondern der Unterschied zwischen Verkauf und Absprung.

Merchandising #

Wenn Sie spezifische Marketingziele verfolgen — etwa die eigenen Whitelabel-Produkte zu fördern oder Restposten abzubauen — nutzen Sie Merchandising, um Ihre Search-Ergebnisse gezielt zu beeinflussen.

Ein guter Ausgangspunkt ist, die Marge jedes Produkts zu synchronisieren und dann gezielt alles zu boosten, womit Sie das meiste verdienen. Die KI von Clerk sorgt weiterhin dafür, dass jedem Besucher die passenden Artikel angezeigt werden — sie räumt Ihrer Auswahl lediglich eine höhere Priorität ein. So lässt sich der Gewinn direkt erhöhen, ohne das Suchverhalten der Kunden zu ändern.

Ein Beispiel: Ein Sportgeschäft verkauft sowohl Markenhelme großer Hersteller als auch einen eigenen Whitelabel-Helm mit deutlich höherer Marge. Beide Produkte sind gut — doch bei der Suche nach „Footballhelm“ zeigt die KI zunächst die gefragtesten Markenprodukte an.

Mit einer einfachen Merchandising-Kampagne kann der Shop das Whitelabel-Produkt gezielt höher platzieren, ohne die Relevanz der Ergebnisse komplett zu verändern. Der Kunde bekommt weiterhin passende Optionen, der Shop verdient mehr beim ersten Klick.

Das gilt ebenso für Lagerüberhänge. Stecken Sie auf einem Artikel fest, kann dieser durch eine kurzfristige Boost-Kampagne für alle relevanten Suchen sichtbarer gemacht werden — ganz ohne Preisreduzierung oder Sale.

Kampagnen, mit denen Clerk gezielt auf die Produkte ausgerichtet wird, die Ihnen aktuell am wichtigsten sind, lassen sich in weniger als 5 Minuten aufsetzen.