Mobile first significa «primero el móvil» y se usa en dos sentidos. En diseño, es empezar la web por la pantalla pequeña y ampliarla después. En SEO, es la indexación mobile first de Google: Google rastrea, indexa y posiciona tu web a partir de la versión que ve un teléfono. Lo que no sale en el móvil, para Google no está.
Para una pyme esto tiene una consecuencia muy concreta: de poco sirve que la web luzca en el ordenador del despacho si en el móvil falta texto, hay menús que no se abren o imágenes que no cargan. Aquí tienes qué cambia de verdad, qué debes revisar y cómo comprobarlo en diez minutos sin herramientas de pago.
Qué significa mobile first: diseño e indexación
La misma expresión nombra dos cosas que se complementan pero no son lo mismo. Conviene separarlas porque una agencia puede venderte la primera y olvidarse de la segunda.
| Diseño mobile first | Indexación mobile first | |
|---|---|---|
| Qué es | Un método de trabajo: se diseña primero la pantalla pequeña y después se amplía a tableta y escritorio. | La forma en que Google lee las webs: usa la versión móvil para indexar y posicionar. |
| Quién lo decide | Tú y quien te hace la web. | Google. No se puede activar ni desactivar. |
| Riesgo si falla | Visitantes que se van porque no pueden leer o tocar. | Contenido que Google no tiene en cuenta, también en las búsquedas hechas desde ordenador. |
Cómo funciona la indexación mobile first de Google
Google visita las páginas con un rastreador que se presenta como un teléfono (Googlebot para smartphones). Lo que ese robot consigue cargar y leer es lo que se guarda en el índice y lo que se usa para decidir posiciones.
- Solo hay un índice. No existe un índice para móviles y otro para ordenadores. La versión móvil es la referencia para todas las búsquedas, también las que se hacen desde un escritorio.
- No es una opción. Google lo aplica a todas las webs desde hace años; no hay ninguna casilla para elegirlo en Search Console.
- El robot no interactúa. No desliza el dedo, no pulsa botones ni escribe. El contenido que solo aparece después de una acción del usuario puede quedarse fuera.
- No exige un diseño concreto. Una web sin versión móvil específica se sigue indexando si se puede cargar desde un teléfono, pero se evalúa tal como se ve en él.
Qué implica mobile first para la web de una empresa
Depende de cómo esté construida la web. Google admite tres configuraciones y recomienda la primera porque es la más fácil de mantener:
- Diseño responsive: una sola URL y un solo HTML que se recoloca según la pantalla. Si es tu caso, el contenido ya es el mismo y el riesgo es bajo; solo hay que vigilar lo que se oculta o se carga tarde.
- Publicación dinámica: la misma URL sirve un HTML distinto según el dispositivo. Aquí sí puede haber diferencias de contenido.
- URL separadas (el clásico
m.ejemplo.com): dos webs que mantener. Es donde aparecen más desajustes: textos recortados, metaetiquetas distintas, datos estructurados que solo están en el escritorio.
Las webs corporativas hechas con un gestor de contenidos y una plantilla actual suelen ser responsive. Donde acostumbro a encontrar problemas es en webs antiguas con versión móvil aparte, en tiendas con plantillas «ligeras» para teléfono y en páginas donde alguien decidió que en el móvil «había demasiado texto» y lo escondió. Este tipo de revisiones forma parte del SEO técnico básico de cualquier web.
Qué revisar: lista de ocho puntos
- El mismo contenido. Textos, encabezados, tablas y preguntas frecuentes deben estar en el móvil igual que en el escritorio. Puedes plegarlos en acordeones o pestañas para ahorrar espacio; lo que no puedes hacer es eliminarlos.
- Los mismos títulos y metadescripciones. El
titley la metadescripción deben coincidir en las dos versiones. - Las mismas directivas de robots. Un
noindexo unnofollowsolo en la versión móvil saca la página de Google. - Recursos accesibles. Googlebot tiene que poder descargar el CSS, el JavaScript y las imágenes; no los bloquees en el robots.txt.
- Carga diferida bien hecha. Cargar imágenes a medida que se baja es correcto. Cargar el texto principal solo cuando el usuario pulsa «Ver más» no lo es.
- Imágenes y vídeos equivalentes. Misma calidad razonable, mismo texto alternativo y formatos que Google admita.
- Datos estructurados idénticos. El marcado debe estar en las dos versiones y apuntar a las URL correctas; lo tienes explicado en la guía de datos estructurados.
- La etiqueta viewport y la usabilidad. Sin
<meta name="viewport" content="width=device-width, initial-scale=1">el teléfono muestra la web en miniatura. Revisa también el tamaño de la letra, la separación entre botones y que ninguna ventana emergente tape el contenido al entrar.
La velocidad de carga en el móvil es un tema aparte: lo tienes desarrollado en la guía de velocidad web y SEO.
Cómo comprobarlo en diez minutos
- Con tu teléfono. Abre las tres o cuatro páginas que te traen clientes (inicio, servicios, contacto) y compáralas con el ordenador al lado. ¿Falta algún párrafo, alguna tabla, algún enlace del menú?
- Con la inspección de URL de Search Console. Pega una URL, pide la prueba en directo y mira la captura y el HTML que ha obtenido Google. Ahí ves exactamente qué lee el rastreador móvil. Si nunca la has usado, sigue la guía para usar Google Search Console paso a paso.
Si prefieres que lo miremos nosotros, el análisis inicial gratuito incluye esta comprobación de la versión móvil sobre tus páginas principales.
Errores que me encuentro más a menudo
- Texto recortado «porque en el móvil cansa». Una gestoría de Sabadell con una página de servicios completa en el escritorio y tres líneas en el móvil compite con esas tres líneas.
- Menú móvil con menos enlaces. Las páginas que desaparecen del menú hamburguesa pierden enlaces internos justo en la versión que Google rastrea.
- Reseñas o fichas técnicas que se cargan al tocar un botón. Si el contenido no está en el HTML hasta que alguien interactúa, Google puede no verlo.
A mi juicio, el error de fondo es validar la web desde el ordenador de la oficina. Quien aprueba el diseño la mira en una pantalla grande; los clientes y Google la miran en una de seis pulgadas.
Preguntas frecuentes sobre mobile first
¿Mobile first y responsive son lo mismo?
No. Responsive es una técnica: la misma web se adapta a cada pantalla. Mobile first es una prioridad: se piensa primero en el móvil, sea al diseñar o, en el caso de Google, al indexar. Una web responsive lo tiene más fácil, pero puede esconder contenido en el móvil igualmente.
Si mis clientes me visitan desde el ordenador, ¿me afecta?
Sí. Google usa la versión móvil para indexar y posicionar todas las búsquedas, también las de escritorio. Una web B2B con visitas sobre todo desde ordenador se evalúa igualmente por lo que muestra en el teléfono.
¿El contenido dentro de acordeones o pestañas cuenta?
Sí, siempre que esté en el HTML de la página y no se cargue solo cuando el usuario hace clic. Plegar contenido para ahorrar espacio en el móvil es una práctica admitida.
¿Cómo sé si Google rastrea mi web con el robot móvil?
En la inspección de URL de Search Console, dentro del apartado de rastreo, se indica con qué robot se rastreó la página. Lo normal es ver ahí el rastreador para smartphones.
En resumen
Mobile first, en SEO, se reduce a una regla: lo que cuenta es lo que se ve en el móvil. Coge el teléfono, repasa los ocho puntos sobre las páginas que te dan negocio y corrige primero el contenido que falta. Si quieres una segunda opinión, pide el análisis inicial gratuito o mira qué cubre nuestro servicio de SEO técnico.
