Best Practices

Dieser Artikel beschreibt die besten Möglichkeiten, wie Sie Search einsetzen können, um Ihre Conversion-Rate deutlich zu steigern. Sie basieren auf unseren über 10 Jahren E-Commerce-Erfahrung in Tausenden von Shops.

Layouts auswählen #

Die Seitensuche ist eine der am stärksten ausgeprägten Handlungen, die ein Besucher durchführen kann. Studien zeigen immer wieder, dass Website-Suchende mit 2–3-facher Wahrscheinlichkeit konvertieren im Vergleich zu Besuchern, die durch Kategorien stöbern.

Obwohl sie nur etwa 30 % aller Besucher ausmachen, generieren sie 40–60 % des gesamten E-Commerce-Umsatzes. Welches Layout Sie auch wählen: Eine schnelle, sichtbare und leicht nutzbare Suche ist eine der Investitionen mit dem höchsten Return in Ihrem Webshop.

Clerk bietet 3 verschiedene Layouts, um Suchergebnisse anzuzeigen. Wir empfehlen einen der beiden Ansätze:

• Ein Omnisearch, das sofortige Ergebnisse, Facets, Kategorien und Inhalte in einer einzigen Overlay kombiniert.
• Ein Instant Search und Search Page als zwei separate Komponenten zusammen.

Omnisearch ist unsere Hauptempfehlung für die meisten Webshops heute. Es bietet die schnellste und vollständigste Suche “out-of-the-box” — und für die meisten Shops ist es das Layout, das am besten konvertiert.

Search wird mit hervorragenden Standarddesigns für jedes Layout ausgeliefert, die bereits unseren Best Practices folgen.

Omnisearch #

Diese kombiniert die Konzepte von Instant Search und Search Page mit Facets in einem Vollbild-Overlay. Sobald ein Besucher das Suchfeld anklickt — noch bevor er ein Zeichen getippt hat — öffnet sich Omnisearch und präsentiert ein Fenster in den gesamten Webshop.

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

Stellen Sie sich einen Vater vor, der losgeschickt wurde, um „das, was meine Tochter fürs Turnen braucht“, zu kaufen — und keine Ahnung hat, was das ist. Er gibt „Turnen“ ins Suchfeld ein, und noch bevor er das Wort fertig getippt hat, öffnet sich Omnisearch mit Trikots, Trainingsgriffen, Turnschuhen und Magnesiabeuteln ganz vorne.

Es gibt auch einen Blogpost zum Einsteiger-Turnzubehör und eine Kategorie „Mädchen Sport“. Er liest den Artikel, nimmt alles mit, was seine Tochter braucht und legt noch eine Faszienrolle in den Warenkorb, von der er unterwegs gelesen hat.

Er weiß immer noch nicht, wie die Hälfte der Dinge heißt — aber er hat alles in unter drei Minuten gekauft, ohne auch nur einmal ein Menü zu bedienen. Das ist das Erlebnis, das Omnisearch für jeden Besucher schafft.

Ein gutes Omnisearch-Design besteht aus:

• Ihren relevantesten Facets.
• 40–60 Produkten gleichzeitig
• Klare Produktbilder, Namen und Preise
• Passende Kategorien
• Passende Inhaltsseiten
• Suchvorschläge basierend auf der aktuellen Anfrage
• Ein „Weitere Ergebnisse anzeigen“-Button, der noch mehr Produkte lädt

Wenn Sie die Suche lieber aufteilen möchten in ein schnelles Instant Search-Dropdown und eine dedizierte Search Page zum weiteren Stöbern, können Sie stattdessen folgendes herangehen.

Instant Search #

Durch abnehmende Online-Aufmerksamkeit wirkt sich die Präsentation Ihres Katalogs bereits beim ersten Tippen stark auf das Engagement aus. Bis zu 60 % der Besucher finden und kaufen direkt aus diesem Dropdown heraus.

Der Grund, warum es so gut funktioniert, ist einfach: Es antizipiert, was der Besucher sucht, und zeigt bereits nach den ersten Buchstaben Ergebnisse an.

Stellen Sie sich einen eiligen Kunden vor, der vor dem Training schnell einen Football-Helm kaufen will. Sobald er zu tippen beginnt, sieht er, dass Sie Dutzende Helme auf Lager haben — und kann sogar direkt Größentabellen aus Ihren Inhaltsseiten durchsuchen, ohne das Dropdown zu verlassen.

