Objetivo del tutorial
Para Google, móvil no es una versión secundaria. Si algo importante desaparece en móvil, puede perder valor técnico y semántico.
Este tutorial explica cómo comparar versiones móvil y escritorio sin romper señales clave.
Qué mira AISEO en experiencia mobile-first y paridad
Viewport
Comprueba que la página declara una base móvil válida y no fuerza una vista de escritorio encogida.
Responsive real
Revisa que el diseño se adapta sin scroll horizontal, textos diminutos ni componentes rotos.
Navegación móvil
Valora si menús, enlaces internos y rutas importantes siguen disponibles.
Contenido esencial
Evita que móvil sea una versión empobrecida del contenido de escritorio.
Cómo interpretar el resultado
Pass
La página tiene viewport correcto, diseño móvil estable y mantiene contenido y enlaces esenciales.
Warning
Hay diferencias o detalles móviles que conviene revisar, pero no rompen toda la lectura.
Fail
Falta viewport, la experiencia móvil está rota o la versión móvil elimina señales importantes.
Ejemplo técnico orientativo
La revisión debe centrarse en equivalencia, no en igualdad visual.
<meta name="viewport" content="width=device-width, initial-scale=1">
Desktop: contenido principal + enlaces relevantes Mobile: contenido principal + enlaces relevantes
Mobile: H1 + contenido principal + enlaces relevantes + schemaEl diseño puede cambiar; la información crítica no debería desaparecer.
Errores frecuentes
- No incluir viewport o usar una configuración móvil deficiente.
- Ocultar textos extensos en móvil sin alternativa.
- Eliminar enlaces internos importantes del menú móvil.
- Mostrar datos estructurados o contenido solo en escritorio.
Cómo corregirlo
- Añade o corrige la etiqueta viewport en el head.
- Revisa anchos fijos, tablas, tarjetas y componentes que desbordan.
- Compara contenido principal en móvil y escritorio.
- Comprueba que menú, footer y enlaces críticos no desaparecen en móvil.
- Mantén señales críticas aunque cambie la presentación visual.