Descubre cómo optimizar tu web para indexación mobile-first y mejorar SEO, visibilidad y experiencia de usuario en móviles.
Danni Jessen
En los últimos años, Google ha avanzado hacia lo que llaman indexación mobile-first. Esto significa que rastrean tu sitio como si se accediera desde un dispositivo móvil y lo evalúan en consecuencia. Es más importante que nunca asegurarse de que tu web esté totalmente optimizada para rendir en todos los dispositivos: de lo contrario, notarás el impacto en Google.
Google ha anunciado que desde marzo de 2021 utilizará solo su rastreador móvil.
En este post cubro:
Como has escuchado muchas veces, más de la mitad del tráfico web mundial proviene de dispositivos móviles. De hecho, el 51.33% del tráfico online mundial es móvil, y esta cifra sigue creciendo. Además, Google ha comunicado que rastreará todas las webs como en móvil. Por eso, hay que asegurar la misma funcionalidad tanto en ordenador como en móvil.
Google recomienda uso de diseño responsive: así, contenido y diseño permanecen consistentes en todos los dispositivos. Además, desaconsejan soluciones como los dominios m.dot.
Un dominio m.dot es cuando la versión móvil de una web se sirve desde un subdominio, en lugar de desde el mismo dominio que en ordenador. Por ejemplo, puede verse así:
Ejemplo de dominio estándar
Ejemplo de dominio m.dot
La manera más sencilla de asegurar la compatibilidad móvil —para ti, tus usuarios y Google— es usar diseño responsive en un solo dominio. Así los títulos, descripciones, textos y otros contenidos serán iguales en todos los dispositivos y solo hay que editarlos una vez. Así, Google ve lo que ven los usuarios y te posiciona correctamente.
Las áreas clave para la optimización mobile-first son:
La velocidad es clave y aún más para destacar en Google. La diferencia entre optimizar para móvil o escritorio es que las conexiones móviles suelen ser más lentas. No tienes que cambiar mucho respecto a antes, pero debes ser minucioso.
Algunas acciones para mejorar tu velocidad en móvil:
LazyLoad es imprescindible si quieres que tu web funcione bien y cargue rápido. LazyLoad solo carga las imágenes al aparecer en pantalla. Si tienes una página de categoría con 22 imágenes de producto y todas cargan aunque el usuario no baje, consume datos móviles y perjudica el ranking.
Comprimir HTML, CSS, JavaScript e imágenes reduce mucho el tiempo de carga. Así no se descargan archivos grandes al entrar desde móvil, consiguiendo una experiencia más rápida, lo que es básico porque los móviles o sus conexiones suelen ser más lentos que los ordenadores.
Ejemplo de buena puntuación de velocidad con LazyLoad y compresión
El SEO técnico y on-page debe basarse ahora en la versión móvil. Muchas veces se dejan fuera secciones en móvil por pensar que no son relevantes y así se daña la usabilidad. En vez de quitarlos, mejor reubícalos. Ejemplo: no elimines el texto sobre los productos, solo muévelo más abajo. También es importante no quitar la navegación breadcrumb en móvil, ya que afecta mucho la estructura interna de enlaces.
Ejemplo de breadcrumbs correctos en móvil
Si tu web utiliza muchos pop-ups para captar suscriptores, promociones, etc., debes ser muy cuidadoso. No está claro cómo afectan al posicionamiento, pero seguro que no facilitan el rastreo para Google. No pongas más de un pop-up por página. No es que los pop-ups estén prohibidos, pero limita a uno simultáneo.
También es esencial que los pop-ups no molesten al usuario. Si tapan toda la pantalla e impiden ver el contenido, puede afectar negativamente al SEO. Esto es aún más importante desde que Google anunció la actualización Page Experience en 2021.
Errores habituales que veo al analizar webs: menús confusos en móvil o menús diferentes según el dispositivo.
Primero: el menú debe ser fácil de navegar y no estar saturado de opciones irrelevantes. ¿Solución clásica? El menú hamburguesa. Resume los servicios y productos principales y permite descubrir subcategorías de forma ordenada.
Segundo: el contenido del menú debe ser idéntico en cualquier dispositivo. Solo un menú para todo. Esto enlaza directamente con el diseño responsive y la navegación para todos los usuarios.
Ejemplo de menú hamburguesa correcto
Este ha sido un resumen sobre la indexación mobile-first y los principales puntos críticos. Por supuesto, hay mucho más a tener en cuenta. Si tienes dudas o quieres saber si tu web está lista para la actualización de marzo 2021, contáctanos en 70 44 42 89 o en hej@wemarket-digital.es
Por qué el diseño responsive es más importante que nunca
¿Por qué Google cambia su índice a mobile-first?
At WeMarket, we offer businesses a benchmark report that compares their marketing efforts with their key competitors. You decide which competitors we should compare against.
We specialise in selling physical goods online and growing webshops – and now you can benefit from this expertise, even if you’re not already a client.
It’s completely free.