Diese Art der sofortigen Bestätigung verwandelt einen Stöberbesuch in einen Kauf.

Ein gutes Instant Search-Design besteht aus:

• Einem Listenformat, das Übersicht bietet.
• 70 % Platz für Produkte und 30 % für andere Inhalte.
• Produktbilder, Namen, Preise und eine Handlungsaufforderung.
• Suchvorschläge, die ähnliche Anfragen zeigen.
• Passende Kategorien.
• Passende Inhalte wie Blogposts und CMS-Seiten.
• Ein „Weitere Ergebnisse anzeigen“-Button, der auf die Search Page verlinkt.

Search Page #

Diese ergänzt das Instant Search Dropdown, indem sie einfache Durchsicht Ihres gesamten Katalogs ermöglicht.

Während das Instant Search Dropdown auf Geschwindigkeit ausgelegt ist, ist die Search Page für gezielte Exploration gemacht. Das sind zwei verschiedene Shopping-Modi — beide sind wichtig.

Manche Besucher wissen genau, was sie wollen und brauchen den schnellstmöglichen Weg dorthin. Andere kommen im Recherchemodus – sie haben eine vage Idee, wollen Optionen vergleichen und haben keine Eile.

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

Sie filtern nach Altersstufe, setzen ein Budget von 60 Euro fest und grenzen auf Chemie-Baukästen ein. Nach wenigen Minuten ist die perfekte Option gefunden — ein Produkt, das sie niemals gesehen hätten, wenn sie direkt das erstbeste Dropdown-Ergebnis gewählt hätten.

Die Search Page ist nicht der Ort für schnelle Käufe. Hier finden Besucher das Richtige.

Ein gutes Search Page-Design besteht aus:

• Einem Grid-Format, das Produkte detailliert zeigt.
• 40-60 angezeigten Produkten gleichzeitig.
• Produktbildern, Namen, Preisen und einer Handlungsaufforderung.
• Ihren relevantesten Facets.
• Einem „Weitere Ergebnisse anzeigen“-Button, der mehr Produkte lädt.

Suchvorschläge #

Suchvorschläge werden bis zum eingestellten Limit ausgefüllt, auch bei exakter Übereinstimmung. Der genaue Vorschlag steht an erster Stelle, gefolgt von ähnlichen Vorschlägen.

Clerk.io kann außerdem Kandidaten für Vorschläge aus häufig genug im Katalog vorkommenden Produkttiteln und Marken bilden. So entdecken Besucher nützliche Suchbegriffe, auch wenn sie den Produktnamen nicht genau kennen.

Facets #

Egal ob Sie eine Search Page oder Omnisearch nutzen: Facets ist ein integraler Bestandteil, der das Stöbern leicht macht. Facets ermöglichen es Kunden, Produkteigenschaften — Preis, Farbe, Größe, Marke — in Sekunden zu kombinieren.

Stellen Sie sich einen preisbewussten Besucher vor, der einen Helm unter 400 Euro sucht und nur in Metallic-Silber will. Ohne Facets scrollt er durch hunderte Ergebnisse. Mit zwei Klicks auf die richtigen Filter sind die passenden Produkte sofort da.

Diese Schnelligkeit sorgt direkt für weniger Absprünge und mehr Bestellungen. Untersuchungen zeigen: Wer Filter nutzt, schaut sich 3-mal mehr Produkte an als andere — und konvertiert wesentlich häufiger.

Dennoch bieten nur 16 % aller E-Commerce-Seiten eine effektive Faceted-Search-Erfahrung — das ist ein echter Wettbewerbsvorteil!

Wir empfehlen, mindestens folgende Facets anzuzeigen:

• Preis
• Kategorien
• Marke/Anbieter

Alle weiteren für Ihr Geschäft relevanten Attribute sollten Sie ebenfalls anbieten. Das können Farben, Größen, technische Spezifikationen, Gewicht und alle anderen verfügbaren Daten sein.

Clerk’s Facets passen sich automatisch an jede Suche an und zeigen nur Filter, die für das aktuelle Ergebnis sinnvoll sind — Schuhgrößen erscheinen beim Schuhe-Stöbern, Wattzahl bei Elektrowerkzeugen, Fadenzahl beim Bettwäsche-Shopping. Andersherum wäre das sinnlos.

Designs optimieren #

Search sollte harmonisch in Ihr Webshop-Design passen und einfach zu finden sowie zu bedienen sein.

Branding #

