Una página inusual para un motor de búsqueda: cómo hacer que el autocompletado del navegador funcione en sus formularios. Yandex lo incluye porque ha medido el resultado — la conversión de pedidos es entre un 5 y un 10 % mayor en los sitios donde el autocompletado funciona correctamente.
El diagnóstico que ahorra tiempo
Yandex lo dice claramente: si el autocompletado no funciona en Yandex Browser, probablemente tampoco funcionará en otros navegadores. Las heurísticas de reconocimiento son muy similares, por lo que un navegador es un indicador razonable para todos ellos.
Las reglas de marcado
- El formulario debe cumplir con los estándares HTML.
- Las entradas necesitan un
autocompleteatributo con un valor válido —given-name,emaily así sucesivamente. - Las entradas deben ser hijas de un
formelemento. - Los atributos deben ser intuitivos:
first_name,fname,given_namepara un nombre;phone,tel,telephonepara un número;org,companypara una organización. label for=debe apuntar inequívocamente a su entrada.
El contraejemplo de Yandex es instructivo: id="xdia_13" es irreconocible; name="mail address" es ambiguo entre correo electrónico y dirección postal; un área de texto con el marcador de posición “Address” podría ser un correo electrónico, una dirección de entrega o un sitio web.
Envío de formularios, la mitad sutil
El navegador guarda los datos ingresados solo si puede saber que el formulario fue enviado. La señal confiable es un form elemento que contiene un input type="submit". Sin ellos, el navegador recurre a heurísticas — observando la navegación, las solicitudes AJAX, los iframes eliminados, los campos ocultos — que Yandex admite que a veces se activan falsamente y guardan datos incorrectos. A div diseñado como un botón y conectado a JavaScript es el patrón que rompe esto.
Desactivarlo
Cualquier valor autocomplete no válido desactiva el autocompletado — none, nope, cualquier cosa arbitraria. Yandex no garantiza que funcione en todas partes y pide a los sitios con autocompletado roto que se comuniquen con su equipo de navegador en lugar de desactivarlo.
Cómo lo aplicamos
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.
Servicios relacionados