Indexación mobile-first: qué significa

Qué cambia con ello

Antes, Google valoraba sobre todo la versión de escritorio. Hoy la referencia es la presentación móvil. Lo que allí falta, es posible que ni siquiera se tenga en cuenta.

Lista de comprobación

• Todos los contenidos importantes, textos, imágenes y datos estructurados también están presentes en el móvil.
• La página utiliza un diseño adaptable (responsive).
• La tipografía y los botones son lo bastante grandes.
• La página carga rápido, véase Core Web Vitals.
• No hay elementos que impidan leer en el móvil.
• Los recursos no están bloqueados para el rastreador de Google.

Errores típicos

• Contenidos que solo existen en el escritorio: las secciones desplegables están bien si el texto está presente en el código fuente. Si solo se carga con un clic y no se entrega, puede faltar durante el rastreo.
• Imágenes móviles sin texto alternativo: las variantes móviles a veces pierden la descripción que sí existía en el escritorio. Véase Textos alternativos para imágenes.
• Faltan datos estructurados en la versión móvil: sobre todo con direcciones móviles separadas (m.dominio.de) ocurre que el marcado solo se mantiene en el escritorio.
• Hojas de estilo o scripts bloqueados: si el robots.txt bloquea archivos importantes, Google no puede mostrar la página como la ven los visitantes.
• Ventanas emergentes que tapan la pantalla: un banner que en el móvil cubre la mitad del contenido perjudica la facilidad de uso.

Ejemplo: la discrepancia en la página de un artesano

Supongamos que la página de una carpintería muestra en el escritorio la lista de servicios a la izquierda y un campo de contacto a la derecha. En el móvil la lista desaparece para ahorrar espacio y solo queda una imagen. Para Google, ahora es determinante la versión reducida: los servicios que solo figuraban en la lista omitida pueden no asociarse a la página. La solución rara vez es ocultar contenidos en el móvil, sino reorganizarlos de modo que sigan accesibles ocupando poco espacio, por ejemplo como lista plegable en el mismo documento.

Ayuda para decidir: ¿responsive o página móvil separada?

Un diseño responsive ofrece la misma dirección y el mismo contenido para todos los dispositivos; solo se adapta la presentación. Google recomienda esta variante. Las direcciones móviles separadas son más costosas de mantener, porque los contenidos, las redirecciones y el marcado deben coincidir por duplicado. Para sitios web nuevos apenas hay motivo para elegirlas. Encontrará más información en Diseño web responsive explicado.

Mito frente a hecho

• Mito: mobile-first significa que el escritorio da igual. Hecho: afecta a la evaluación por parte de Google, no a sus visitantes. Si sus clientes consultan sobre todo desde el ordenador, el diseño para escritorio sigue siendo importante.
• Mito: una app sustituye al sitio web móvil. Hecho: la indexación se refiere a páginas web.

Al modificar menús y diseños, tenga siempre en cuenta ambas versiones, sobre todo en un rediseño completo.

Ejemplo de una prueba en el móvil

Abra en el móvil sus cinco páginas más importantes y repase en cada una tres preguntas: ¿encuentro en diez segundos lo que ofrece la página? ¿Puedo llamar al teléfono con un solo toque? ¿Se puede rellenar el formulario sin hacer zoom? Donde la respuesta sea «no», la página todavía debe mejorarse, tanto para los visitantes como para el rastreo móvil. Si es posible, pruebe con un dispositivo más antiguo y datos móviles, no solo con wifi rápida.

Momento y efecto

Google ha completado el cambio para casi todos los sitios web, de modo que las páginas nuevas se rastrean primero en su versión móvil de todos modos. No es necesario solicitarlo y no se puede desactivar. Lo decisivo es que la versión móvil esté completa. Compruébelo de nuevo con cada cambio importante en el diseño, el menú o los textos.

Comprobar

Con la herramienta «Inspección de URL» de la Search Console puede ver cómo obtiene Google su página. Además merece la pena probarlo en su propio móvil.