Cómo afecta el diseño responsive al posicionamiento

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.

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.

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.

Un tema moderno se encarga de que las columnas se apilen y de que el texto no se salga. Hasta ahí llega. Lo que rompe la versión móvil de una web de empresa casi nunca es el tema: es lo que se metió dentro después.

Las tablas de precios y de características. Una tabla de cinco columnas no cabe, y el arreglo no es encoger la letra hasta que quepa: es meterla en una caja con desplazamiento horizontal o convertirla en una ficha por fila. Encogerla deja una tabla que nadie lee y que sigue contando como contenido.

Las imágenes con el ancho puesto en píxeles. Una imagen declarada a 900 px se sale de una pantalla de 390 y arrastra la página entera a lo ancho. Es la causa más común del aviso de contenido más ancho que la pantalla.

El texto metido dentro de una imagen. El cartel de la promoción, la tabla de tarifas escaneada, el horario en un JPG. En móvil no se puede ampliar sin perder de vista el resto, y para el buscador ese texto no existe.

El aviso de cookies que ocupa media pantalla. El mismo banner que en el ordenador es una franja discreta abajo, en un móvil tapa la mitad de la primera pantalla y a veces justo el botón de llamar.

El chat flotante encima del botón. Es un clásico: la burbuja se coloca donde está el teléfono o el «pedir presupuesto», y quien llega cierra la burbuja o se va.

El formulario cuyo botón queda debajo del teclado. Se rellena el último campo, sale el teclado, el botón de enviar desaparece, y nadie se pone a desplazar la página con el teclado abierto.

Ninguno de los seis aparece en un informe de posiciones. Se ven mirando, y se ven mejor todavía en condiciones reales: cómo se ve tu web desde un móvil viejo con mala cobertura.

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.

En un negocio de aquí, buena parte de las visitas desde el móvil no llegan por los resultados de siempre: llegan del mapa. Alguien busca con el teléfono en la mano, mira las fichas que le salen, pulsa en la tuya y entra en tu web con la decisión medio tomada y con poca paciencia. Lo que vea sin desplazar decide si llama o vuelve atrás.

Por qué le sales a unos y a otros no cuando buscan con el teléfono en la mano es otra pelea distinta, y está en buscar «cerca de mí». Y si vas a tocar esa primera pantalla, conviene saber antes cuántas de esas visitas acaban en llamada: cómo medir cuántas llamadas te trae la web.

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.

Quitar la casilla de ocultar es cosa de una tarde. Que se note, no, y conviene saber en qué orden llegan las señales para no dar el arreglo por fracasado a los diez días.

Lo primero no depende de ti: el buscador tiene que volver a pasar por esas páginas y leerlas enteras. Se puede pedir una a una con la inspección de URL de Search Console, y ahí mismo se comprueba lo único que confirma que el arreglo está hecho: que el rastreador de móvil ve ya el texto que antes estaba oculto. Esa comprobación es inmediata y no hay que esperar a nada para hacerla.

Después, la primera señal son las impresiones de esas páginas, no su posición. Empiezan a salir para consultas en las que antes ni figuraban, casi siempre en puestos bajos. Los clics llegan más tarde, y en páginas de servicio pueden tardar semanas más, porque enfrente hay páginas que llevan años asentadas.

La trampa está en mirar la posición media del sitio: mezcla las páginas arregladas con todas las demás y no dice nada. Lo que hay que mirar es cada página tocada por separado, comparando sus impresiones con las de las semanas anteriores al cambio. Por eso lo primero que se apunta, antes de tocar nada, es la fecha: sin ella, dentro de tres meses nadie podrá distinguir si la subida es del arreglo o de la temporada.