Unabhängig vom gewählten Layout sollte Ihre Suche den Stil Ihrer Marke spiegeln und nahtlos ins Shop-Design integriert sein. Standarddesigns lassen sich individuell anpassen – mit unserem Design Editor oder mit Code Designs.

In den meisten Fällen lassen sich Clerk Produktkarten exakt so gestalten, wie die Karten im übrigen Webshop. Solange Sie die Attribute synchronisieren, auf die Ihre Karten angewiesen sind — Farben, Größen, Badges, Labels o. Ä. — kann das Design präzise angepasst werden.

Der restliche Aufwand besteht meist darin, Facets, Headlines, Schriftarten und Abstände an Ihren bestehenden Stil anzugleichen.

Sie müssen das aber nicht von Hand machen. Zwei KI-gestützte Wege bieten Hilfe:

• Ask Clerk.io ist ein AI-Assistent, der praktisch alles in Ihrem Shop erledigen kann – von Designreplikationen bis zum direkten Einspielen in Ihr Clerk-Setup.
• Der AI Design Editor ist im Code Design Editor auf my.clerk.io integriert. Hier beschreiben Sie Änderungen in Alltagssprache; sie werden in Echtzeit am Code umgesetzt, sodass Sie Designs direkt und visuell anpassen können.

Beide Optionen machen eigenes Coden unnötig — Ask Clerk.io ist das universellere Tool, der AI Design Editor speziell für Designaufgaben und mit Live-Vorschau.

Die wichtigsten Elemente für eine nahtlose Integration sind:

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

Suchfeld #

Ein entscheidender Aspekt der Suchfunktion ist, dass das Suchfeld immer klar sichtbar und zugänglich bleibt. Denn die beste Suchfunktion bringt nichts, wenn Ihre Besucher sie nicht finden.

Studien zeigen: 43 % der Einzelhandelskunden nutzen beim Einstieg direkt die Suchleiste — sie ist eines der ersten Elemente, nach denen sie suchen.

Viele Shops verstecken das Suchfeld hinter kleinen Icons oder klappen es ins Menü ein — eine Angewohnheit aus Zeiten, als Suchen schlecht liefen und besser nicht auffielen. Ist Ihre Suche wirklich gut, sollten Sie sie nie verstecken.

Betrachten Sie es so: Würden Sie eine Top-Verkäuferin einstellen und hinten im Lager Regale einräumen lassen? Natürlich nicht. Sie muss vorn bei den Kunden stehen. Ihr Suchfeld ist Ihr bester Verkäufer — behandeln Sie es entsprechend:

• Positionieren Sie es gut sichtbar oben im Menü auf allen Geräten, idealerweise mittig oder rechts.
• Es sollte 25–50 % der Menübreite beanspruchen, um Aufmerksamkeit zu erzeugen. Amazons Header ist etwa zur Hälfte Suchfeld, zur Hälfte alles andere – das ist kein Zufall.
• Ein guter Platzhalter-Text wie „Search among 4000+ products and pages“ sollte enthalten sein.

Regelmäßig optimieren #

Clerk’s KI hält Suchergebnisse immer aktuell nach Kundenverhalten, aber es gibt Fälle, wo menschliches Feintuning Ihre Resultate weiter verbessern kann.

Analytics #

Dieses Dashboard hilft Ihnen, Suchbegriffe 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 Suchanfragen in E-Commerce-Shops keine Treffer — und 68 % der Kunden kehren nach einer schlechten Sucherfahrung nicht zurück. Jede optimierte Suche hält Kunden bei Ihnen.

Kunden suchen häufig auf unerwartete Weise. Vielleicht tippen sie „body pillow“, meinen aber eigentlich „Schulterpolster“. Ein schnelles Synonym im Clerk-Admin löst dies sofort und konvertiert solche Anfragen ab dann.

Dasselbe Muster gilt bei Spracheigenheiten. Wenn Ihr Katalog immer „pants“ verwendet, aber Kunden beständig nach „trousers“ suchen, liefert jede dieser Suchen schwächere Ergebnisse. Das Synonym löst das für alle.

Noch wichtiger: Die Suchmuster Ihrer Kunden entsprechen oft ihren externen Suchen – etwa bei Google, aber inzwischen auch via KI-Assistenten wie ChatGPT, Claude und Gemini.

Fragt jemand eine KI nach Produktempfehlungen, verwendet sie die Sprache, die auch Ihre Kunden wählen. Jedes gefundene Synonym ist ein Signal, wie Sie Ihre Produkttexte und Inhalte optimieren können, damit Sie überall leichter auffindbar sind.

