Startseite > Lexikon > Web, UX & Conversion > Autocomplete

Autocomplete

Drei Buchstaben getippt, und die Suche weiß schon, was du willst. Autocomplete spart Tipparbeit, fängt Tippfehler ab und führt Besucher schneller zum Ziel — wenn es gut gemacht ist.

Auch bekannt alsAutovervollständigungautomatische VervollständigungSuchvorschlägeAutosuggest

5 Min

Lesezeit

09.11.2026

Letzte Aktualisierung

Was ist Autocomplete?

Du tippst „schra“ in die Suche eines Baumarkts, und darunter stehen schon „Schrauben“, „Schraubendreher“, „Schrank“. Ein Klick, fertig. Das ist Autocomplete: Ein Eingabefeld schlägt beim Tippen passende Vervollständigungen vor.

Der Begriff steht für zwei Dinge, die oft verwechselt werden:

Suchvorschläge in der Onsite-Suche: eine Liste empfohlener Suchbegriffe unter dem Suchfeld. Die Nielsen Norman Group behandelt Autocomplete, Autosuggest und Search Suggestions als dasselbe.
Das HTML-Attribut autocomplete in Formularen: Es sagt dem Browser, ob er ein Feld automatisch füllen darf und welche Angabe erwartet wird, etwa E-Mail oder Postleitzahl.

Autocomplete in der Website-Suche

In Onlineshops ist die Funktion längst Standard: Laut Baymard Institute haben 80 % der E-Commerce-Websites eine Autovervollständigung in der Suche (Stand 2022). Das Problem ist nicht, ob sie da ist, sondern wie.

Befund (Baymard)

Anteil

Alles richtig umgesetzt

19 %

Keine Hilfe bei Tippfehlern

69 %

Nur jeder fünfte Shop macht also alles richtig. Und gut zwei Drittel lassen Besucher bei einem kleinen Tippfehler im Regen stehen (Baymard 2021). Dabei wählten Nutzer in einer Studie der Nielsen Norman Group in rund 23 % der Fälle einen Vorschlag aus — sie nutzen ihn also, wenn er passt.

Wie viele Vorschläge?

Baymard empfiehlt am Desktop höchstens 10, am Handy 4 bis 8. Bei längeren Listen wurden Testpersonen langsamer oder ignorierten die Vorschläge ganz.

Autocomplete in Formularen

Beim Formular geht es nicht um Vorschläge, sondern um das Autofill des Browsers: Er setzt gespeicherte Adresse, E-Mail oder Telefonnummer ein. Damit das klappt, braucht jedes Feld das passende Attribut, etwa autocomplete="email" oder autocomplete="postal-code".

Das ist nicht nur bequem, sondern auch eine Frage der Barrierefreiheit. Die WCAG 2.2 verlangt im Kriterium 1.3.5 auf Stufe AA, dass der Zweck von Feldern mit persönlichen Angaben technisch erkennbar ist. Gültige autocomplete-Werte erfüllen das laut MDN.

Beispiele aus der Praxis

Echte Fallstudien einzelner Firmen sind rar. Die beiden Szenarien zeigen, wo die Hebel liegen.

Case A · Onlineshop

Suche mit Tippfehler

69 %

Shops ohne Tippfehler-Hilfe

≤ 10

Vorschläge am Desktop

Fehlertoleranz einschalten, Liste kurz halten

Viele Such-Plugins können Tippfehler abfangen, oft aber erst in der Bezahlversion. Vorher prüfen.

Case B · Dienstleister

Kontaktformular mit Autofill

75 %

seltener abgebrochen

35 %

schneller ausgefüllt

Jedes Feld mit dem richtigen Attribut auszeichnen

Werte des Chrome-Teams für Formulare mit Browser-Autofill auf großen US-Websites, 2024. Das ist ein Zusammenhang, kein sauberer Test.

Häufige Fehler

Fehler 1 · Zu viele Vorschläge

Fünfzehn Zeilen mit Scrollbalken sind keine Hilfe, sondern eine zweite Ergebnisseite. Halt die Liste kurz und sortier nach dem, was wirklich gesucht wird.

Fehler 2 · Vorschläge ins Leere

Ein Vorschlag, der zu null Treffern führt, ist schlimmer als gar keiner. Die Nielsen Norman Group nennt so etwas schlimmer als nutzlos. Schlag nur vor, wofür es auch Ergebnisse gibt.

Fehler 3 · Getipptes und Ergänztes sehen gleich aus

Hebe den ergänzten Teil sichtbar hervor. Und zeig Kategorie-Vorschläge anders als Suchbegriffe, sonst klickt man aus Versehen in die falsche Richtung.

Fehler 4 · autocomplete="off" für das ganze Formular

Pauschal abgeschaltet, muss jeder seine Adresse von Hand tippen — und du verfehlst die Barrierefreiheit. MDN rät, off nur gezielt einzusetzen. Für Einmalcodes gibt es den eigenen Wert one-time-code.

Was tun?

Selbst testen: Tipp in deine eigene Suche drei Begriffe mit Tippfehler. Was passiert?
Suchbegriffe auswerten: Was suchen Besucher, und findet die Suche es?
Formularfelder auszeichnen: Name, E-Mail, Telefon, Adresse — jedes mit passendem Attribut.
Werkzeug wählen: Für WooCommerce etwa FiboSearch, für größere Shops Algolia oder Doofinder.

Häufige Fragen

Was ist der Unterschied zwischen Autocomplete und Autofill?

Autocomplete in der Suche schlägt Suchbegriffe vor. Autofill setzt gespeicherte Angaben wie Adresse oder E-Mail in ein Formular ein. Das HTML-Attribut autocomplete steuert genau dieses Autofill.

Wie viele Suchvorschläge sollte meine Website zeigen?

Baymard empfiehlt am Desktop höchstens 10, am Handy 4 bis 8. Mehr macht die Liste langsamer und wird oft ignoriert.

Sollte ich autocomplete off in Formularen setzen?

Nur gezielt. Pauschal abgeschaltet erschwert es das Ausfüllen und verfehlt die Barrierefreiheit nach WCAG 1.3.5. Browser ignorieren off ohnehin oft bei Anmeldefeldern.

Woher kommen Googles Suchvorschläge?

Aus echten Suchen anderer Nutzer, beeinflusst von Sprache, Standort, Aktualität und den eigenen bisherigen Suchen. Unangemessene Vorhersagen kannst du bei Google melden.

Kann ich Google Autocomplete für die Keyword-Recherche nutzen?

Als Ideenquelle ja. Die Vorhersagen zeigen aber kein Suchvolumen und sind gefiltert. Prüf die Begriffe danach mit einem Keyword-Tool.

Quellen