El SEO móvil engloba todo el trabajo que garantiza que su sitio web funcione sin problemas en teléfonos y tabletas, tanto para los usuarios como para los buscadores. En España y en Latinoamérica, la mayor parte de la navegación se realiza desde el teléfono, y Google evalúa su sitio principalmente a partir de su versión móvil. Es decir, la experiencia en móvil no es una «característica adicional», sino la cara real de su sitio. En esta guía encontrará los pilares del SEO móvil, los errores más frecuentes y la forma de comprobarlos.
¿Qué es el SEO móvil?
El SEO móvil incluye las mejoras técnicas y de contenido que hacen que sus páginas se vean correctamente en pantallas pequeñas, se carguen rápido, sean fáciles de usar y sean rastreadas e indexadas completamente por Google. Aunque parezca una disciplina aparte del SEO de escritorio, en realidad persigue el mismo objetivo: llevar a la persona adecuada a la página adecuada con la menor fricción posible. La diferencia está en que en el móvil la paciencia del usuario es menor, la pantalla es más pequeña y la conexión suele ser más lenta.
¿Qué significa la indexación mobile-first?
La indexación mobile-first consiste en que Google rastrea, indexa y clasifica un sitio tomando como base su versión móvil. Tras años de transición, Google ha convertido este enfoque en el predeterminado para todos los sitios. En la práctica, si un contenido, enlace o dato estructurado no aparece en su versión móvil, Google puede ignorarlo aunque esté en la versión de escritorio.
- El texto ocultado o acortado en móvil no sustituye al texto que se muestra en escritorio.
- Los enlaces internos que faltan en móvil debilitan el rastreo y la distribución de autoridad.
- Los recursos bloqueados en móvil (CSS, JS, imágenes) impiden que Google «vea» bien la página.
Diseño responsive y viewport
Para móvil existen tres opciones: diseño responsive (adaptable), presentación dinámica y un sitio móvil separado (subdominio m.). La que recomienda Google y la más sencilla de mantener es el diseño responsive: una sola dirección, un solo HTML y un CSS que se adapta al ancho de la pantalla.
| Método | Ventaja | Desventaja |
|---|---|---|
| Diseño responsive | Una sola URL, mantenimiento sencillo, igualdad de contenido garantizada de forma natural | Requiere trabajo de diseño y pruebas |
| Presentación dinámica | Puede servir HTML específico según el dispositivo | Complejo; si está mal configurado, el contenido se diferencia |
| Sitio móvil separado (m.) | Interfaz pensada solo para móvil | Dos sitios que mantener, riesgo de errores en redirecciones y canonical |
La base del diseño responsive es la etiqueta viewport en la sección <head> de la página:
<meta name="viewport" content="width=device-width, initial-scale=1">
Si esta etiqueta falta, el navegador móvil dibuja la página con el ancho de escritorio y la reduce; el texto deja de ser legible.
Además, en lugar de definir el ancho de la página con píxeles fijos (por ejemplo, 1200px), use porcentajes, max-width
y consultas de medios (media queries) de CSS.
Igualdad de contenido entre escritorio y móvil
El error más común en la indexación mobile-first es «simplificar» el contenido en la versión móvil. Los textos descriptivos eliminados para hacer hueco en el menú, las tablas ocultas o los comentarios que no se cargan en móvil pueden salir del índice de un momento a otro. Compruebe lo siguiente:
- Texto principal: los títulos y párrafos deben ser los mismos en ambas versiones. Un texto mostrado dentro de un acordeón o una pestaña no es un problema; el problema es eliminarlo por completo.
- Título, meta description y canonical: deben tener los mismos valores en ambas versiones.
- Datos estructurados (schema): los marcados que existen en escritorio pero no en móvil se pierden.
- Imágenes y vídeos: deben ser accesibles en móvil y conservar sus textos alternativos.
- Enlaces internos: aunque el menú se simplifique, los enlaces a las páginas importantes deben seguir presentes en móvil; para más detalles, consulte nuestro artículo sobre métodos para aumentar el tráfico orgánico.
Áreas táctiles y legibilidad
El dedo es mucho menos preciso que el cursor del ratón. Por eso, los botones, enlaces y campos de formulario deben ser suficientemente grandes y estar separados entre sí. Las medidas generalmente aceptadas son:
- Tamaño del área táctil: al menos unos 48×48 píxeles CSS (el rango que señalan las directrices de Google y de accesibilidad).
- Separación entre áreas: al menos 8 píxeles entre dos enlaces contiguos, para que el dedo no pulse el elemento equivocado.
- Tamaño de letra: el texto del cuerpo debe tener al menos 16 píxeles; un usuario que tenga que ampliar la letra para leer abandona la página.
- Longitud e interlineado de línea: en pantallas estrechas, líneas cortas y un interlineado cómodo.
- Ventanas emergentes: las ventanas que ocupan gran parte de la pantalla y son difíciles de cerrar hacen que el usuario se marche y pueden caer en la evaluación de Google sobre «intersticiales intrusivos».
Una prueba práctica: Sujete el teléfono con una sola mano, busque un producto en su sitio y añádalo al carrito. Cada punto al que no llegue con el pulgar, en el que pulse por error o en el que tenga que ampliar la pantalla es un problema de SEO móvil que hay que corregir.
Velocidad en móvil
En los dispositivos móviles, el procesador y la conexión suelen ser más débiles que en el escritorio, por lo que la misma página tarda más en cargarse. Las métricas de experiencia de Google, LCP, INP y CLS, también se evalúan con datos móviles. Para conocer los umbrales detallados, consulte nuestro artículo sobre Core Web Vitals. Las mejoras más eficaces en móvil son:
- Convierta las imágenes a WebP/AVIF y sírvalas con un tamaño adecuado al ancho del dispositivo (
srcset). - Cargue de forma diferida las imágenes e iframes que quedan fuera de la pantalla.
- Elimine el JavaScript y el CSS que no se usan, y limite los scripts de terceros.
- Reduzca el tiempo de respuesta del servidor con caché y una CDN.
- Reduzca el número de tipografías y use
font-display: swap. - Asigne tamaños fijos a las imágenes y a los espacios publicitarios para que la página no se desplace mientras carga.
Navegación y diseño del menú en móvil
En escritorio, un menú amplio funciona sin problemas; en el teléfono se necesitan soluciones como el menú hamburguesa, una barra inferior o categorías desplegables. Un buen menú móvil tiene estas características: las tres o cinco páginas más importantes se alcanzan con un toque, el cuadro de búsqueda es visible, el botón «atrás» funciona como se espera y la página no se desplaza por detrás cuando el menú está abierto. Al simplificar el menú, no elimine por completo los enlaces internos importantes; como Google se basa en la versión móvil, los enlaces que no aparecen en móvil también pueden afectar a la distribución de autoridad de la página.
Formularios y proceso de pago en móvil
El visitante móvil abandona con mucha más facilidad un formulario o un pedido que el de escritorio. Reduzca los campos, muestre el teclado adecuado (numérico para el teléfono, con @ para el correo electrónico), admita el autocompletado y muestre los mensajes de error junto al campo correspondiente. En el pago, los métodos de un solo toque como Apple Pay o Google Pay pueden aumentar notablemente la conversión. Aunque estas mejoras no sean un factor de clasificación directo, son la forma más rápida de convertir el tráfico orgánico en clientes reales.
Errores frecuentes que estropean la experiencia móvil
| Error | Efecto | Solución |
|---|---|---|
| No existe la etiqueta viewport | La página se reduce y el texto no se lee | Añada la etiqueta meta viewport |
| Desplazamiento horizontal | Las imágenes o tablas que se salen molestan al usuario | max-width: 100% y un contenedor desplazable para las tablas |
| CSS/JS bloqueados | Google no puede procesar la página correctamente | No bloquee los recursos en robots.txt |
| Flash o complementos antiguos | No funcionan en absoluto en móvil | Use una alternativa HTML5 |
| Redirección incorrecta | El usuario móvil llega a una página sin relación | Redirija a la URL móvil que corresponde a la misma página de escritorio |
| Áreas táctiles pequeñas | Clics equivocados y abandono | Áreas de unos 48 píxeles |
Consulte datos reales: La prueba de laboratorio simula un único dispositivo y unas condiciones de red concretas. Sus usuarios, en cambio, navegan con teléfonos y conexiones muy diferentes. El informe de Experiencia de usuario (Core Web Vitals) de Search Console muestra esta experiencia real por separado para móvil y escritorio; a la hora de establecer prioridades, confíe más en estos datos que en la puntuación de laboratorio.
La proporción de tráfico móvil varía según el sector: en restaurantes, servicios locales y comercio, la mayoría de las visitas llegan desde el teléfono, mientras que en sitios B2B y de software el peso del escritorio puede ser mayor. Puede ver su porcentaje en Google Analytics, en el informe de categoría de dispositivo, y ajustar en consecuencia el peso de este trabajo. Pero recuerde: Google usa su versión móvil para clasificar, aunque la mayoría de sus visitantes llegue desde el escritorio.
Herramientas de prueba y lista de verificación
Para medir su situación móvil hay herramientas gratuitas y fiables:
- PageSpeed Insights: ofrece resultados de Core Web Vitals separados para móvil y escritorio, junto con sugerencias de mejora.
- Search Console → Inspección de URL: muestra cómo ve Google la página con el Googlebot móvil. Para la configuración, consulte nuestra guía de inicio de Search Console.
- Modo de dispositivo de Chrome DevTools: simula distintos tamaños de pantalla y una red lenta.
- Prueba en dispositivos reales: probar a mano en varios teléfonos y navegadores no se puede sustituir con ninguna simulación.
Lista de verificación breve:
- ¿Existe la etiqueta meta viewport?
- ¿El contenido principal, los títulos y los datos estructurados en móvil son iguales que en escritorio?
- ¿Las áreas táctiles son suficientemente grandes y el texto es legible?
- ¿La página supera los umbrales de Core Web Vitals en móvil?
- ¿CSS, JS e imágenes no están bloqueados por robots.txt?
- ¿Las ventanas emergentes y los anuncios no tapan el contenido?
Si el tráfico móvil de una página abandona de forma muy evidente, puede investigar la causa con los pasos de nuestra guía para reducir la tasa de rebote.
Una última advertencia: las mejoras móviles no son un proyecto de una sola vez. Un nuevo complemento, un script publicitario o un cambio de diseño pueden estropear la experiencia móvil de la noche a la mañana. Después de cada cambio importante, adquiera el hábito de volver a probar algunas páginas representativas.
Conclusión
El SEO móvil es una condición básica en un mundo en el que Google evalúa su sitio a través de la versión móvil. Empiece con un diseño responsive, mantenga la igualdad de contenido, ajuste el tamaño de las áreas táctiles y de la letra a los dedos y mida la velocidad con datos móviles. Después, revise periódicamente con Search Console y PageSpeed Insights. Una experiencia móvil perfecta no le garantiza una posición fija; pero elimina los obstáculos que hacen que el usuario se vaya y permite que su contenido muestre el rendimiento que merece.