El Mobile First és una tendència de disseny web que prioritza els dispositius mòbils. Fins fa ben poc, era més habitual el disseny responsive tradicional, però de mica en mica el disseny Mobile First ha anat guanyant popularitat i reconeixement.

Què és el Mobile First?

Aquest disseny respon al gran ús dels dispositius mòbils a l’hora de navegar per internet. Des de fa uns anys, els smartphones i les tablets suposen cada vegada una major proporció de tràfic per a moltes webs.

Aquesta tendència va una passa més enllà del popular disseny responsive, que tradicionalment parteix del disseny d’escriptori per adaptar-ne el de tablets i dispositius mòbils. En aquesta adaptació és comú que el contingut perdi part de la qualitat, ja que es prescindeix d’alguns elements per millorar la velocitat o usabilitat de les pàgines.

En canvi, en un disseny Mobile First, es parteix de la versió per a dispositius mòbils i, després, es planteja la resta. D’aquesta manera, s’aconsegueix un contingut 100% rellevant i adequat a tots els dispositius.

La nova indexació Mobile First

Ja fa uns anys que Google insisteix en la importància que els llocs web indexats al seu buscador ofereixen una bona experiència de navegació mòbil als usuaris. Per exemple, l’any 2015 va presentar el projecte AMP (Accelerated Mobile Pages), amb iniciatives de codi obert per millorar la velocitat dels llocs web en smartphones.

El tràfic des de dispositius mòbils és una tendència tan important que des de març de 2021 Google només té en compte la versió mòbil dels llocs web pels seus criteris d’indexació i posicionament SEO.

Tot i que fins ara aquesta tendència semblava una alternativa al responsive, després de l’anunci de la indexació Mobile First de Google s’ha convertit en l’opció més interessant.

La combinació de les claus SEO que coneixíem fins ara amb l’optimització mòbil de les nostres pàgines és l’únic camí que podran recórrer els professionals que vulguin seguir en les primeres posicions de les SERP.

Característiques del Mobile First

Un disseny d’aquest tipus es compon de molts elements diferents, però els més coneguts són:

La velocitat
Aquest és un dels factors que més influeix en la consideració de Google sobre la teva pàgina web. La velocitat de càrrega web ha estat sempre una prioritat pel cercador, que vol garantir la millor experiència per als usuaris.

Les mides adequades
És probable que aquest sigui un dels elements més específics a tenir en compte per a dispositius mòbils. Ens hem d’assegurar que els botons i enllaços de la nostra pàgina tenen la mida adequada o estan suficientment separats els uns dels altres per poder clicar còmodament.

Pop-ups poc intrusius
Hem d’evitar els pop-ups que bloquegin la navegació. També és important que ens assegurem que són fàcils de clicar i tancar, per no dificultar la navegació de l’usuari per la nostra pàgina.

Imatges optimitzades
Les imatges han de pesar poc i ser d’una mida adequada per no alentir innecessàriament la càrrega de la pàgina. També és important que tinguin una bona resolució i es vegin correctament en els diferents dispositius, perquè són part essencial del nostre contingut.

Finalment, el mateix Google ens dona algunes pautes que podem seguir per preparar-nos per la nova indexació Mobile First, com el fet d’assegurar-nos que les nostres metaetiquetes o la càrrega diferida de les nostres pàgines estiguin optimitzades en la versió mòbil.

Vector d’infografia creat per pch.vector a Freepik