SEO Mobile-First para Ecommerce

La indexación mobile-first significa que Google utiliza predominantemente la versión móvil de tu contenido para la indexación y el ranking. Esta transición se completó en 2023, y no hay opción de exclusión. Si tus páginas móviles tienen menos contenido que las de escritorio, Google solo ve la versión móvil. Si tu sitio móvil oculta las descripciones de producto detrás de pestañas que requieren clics para expandirse, Google podría no indexar ese contenido en absoluto.

El impacto práctico es significativo. Muchos sitios de ecommerce fueron construidos primero para escritorio y luego adaptados para móvil mediante diseño responsive o un sitio móvil separado. Durante esa adaptación, el contenido se recortó frecuentemente, las descripciones de producto se acortaron y los enlaces internos se eliminaron para ajustarse a pantallas más pequeñas. Todas esas decisiones ahora afectan directamente cómo Google evalúa esas páginas.

Verifica tu estado de indexación móvil en Google Search Console bajo Configuración > Rastreador de indexación. Debería mostrar "Googlebot Smartphone" como rastreador principal. Si encuentras páginas donde las versiones móvil y escritorio difieren sustancialmente en contenido, corrige primero la versión móvil. Eso es lo que le importa a Google.

El diseño responsive sirve el mismo HTML a todos los dispositivos y usa media queries CSS para ajustar el diseño. Un sitio móvil separado (m.example.com) sirve HTML completamente diferente. Para el SEO de ecommerce, el diseño responsive es el claro ganador y el enfoque que Google recomienda.

Los sitios móviles separados crean dolores de cabeza de canonicalización. Necesitas etiquetas rel="alternate" y rel="canonical" apuntando entre las versiones de escritorio y móvil, y cualquier desajuste causa problemas de indexación. Hemos auditado tiendas donde el 30 % de las páginas móviles tenían referencias canónicas rotas, resultando en problemas de contenido duplicado y desperdicio de presupuesto de rastreo.

El diseño responsive mantiene una URL única por página, lo que consolida toda la autoridad de enlaces y simplifica tu sitemap, etiquetas canónicas e implementación hreflang. Cada enlace entrante apunta a una URL en lugar de dividirse entre versiones de escritorio y móvil.

Si todavía ejecutas un sitio móvil separado, planifica una migración a diseño responsive. La migración requiere un mapeo cuidadoso de redirecciones (redirecciones 301 de cada URL m.example.com a su equivalente responsive) y generalmente toma de tres a seis meses para completarse sin pérdida significativa de tráfico. Los beneficios SEO a largo plazo superan consistentemente los costes de migración a corto plazo.

Los usuarios móviles son menos pacientes que los de escritorio, y típicamente están en conexiones más lentas. Una página que carga en 3 segundos en WiFi de escritorio puede tardar 6 segundos en una conexión móvil 4G. La investigación de Google muestra que el 53 % de los visitantes móviles abandonan un sitio que tarda más de 3 segundos en cargar.

Para ecommerce, el impacto en los ingresos es medible. Monitoreamos un minorista de moda antes y después de la optimización de velocidad móvil. Reducir el tiempo de carga móvil de 5,2 segundos a 2,1 segundos incrementó la tasa de conversión móvil un 27 % y los ingresos móviles un 34 % durante 90 días. Las mejoras de velocidad costaron menos que una semana de su presupuesto de publicidad pagada.

Prioriza estas optimizaciones específicas para móvil: comprimir imágenes hero a menos de 100 KB, diferir todo el JavaScript no crítico hasta después del primer pintado, reducir el tamaño del DOM a menos de 1.500 elementos en páginas de producto, y eliminar CSS que bloquee el renderizado. Prueba cada cambio específicamente en conexiones móviles limitadas, no solo en WiFi de escritorio.

Usa la emulación de dispositivo de Chrome DevTools con limitación de red configurada en "Fast 3G" como tu prueba base. Si tus páginas de producto cargan y se vuelven interactivas en 3 segundos en Fast 3G, funcionarán bien para la gran mayoría de usuarios móviles.

Google evalúa la usabilidad móvil como parte de sus señales de experiencia de página. Las páginas que no pasan las verificaciones de usabilidad móvil reciben rankings más bajos. Los fallos más comunes en sitios de ecommerce son objetivos táctiles demasiado cercanos entre sí, texto demasiado pequeño para leer sin zoom y contenido más ancho que la pantalla.

Los objetivos táctiles (botones, enlaces, campos de formulario) deben medir al menos 48x48 píxeles CSS con 8 píxeles de espacio entre ellos. En las páginas de producto, esto significa que tu botón "Añadir al carrito", los selectores de talla y las muestras de color necesitan espacio adecuado. Las cuadrículas de productos densas con objetivos táctiles diminutos frustran a los usuarios móviles y activan las advertencias de usabilidad móvil de Google.

Tamaños de fuente por debajo de 16px en móvil obligan a los usuarios a hacer zoom de pellizco, lo que Google señala como problema de usabilidad. Configura tu tamaño de fuente base a 16px mínimo y escala los encabezados proporcionalmente. Las descripciones de producto, precios y reseñas deben ser legibles sin ninguna intervención del usuario.

Evita el desplazamiento horizontal por completo. Si algún elemento se extiende más allá del ancho del viewport móvil, Google marca la página como no apta para móviles. Los infractores comunes incluyen tablas de comparación de productos anchas, imágenes sobredimensionadas sin restricciones de max-width e iframes de ancho de escritorio para incrustaciones de video o guías de tallas.

Las estructuras de navegación móvil a menudo difieren drásticamente del escritorio, y estas diferencias afectan el SEO. Los mega menús de escritorio pueden exponer 200 enlaces de categoría en un solo hover, mientras que los menús hamburguesa móviles ocultan esos mismos enlaces detrás de dos o tres toques. Como Google indexa la versión móvil, cualquier enlace oculto en menús móviles colapsados puede recibir menor prioridad de rastreo.

Asegúrate de que tu navegación móvil incluya todos los mismos enlaces de categoría y subcategoría que tu navegación de escritorio. Los enlaces no necesitan ser visibles por defecto (los menús hamburguesa están bien), pero deben estar presentes en el HTML. Google puede seguir enlaces dentro de menús colapsados siempre que el HTML los contenga.

Las páginas de producto móviles a menudo eliminan las secciones de venta cruzada y productos relacionados para ahorrar espacio. Esto elimina enlaces internos valiosos que ayudan a Google a descubrir y posicionar esos productos relacionados. En lugar de eliminar estas secciones, conviértelas en carruseles de desplazamiento horizontal o secciones colapsables que mantengan los enlaces en el HTML mientras ahorran espacio vertical.

Las migas de pan en móvil frecuentemente se ocultan o simplifican. Mantén las rutas de migas de pan completas en móvil incluso si se extienden a dos líneas. Cada enlace de miga de pan es un enlace interno a una página de categoría, y eliminarlos debilita tu estructura de enlaces internos en la versión que Google realmente indexa.