Das Dashboard zeigt auch Produktlücken und Preisthemen auf. Suchen Kunden beständig nach Artikeln, und daraus entsteht kein Umsatz, ist das Produkt evtl. nicht lagernd, fehlt im Katalog oder ist für den Markt zu teuer.

Wenn bei „Han Solo Figur“ niemand konvertiert, ist das ein klares Signal, das Produkt wieder ins Sortiment zu holen. Und wenn Sie einen Star Wars-Shop betreiben und Ihre Kunden suchen nach „Star Trek“ — ja, das passiert — dann leiten Sie sie einfach per Synonym sanft in die passende Galaxie um.

Werfen Sie regelmäßig einen Blick auf dieses Dashboard, um Ihre Zeit optimal zu investieren und Ergebnisse gezielt noch weiter zu optimieren. Wir empfehlen eine monatliche Analyse als festen Teil Ihres Geschäftsbetriebs.

Warum KI-Ranking wichtig ist #

Ein häufiges Missverständnis: Suchqualität bedeutet nur, die richtigen Produkte zu finden. Tatsächlich ist auch die Reihenfolge der Ergebnisse entscheidend.

Textbasierte Suche sortiert nach Anzahl der Suchbegriffsvorkommen im Titel oder in der Beschreibung. Klingt logisch – aber so erscheint ein Produkt mit „Adidas" zweimal im Titel vor einem, das der eigentliche Bestseller ist, obwohl es nie verkauft wurde.

Clerk’s KI sortiert nach Conversion-Wahrscheinlichkeit: Was wird dieser Besucher mit größter Wahrscheinlichkeit tatsächlich kaufen, gemessen am bisherigen Verhalten und Einkäufen ähnlicher Kunden?

Ein Shop mit 58 Adidas-Produkten zeigt die Handschuhe ganz oben, nicht weil „Adidas“ am häufigsten vorkommt, sondern weil Handschuhe das sind, was Kunden in dem Kontext wahrscheinlich suchen. Das ist der Unterschied zwischen intelligenter und performanter Suche.

Gerade im E-Commerce ist dieser Unterschied entscheidend. Textbasierte Sortierung reicht für Content-Sites oder Wissensdatenbanken, wo der relevanteste Artikel im Vordergrund stehen soll.

Im E-Commerce zählt die Conversion — deshalb müssen Ergebnisse so sortiert sein, dass Kunden wirklich klicken und kaufen, egal wie oft der Suchbegriff im Titel steht. Das passende Produkt an erster Stelle auszuspielen ist nicht nur „nice to have“, sondern entscheidet direkt über Kauf oder Absprung.

Merchandising #

Wenn Sie spezielle Marketingziele verfolgen – wie das Pushen eigener White-Label-Produkte oder das Räumen von Restbeständen – nutzen Sie Merchandising, um Ihre Search-Ergebnisse gezielt zu beeinflussen.

Ein starker Einstieg ist das Synchronisieren der Marge pro Produkt und das Boosten aller Artikel mit höchster Gewinnspanne. Clerk’s KI sorgt weiterhin für passende Produkte pro Besucher — setzt höhermargige Artikel nur zusätzlich in den Fokus. Einer der direktesten Wege, Gewinn zu steigern, ohne das Suchverhalten der Kunden zu verändern.

Beispiel: Ein Sportgeschäft verkauft Markenhelme führender Hersteller sowie einen eigenen White-Label-Helm mit deutlich höherer Marge. Beide Produkte sind gut — aber sucht der Kunde nach „Football-Helm“, landet dank KI zunächst das beliebtere Markenprodukt oben.

Mit einer einfachen Merchandising-Kampagne kann der Shop das White-Label-Angebot im Ergebnis etwas nach oben schieben, ohne die Relevanz komplett zu überschreiben. Der Kunde sieht immer noch Top-Optionen; der Händler verdient aber mehr, sollte auf den ersten Treffer geklickt werden.

Gleiches gilt beim Räumen von Restbeständen: Bei Überlager eines bestimmten Artikels sorgt eine kurzfristige Boost-Kampagne für mehr Sichtbarkeit bei allen relevanten Suchen — ohne Preise zu senken oder Rabattaktionen zu fahren.

Es dauert weniger als 5 Minuten, diese Kampagnen einzurichten und Clerk anzuweisen, sich besonders auf die für Sie aktuell wichtigsten Produkte zu konzentrieren.