Cómo afecta el diseño responsive al posicionamiento
Que la web se adapte no suma puntos: es el mínimo. Lo que sí cuenta es lo que pasa cuando se adapta mal, y el fallo más caro: esconder contenido en móvil.
Que una web se adapte al móvil no suma puntos por sí solo: es el mínimo. Lo que sí afecta es lo que pasa cuando se adapta mal, porque Google indexa la versión móvil de forma principal y lo que no está ahí es como si no existiera. El fallo más caro es esconder contenido en móvil creyendo que se simplifica.
Que tu web se adapte al móvil no es un factor que sume: es la condición de partida. Lo que sí cambia las cosas es lo que ocurre cuando se adapta mal, y ahí hay un detalle que se pasa por alto constantemente.
Diseño responsive y SEO se cruzan en un solo punto, y es este: Google ve tu web con un móvil.
Lo que de verdad importa: se indexa lo que hay en móvil
Google indexa la versión móvil de forma principal. No la de escritorio. Eso significa que lo que no está en la versión móvil de tu página, para Google no existe, aunque en el ordenador se vea perfectamente.
Suena obvio y produce el fallo más caro de esta lista, porque el maquetador tiene una casilla para ocultar cualquier bloque en móvil y está a un clic.
El error que más veces he visto
Alguien decide que en móvil hay que simplificar y esconde parte del contenido. A veces con CSS, a veces cargándolo solo cuando la pantalla es grande. La intención es buena: que no quede una parrafada en una pantalla pequeña.
Lo que también hay que igualar entre versiones
Lo que sí se mide y depende de cómo esté hecho
La estabilidad visual. Si la página se recoloca mientras carga, se mide y resta. En móvil pasa más porque hay menos espacio y cualquier elemento que entra empuja al resto.
La velocidad. Un diseño que carga las imágenes grandes de escritorio y las encoge por CSS pesa lo mismo en un móvil con datos limitados. Eso sí se paga, en la medición y en la gente que se va.
Que se pueda usar. Botones demasiado pequeños o pegados, texto por debajo de lo legible, contenido que se sale a lo ancho y obliga a hacer zoom. Search Console avisa de parte de ello; el resto se ve abriendo la web en un móvil de verdad.
Adaptable, dinámico o web aparte
| Adaptable | Servicio dinámico | Web móvil aparte | |
|---|---|---|---|
| Cómo funciona | El mismo HTML se reorganiza con CSS | El servidor manda HTML distinto según el dispositivo | Otra web en un subdominio |
| Direcciones | Una por página | Una por página | Dos por página |
| Qué hay que sincronizar | Nada | Dos plantillas | Dos webs enteras |
| Riesgo de que falte contenido en móvil | Solo si se oculta a propósito | Alto: dos plantillas divergen | Muy alto |
| Recomendable | En casi todos los casos | Solo con motivo técnico y declarado | No: candidata a unificar |
Cómo comprobarlo tú mismo
Abre tu página en un móvil de verdad
Cuenta las palabras que se ven, desplegando todo lo que se pueda desplegar. Compáralo con lo que se ve en el ordenador.
Busca en el código un párrafo que solo veas en escritorio
En el ordenador, con las herramientas de desarrollo en vista de móvil, busca con Ctrl+F una frase de ese párrafo. Si no aparece, no está: Google tampoco la ve.
Mira el informe de Search Console
Los avisos de usabilidad móvil y la herramienta de inspección de URL, que enseña la página tal como la vio el rastreador de smartphone.
Recorre el menú móvil
Cuenta los enlaces que hay en el HTML antes de pulsar nada. Si el desplegable se construye al pulsar, los enlaces no están hasta que alguien pulsa, y el rastreador no pulsa.
El segundo paso es el que descubre el problema grande, y casi nadie lo hace.
Ocultar o reorganizar
En móvil se reorganiza, se pliega y se prioriza. No se quita. Todo lo que quites en móvil lo quitas del índice de Google, porque Google es un móvil.
Lo que el móvil cambia en el contenido
Hay algo que sí conviene hacer distinto en móvil, y no es quitar: es ordenar. En una pantalla pequeña la respuesta va arriba, el teléfono va arriba, y el detalle va debajo, plegado si hace falta. Lo que en escritorio se ve de un vistazo en móvil son cinco pantallas, y la gente decide en la primera.
Eso beneficia al posicionamiento por el mismo camino que la accesibilidad: una página que responde arriba retiene a quien entra, y quien se queda es una señal que sí se mide.
Un caso: la web que en móvil no decía nada
Y el escritorio, ¿ya no importa?
Importa para quien lo usa, que en muchos sectores profesionales sigue siendo la mitad de las visitas y la mayoría de las contrataciones. Lo que ya no hace es decidir qué entra en el índice.
La regla práctica: se diseña primero para el móvil, se comprueba que todo el contenido está ahí, y después se aprovecha el espacio del escritorio para enseñarlo mejor. Al revés, diseñar para el escritorio y recortar para el móvil, es como se llega a la página de tres iconos.
Preguntas frecuentes
¿Un tema de WordPress moderno ya viene bien?
Suele venir adaptable, sí, y eso resuelve la parte de que la web se reorganice en pantallas pequeñas. Lo que no controla el tema es lo que hagas con el maquetador: ocultar bloques en móvil es una casilla que está a un clic y se usa mucho, y cada bloque oculto es contenido que Google deja de ver.
¿El contenido en pestañas o acordeones penaliza?
No, siempre que esté en el HTML de la página: Google lee lo que está plegado igual que lo que está abierto. Lo que penaliza es que no esté, porque se carga solo al pulsar o solo en escritorio. Un acordeón es la forma correcta de simplificar en móvil sin quitar nada.
¿Hace falta cuidar el móvil si mi cliente es una empresa?
Más todavía de lo que parece. La gente mira desde el móvil también cuando compra para su empresa, normalmente en un primer vistazo entre reuniones antes de pasarlo al ordenador. Y Google indexa la versión móvil de tu web sea quien sea tu cliente: lo que no esté ahí no existe para el buscador.
¿Cómo sé si Google ve mi web en móvil o en escritorio?
Hoy la ve en móvil en prácticamente todos los sitios: la indexación móvil primero es la norma desde hace años. Search Console lo indica en la configuración de la propiedad, y la herramienta de inspección de URL enseña qué rastreador visitó la página. Si es el de smartphone, lo que cuenta es la versión móvil.
¿Tener una web adaptable me hace subir posiciones?
No: es el mínimo, no una ventaja. Casi todas las webs que compiten contigo ya se adaptan, así que adaptarse no te distingue; no adaptarse sí, para mal. Lo que sube posiciones es lo de siempre, contenido que responde y una web que carga bien, y el diseño responsive es lo que permite que eso se vea.
Comprobar qué ve Google desde un móvil es una de las primeras cosas que se hacen en un trabajo de SEO técnico, y el contenido oculto en móvil está entre los errores SEO más caros que veo en webs de empresa. Si sospechas que a tu web le pasa, cómo saber si Google tiene indexada tu web y las diez señales de que necesita una auditoría. Y si te planteas rehacerla por el móvil, rehacer la web o arreglar la que tienes: casi siempre es una casilla, no una web nueva.
La primera llamada no cuesta nada y suele bastar para saber si tiene arreglo. Si tu caso no es para mí, te lo digo.