Recommendations for creating sites

Formulare automatisch ausfüllen

Ask AI about this page

2 Min. Lesezeit

Eine ungewöhnliche Seite für eine Suchmaschine: So stellen Sie sicher, dass das automatische Ausfüllen des Browsers bei Ihren Formularen funktioniert. Yandex integriert dies, da es die Ergebnisse gemessen hat — die Bestellkonversion ist auf Websites, auf denen das automatische Ausfüllen korrekt funktioniert, um 5–10 % höher.

Die Diagnose, die Zeit spart

Yandex stellt es klar: wenn das automatische Ausfüllen in Yandex Browser nicht funktioniert, wird es wahrscheinlich auch in anderen Browsern nicht funktionieren. Die Erkennungsheuristiken sind weitgehend ähnlich, daher ist ein Browser ein vernünftiger Indikator für alle.

Formulare automatisch ausfüllen

Die Markup-Regeln

  • Das Formular muss HTML-Standards erfüllen.
  • Eingabefelder benötigen ein autocomplete Attribut mit einem gültigen Wert — given-name, email und so weiter.
  • Eingabefelder müssen Kinder eines form Elements sein.
  • Attribute müssen intuitiv sein: first_name, fname, given_name für einen Vornamen; phone, tel, telephone für eine Nummer; org, company für eine Organisation.
  • label for= muss eindeutig auf sein Eingabefeld zeigen.

Das Gegenbeispiel von Yandex ist lehrreich: id="xdia_13" ist nicht erkennbar; name="mail address" ist mehrdeutig zwischen E-Mail- und Postadresse; ein Textbereich mit dem Platzhalter “Address” könnte eine E-Mail, eine Lieferadresse oder eine Website sein.

Formularübermittlung, die subtile Hälfte

Der Browser speichert eingegebene Daten nur, wenn er erkennen kann, dass das Formular übermittelt wurde. Das zuverlässige Signal ist ein form Element, das ein input type="submit"enthält. Ohne diese greift der Browser auf Heuristiken zurück — er beobachtet Navigation, AJAX-Anfragen, entfernte iframes, versteckte Felder — was laut Yandex manchmal fälschlicherweise auslöst und falsche Daten speichert. A div das wie eine Schaltfläche gestaltet und mit JavaScript verbunden ist, ist das Muster, das dies unterbricht.

Deaktivierung

Jeder ungültige autocomplete Wert deaktiviert das automatische Ausfüllen — none, nope, alles Beliebige. Yandex garantiert nicht, dass es überall funktioniert, und bittet Websites mit defektem automatischem Ausfüllen, sich an das Browser-Team zu wenden, anstatt es auszuschalten.

Formulare automatisch ausfüllen — 2
Alien Road

So setzen wir das um

The 5–10% conversion figure is what gets this onto a development backlog, and it is Yandex’s own measurement rather than ours. The fix is nearly always the same two things: fields outside a form element, and a div acting as the submit button. Both are invisible as defects and both stop the browser ever saving what the user typed.

Verwandte Leistungen

Teilen