Detengámonos un momento a pensar: ¿desde dónde sueles navegar por internet? ¿Cuál es el dispositivo con el que pasas más tiempo buscando información, mirando redes sociales, leyendo las noticias…?

Seguramente hayas respondido “móvil”, y si es así, permíteme decirte que formas parte de la mayoría de la población. De hecho en España hay más móviles que habitantes.

Actualmente más del 70% del tráfico web en general corresponde a dispositivos móviles. Consciente de ello, desde el 1 de julio de 2019, Google utiliza su índice móvil como preeminente para ordenar una página en resultados de búsqueda. A esto se le llama “Mobile First”.

¿A qué nos referimos con “índice móvil”? Como seguramente habrás leído en el capítulo sobre “Rastreo e Indexación”, una parte fundamental del buscador es su index (índice). Antiguamente, ese índice se conformaba a partir del rastreo de páginas en formato desktop, es decir, tomando como base el código fuente de una página tal como se presenta en un navegador de un ordenador (sea portátil o de escritorio). Con el tiempo y el cambio de hábitos de navegación hacia los móviles, Google decidió, en mi opinión con buen criterio, tomar como preeminente el índice que registra el código fuente tal como se sirve en dispositivos móviles y a partir de allí ordenar sus resultados de búsqueda, dado que de esta forma estaría satisfaciendo con prioridad a la mayoría de los usuarios.

Esto no significa que existan dos índices, uno desktop y uno móvil: el índice de Google es uno solo, pero se le da preeminencia a la indexación del contenido tal como se muestra en móviles.

Ahora que ya sabemos qué significa “Mobile First”, veamos qué implicaciones tiene y qué necesitamos tener en cuenta a la hora de hacer SEO.

Diseño mobile first

Hasta hace no tanto, los diseñadores web hacían sus primeros bocetos basándose en el tamaño y resolución de dispositivos de escritorio y por lo general, una vez aprobados estos primeros bocetos, se adaptaban a la versión móvil. Esto hacía que quizá un diseño que en desktop era genial, en mobile quedase un poco forzado o perdiese encanto.

Actualmente, el diseño se trabaja justo al revés: primero se hacen los bocetos para móvil y luego su adaptación para desktop. Con lo cual se da la relevancia correcta a todos los elementos que verá más del 70% de nuestro tráfico web.

Aunque no sea estrictamente nuestro tema, permíteme darte un consejo a propósito del diseño: grábate a fuego la máxima “No me hagas pensar”. El usuario quiere lograr el objetivo por el cual llegó a tu web, no le interesa un diseño revolucionario y apabullante sino algo útil, fácil de entender y que lo guíe de forma natural en su navegación.

Salvo que trabajes para una web de arte contemporáneo o algo que de verdad justifique la innovación, si te interesa el SEO y te preocupas por tu usuario, mantén el diseño ligero, ordenado y a prueba de gente con prisas. En móvil más que nunca es vital tener en cuenta esta máxima porque el espacio disponible es muy pequeño y la velocidad de carga es crucial.

Como SEO, siempre te interesará que el diseño respete el concepto de relevancia. Intenta siempre que lo más importante de cada página se ubique en la zona que ve el usuario a un primer golpe de vista, antes de scrollear (above the fold).

Velocidad de carga

Que cada vez somos más impacientes es una verdad como un puño. Ya nadie está dispuesto a esperar 10 segundos a que cargue una página, y menos en el móvil: todo tiene que ser lo más rápido y fluido posible.

Durante años se ha debatido mucho acerca de si la velocidad de carga de una web se consideraba o no un factor de ranking (véase el capítulo Factores SEO del gran Fernando Maciá). Hace unos meses, Google finalmente confirmó que sí, la velocidad de carga es un factor, tal como presuponíamos, y tiene todo el sentido del mundo. Para Google, la ligereza y rapidez ahorran recursos de crawling; para el usuario, la experiencia de navegación es mucho más satisfactoria. Con lo cual ahórranos los gifs animados y otras ocurrencias, y testea constantemente que tus métricas de velocidad sean lo mejor posibles. No vale hacerlo una vez y olvidarte: con cada nuevo release de código, testea otra vez. Y otra, y otra. El SEO nunca termina.

Mi consejo: trata el peso de la web móvil como si estuviésemos en 2010 y te importara muchísimo el consumo de datos, tus usuarios móviles te lo agradecerán.

Especificidad de versiones

Existen varias formas de servir código específico para un dispositivo u otro. Dependiendo del tamaño y la estructura de la web en cuestión, se puede elegir una u otra alternativa. Antiguamente era habitual que las páginas a servir en dispositivos móviles variasen su URL agregando por ejemplo un subdominio “m”, por ejemplo: https://m.facebook.com

Esta decisión tiene implicaciones muy importantes porque obliga a tener infinito cuidado con el uso de los rel=”canonical” y rel=”alternate”, para aclarar siempre al buscador cuál es la versión que quieres indexar y a la que darle más peso (por supuesto, esto trae sin cuidado a Facebook pero es importante en cualquier web donde el SEO sea un área estratégica).

Mi consejo es que utilices, siempre que sea posible, un diseño totalmente responsive que se adapte a cada dispositivo utilizando siempre la misma URL y enseñando el mismo código HTML (evitando dynamic serving siempre que sea posible).

Intencionalidad y tipos de búsquedas

Si analizamos con detenimiento, es muy probable que podamos detectar comportamientos diferentes de búsqueda según el dispositivo.

