Una web puede adaptarse al ancho del teléfono y seguir siendo difícil de utilizar. La optimización web móvil debe comprobar si una persona encuentra información, entiende la oferta y completa su tarea. Empieza con un recorrido real: entra en una página de servicio, busca una respuesta y envía una consulta de prueba.
1. Conserva el contenido que ayuda a decidir.
Compara la versión móvil con la de escritorio. Deben ofrecer contenido principal equivalente, con los servicios, condiciones, imágenes y enlaces relevantes. Google utiliza la versión móvil para indexar el sitio, por lo que eliminar explicaciones importantes puede reducir la información disponible.
Puedes reorganizar el contenido en pestañas o acordeones para mejorar la lectura. Comprueba que siga presente y accesible: no debe descargarse únicamente después de pulsar o deslizar. Mantén también coherentes títulos, metadatos y datos estructurados entre versiones.
2. Revisa el viewport y la lectura.
Comprueba que el viewport se ajuste al ancho del dispositivo y que no se bloquee el zoom. Abre la web en varios tamaños: el texto debe leerse sin ampliar constantemente y los bloques no deben provocar desplazamiento horizontal. Las tablas y elementos amplios necesitan una solución que permita consultar todo su contenido.
Prueba también con texto ampliado y con el teléfono en horizontal. Si un encabezado se corta, un precio desaparece o un botón se superpone, el problema requiere ajustar la composición, no ocultar la información.
3. Recorre el menú y los controles.
Abre y cierra la navegación, entra en un servicio y vuelve atrás. Los controles deben distinguirse, tener espacio suficiente y responder al tacto sin depender de pasar el ratón. Comprueba también el teclado y el foco: una interfaz móvil no puede excluir otros modos de acceso.
- El menú permite reconocer dónde está la información.
- Los enlaces anticipan el destino con su texto.
- Los avisos, chats y barras fijas no tapan acciones importantes.
- Se pueden cerrar los paneles y continuar la tarea.
Cuando el problema está en la estructura o en los estados, conviene revisar el diseño UX/UI antes de añadir efectos o nuevos controles.
4. Completa el formulario, incluidos sus errores.
Envía una consulta desde un teléfono y confirma que llega a su destino. Cada campo necesita una etiqueta comprensible; el teclado adecuado para email o teléfono y el autocompletado pueden reducir esfuerzo. Pide solo los datos necesarios para atender la solicitud.
Prueba campos vacíos, un email incorrecto y un fallo de envío. El mensaje debe explicar qué corregir, conservar lo ya escrito y permitir reintentar. Revisa que el teclado en pantalla no oculte la acción final y que la confirmación resulte clara. Un clic en enviar no equivale a una solicitud recibida.
5. Ajusta imágenes y carga inicial.
Sirve imágenes con dimensiones y compresión adecuadas a su uso, con variantes adaptables cuando corresponda. Reserva su espacio mediante ancho y alto o una proporción definida para evitar saltos. Las imágenes inferiores pueden cargarse de forma diferida; la imagen principal visible al entrar no debería esperar por esa misma regla.
Revisa también vídeo, tipografías, scripts y herramientas externas. Si necesitas diagnosticar una página lenta, la guía de velocidad de carga web propone un orden para localizar la causa antes de cambiar servidor o instalar más complementos.
6. Mide carga, respuesta y estabilidad.
Los Core Web Vitals observan tres aspectos: LCP mide la aparición del contenido principal; INP, la respuesta a las interacciones; CLS, los desplazamientos inesperados. Los umbrales buenos son LCP de hasta 2,5 segundos, INP de hasta 200 milisegundos y CLS de hasta 0,1, evaluados en el percentil 75 y separando móvil y escritorio.
Combina pruebas de laboratorio con datos de visitas reales cuando existan. PageSpeed Insights ayuda a distinguir ambos; una web con poco tráfico puede no disponer de datos de campo suficientes. Revisa además un teléfono real con una conexión limitada: una puntuación aislada no sustituye a completar el recorrido.
Prioriza lo que impide completar la tarea.
Corrige primero contenido inaccesible, navegación bloqueada y formularios que fallan. Después mide el efecto de los cambios. Si necesitas revisar la base, cuéntanos qué recorrido da problemas y valora el alcance de desarrollo web necesario.