Una página móvil debe hacer el trabajo completo.

01

Mantén el contenido importante completo en móvil.

Google usa la versión móvil del contenido para indexar y clasificar. Si el teléfono elimina texto, enlaces, headings, metadata, texto alternativo o schema importantes, la versión reducida puede ser la que evalúe el buscador.

Un diseño adaptable puede reordenar, usar acordeones y simplificar decoración. No debe esconder hechos ni acciones. Revisa cada página importante en ancho estrecho y compárala con escritorio.

• Mismo texto principal y headings útiles
• Mismos enlaces indexables y destinos
• Mismas alternativas de imagen y schema
• Mismos campos, instrucciones y confirmaciones
• Nada importante carga solamente después de deslizar o tocar

02

Diseña para dedos, interrupciones y una mano.

Los controles necesitan espacio, etiquetas visibles y un estado claro al presionar o enfocar. Evita enlaces pequeños pegados y la acción principal escondida en varios niveles. Teléfono, mapa, reserva y formulario deben hacer lo que prometen sus etiquetas.

Prueba sosteniendo el dispositivo, rotándolo y aumentando el texto. Abre y cierra el menú. Usa solamente teclado cuando haya uno físico. El objetivo no es una captura perfecta en un ancho, sino una tarea resistente en distintos tamaños e inputs.

• El menú abre, cierra, no atrapa el foco y mantiene la acción principal.
• Enlaces y botones tienen separación cómoda y etiquetas descriptivas.
• El texto aumenta sin recortarse ni crear desplazamiento horizontal.
• Elementos fijos no cubren contenido ni controles.

03

Haz los formularios más cortos y tolerantes.

Usa el tipo de campo correcto para mostrar un teclado útil. Da a cada campo una etiqueta real, explica el formato antes de enviar, conserva valores correctos después de un error y mueve el foco a un resumen claro cuando haga falta. No pidas datos innecesarios.

Después de enviar, explica qué ocurrió y qué sigue. Prueba también el lado del negocio: notificación, registro guardado, controles de spam y ruta de respuesta. Un formulario bonito que pierde contactos es una falla móvil.

Relacionado: Revisa accesibilidad de formularios

04

Mide carga, respuesta y estabilidad.

La guía actual de Core Web Vitals de Google define una buena experiencia en el percentil 75 como LCP dentro de 2.5 segundos, INP por debajo de 200 milisegundos y CLS menor de 0.1. Estas métricas describen carga, respuesta y estabilidad visual.

Úsalas como diagnóstico, no como una puntuación aislada. Empieza con imágenes del tamaño correcto, pocos scripts externos, dimensiones estables, fuentes eficientes y páginas que no necesiten una aplicación grande para mostrar contenido básico.

• Revisa datos de campo en Search Console cuando haya tráfico suficiente.
• Usa herramientas de laboratorio para reproducir y confirma en dispositivos reales.
• Prueba una página representativa de cada plantilla, no solamente el inicio.
• Repite después de añadir chat, reservas, analítica, video o publicidad.

05

Usa una matriz pequeña y repetible.

No necesitas cada modelo de teléfono. Escoge anchos estrecho, común, tableta y escritorio; usa por lo menos un teléfono físico y repite la tarea de mayor valor en cada uno. Añade red lenta y movimiento reducido cuando haya medios grandes o animación.

Registra ruta, ancho, acción, resultado esperado y evidencia. Repite antes de cada publicación que cambie diseño, navegación, formularios, fuentes, imágenes o scripts.

Relacionado: Revisa la lista completa de lanzamiento