Cómo tener un sitio web que funcione bien en celular
Que un sitio «se adapte» al celular no alcanza. Tiene que ser cómodo de leer con una mano, rápido con datos móviles y fácil de usar sin hacer zoom. Esto es lo que más importa.
Pensalo primero para el celular
Diseñar para la pantalla chica primero obliga a priorizar: qué va arriba, qué se puede sacar y cuál es la acción principal. Después, en la computadora, sobra espacio. Al revés casi nunca sale bien.
Texto que se lea sin zoom
- Tamaño de letra de al menos 16 píxeles para el texto común.
- Buen contraste entre el texto y el fondo (gris clarito sobre blanco cansa y no se lee al sol).
- Párrafos cortos y títulos que ordenen la lectura.
Botones que se tocan bien
Un dedo no es un mouse. Los botones y links importantes necesitan un área táctil de unos 44 por 44 píxeles y algo de espacio entre sí, para no tocar el que no era. El botón de WhatsApp o de contacto tiene que estar a un toque, sin buscarlo.
Que cargue rápido
- Imágenes livianas: en formatos modernos (WebP o AVIF) y del tamaño en que se muestran. Una foto de cámara sin optimizar puede pesar más que todo el resto del sitio.
- Pocas fuentes y pocos agregados: cada plugin, widget o fuente extra suma tiempo de carga.
- Lo importante primero: el título y el botón de contacto tienen que aparecer enseguida, aunque el resto siga cargando.
Formularios cortos
Pedí solo lo necesario (nombre, contacto y mensaje suelen alcanzar). Usá el tipo de campo correcto para que el celular muestre el teclado adecuado: el de email con «@» o el numérico para el teléfono.
Cómo probarlo
- En tu celular de verdad, con datos móviles y no solo con wifi.
- En la computadora, con el modo dispositivo de las herramientas para desarrolladores de Chrome (tecla F12).
- Con PageSpeed Insights de Google, que mide la velocidad y te dice qué mejorar.
Lista rápida
- ¿Se lee todo sin hacer zoom?
- ¿El botón de contacto está a un toque?
- ¿Carga en pocos segundos con datos móviles?
- ¿El formulario se completa fácil con el pulgar?
- ¿No hay que deslizar hacia los costados?