Un ejemplo: cuando utilizamos un ordenador solemos estar sentados y en general, más atentos (¡o al menos quietos!), mientras que el móvil lo utilizamos en el sofá pero también en la calle, en el coche, en un bar… ¿En qué se traduce esto? En que probablemente en desktop estemos dispuestos a prestar un poco más de atención, mientras que en móvil queremos todo y lo queremos ya, sin distracciones y rápido. Si queremos leer un paper para nuestro trabajo, lo más probable es que lo busquemos desde el ordenador. Si queremos saber cuál es la mejor pizzería del barrio, seguramente usemos el móvil.

No olvidemos las búsquedas por voz. Todavía están lejos de ser mayoría, pero su tendencia de crecimiento es imparable y todas ellas se concentran en dispositivos móviles (¡no siempre smartphones! Echo y Alexa son importantes). Estas búsquedas tienen sus propias características, tanto a nivel intencionalidad como de resultados de búsqueda. Si tu público objetivo es niños/adolescentes o personas muy mayores, empieza a definir ya mismo tu estrategia de SEO para búsquedas por voz.

Además, en móvil las búsquedas “near me” (“cerca de mí”) adquieren una proporción inmensa, con lo cual se abre un mundo de posibilidades para el SEO local.

Ten presente estas diferencias de search intent y comportamiento a la hora de definir tanto el contenido como el diseño de tu web, y especialmente a la hora de hacer tu keyword research. Sobre este tema, imperdible el capítulo de la incomparable MJ Cachón.

Contenidos a mostrar

Ahora que tienes ya asimilado que conviene diseñar pensando primero en móvil, repasemos un par de “do’s and don’ts” en cuanto a contenido:

• Evita los sliders: en móvil, el usuario no se espera a que pasen los slides uno a uno; si le interesa lo que ve le da click, y si no, hace scroll. En ambos casos el slider es innecesario y suele agregar peso a la página.
• Huye de los gifs animados: pesan muchísimo y dan aspecto “años 90”.
• No utilices popups salvo que sean verdaderamente necesarios. Esto vale para desktop también, pero en móvil se hace aún más importante.
• Ten presente el tamaño de la letra y el espacio de separación entre elementos. Cuando la letra es demasiado pequeña y/o los elementos están demasiado juntos, la navegación se complica bastante y Google te echará la bronca en Search Console.
• Sé clarísimo con los CTA (call to action): indícale visualmente al usuario adónde debe clickear para realizar una determinada acción, utiliza verbos y copy que haga totalmente evidente qué hay que hacer a continuación.
• Si algún texto es demasiado extenso para móvil, vale ocultarlo sólo para móviles. Utiliza esta técnica con mesura.
• Comprime y minifica siempre que puedas, todo lo que puedas. CSS, Javascript, imágenes, vídeos… todo lo susceptible de ser comprimido, comprímelo.
• Tanto los datos estructurados como los metadatos deben ser los mismos para tu versión desktop y móvil, mantengas o no la misma URL.

Implementado y listo para mobile first

¿Y bien? ¿Todo listo para posicionar tu web teniendo en cuenta el mobile first? ¡Pues vamos a ello! ¿Cómo podemos comprobar que hemos hecho bien los deberes?

1. Explora tu web emulando un user agent mobile:
   Esta simulación te permitirá ver la web casi, casi como la verán los navegadores móviles que elijas. Si utilizas Chrome, te puede servir esta extensión, o el propio Inspect.
2. Navega la web en formato móvil sin cargar Javascript ni CSS:
   Esta es una excelente forma de ver tus páginas “desnudas”, y más cómoda que ver directamente el código fuente. Si utilizas Chrome, una extensión que me parece súper útil es disable html, que te permite también ocultar momentáneamente imágenes, cookies, etc, para ver la página casi casi como la ve un bot.
3. Testea constantemente velocidad de carga:
   Compra un hosting de calidad como SiteGround, pide ayuda a tu sysadmin, echa mano de la pléyade de herramientas gratuitas online, utiliza los tests de Google, haz lo que quieras pero nunca dejes de medir velocidad. Cada milisegundo cuenta. Y si no me crees, lee ahora mismo el capítulo de Fernando Puente.
4. Utiliza herramientas SEO que discriminan desktop de móvil:
   Las herramientas SEO más potentes del mercado lo son por un motivo: simplifican el trabajo y te ayudan a concentrarte en lo importante. Por ejemplo, Sistrix te ofrece cientos de funcionalidades que permiten medir a cada paso cómo va evolucionando tu SEO móvil respecto de tu SEO desktop (y ambos en general, por supuesto). Esto es especialmente útil cuando ves disparidades entre uno y otro, un dato que por ti mismo quizá no notarías nunca. ¡Pon herramientas en tu vida!
5. Pregunta, investiga, prueba… en loop:
   Nuestro trabajo, querido/a SEO, no acaba nunca. No tengas miedo a preguntar, investiga cada semana (cada día si es posible), lee bien la biblia del mobile first y si tienes oportunidad, móntate un par de webs para experimentar (por favor, intenta no experimentar con clientes en producción…).

La comunidad SEO es muy activa y muy solidaria, pregunta, pide consejo, lee a los colegas, súmate al Ministerio SEO… y no olvides lo fundamental: ¡Search Console es tu mejor amigo! Cada minuto que pases analizando la información que provee Search Console hace la diferencia, para tu web y para tu vida profesional como SEO.