"Responsive" significa que la web se adapta al tamaño de pantalla. En la práctica, es lo mínimo que debe cumplir un sitio hoy.
Cómo se logra
Con maquetación flexible, imágenes que se redimensionan, tipografía legible sin zoom y elementos táctiles de tamaño suficiente.
Pruebas que hacemos
Revisamos en varios tamaños de pantalla, con navegación táctil y con conexiones lentas. Probamos también menús, formularios y botones de llamada.
Errores comunes
Menús que no se abren en el celular, textos demasiado pequeños, imágenes que desbordan la pantalla y ventanas emergentes que tapan el contenido.
Relación con el SEO
Google indexa primero la versión móvil. Si tu sitio móvil es pobre, tu posicionamiento se resiente aunque el escritorio se vea bien.
Cómo verificarlo tú mismo
Abre tu web en tu celular, intenta contactar y comprar, y pide a otra persona que haga lo mismo. Lo que te cueste, también les cuesta a tus clientes.
Checklist responsive
Menú que abre y cierra en el celular, texto legible sin zoom, botones tocables, formularios con teclado adecuado, imágenes que no desbordan y sin ventanas emergentes que tapen el contenido.
Rendimiento en gama media
Muchos usuarios navegan con celulares de gama media y datos limitados. Un sitio liviano, con imágenes en WebP y poco JavaScript, se siente rápido incluso en esas condiciones.