Mobile first vol dir «primer el mòbil» i s'usa en dos sentits. En disseny, és començar el web per la pantalla petita i ampliar-lo després. En SEO, és la indexació mobile first de Google: Google rastreja, indexa i posiciona el teu web a partir de la versió que veu un telèfon. El que no surt al mòbil, per a Google no hi és.
Per a una pime això té una conseqüència molt concreta: de poc serveix que el web llueixi a l'ordinador del despatx si al mòbil hi falta text, hi ha menús que no s'obren o imatges que no carreguen. Aquí tens què canvia de veritat, què has de revisar i com comprovar-ho en deu minuts sense eines de pagament.
Què vol dir mobile first: disseny i indexació
La mateixa expressió anomena dues coses que es complementen però no són el mateix. Convé separar-les perquè una agència et pot vendre la primera i oblidar-se de la segona.
| Disseny mobile first | Indexació mobile first | |
|---|---|---|
| Què és | Un mètode de treball: es dissenya primer la pantalla petita i després s'amplia a tauleta i escriptori. | La manera com Google llegeix els webs: fa servir la versió mòbil per indexar i posicionar. |
| Qui ho decideix | Tu i qui et fa el web. | Google. No es pot activar ni desactivar. |
| Risc si falla | Visitants que marxen perquè no poden llegir o tocar. | Contingut que Google no té en compte, també en les cerques fetes des d'ordinador. |
Com funciona la indexació mobile first de Google
Google visita les pàgines amb un rastrejador que es presenta com un telèfon (Googlebot per a smartphones). El que aquest robot aconsegueix carregar i llegir és el que es desa a l'índex i el que es fa servir per decidir posicions.
- Només hi ha un índex. No existeix un índex per a mòbils i un altre per a ordinadors. La versió mòbil és la referència per a totes les cerques, també les que es fan des d'un escriptori.
- No és una opció. Google ho aplica a tots els webs des de fa anys; no hi ha cap casella per triar-ho a Search Console.
- El robot no interactua. No fa lliscar el dit, no prem botons ni escriu. El contingut que només apareix després d'una acció de l'usuari pot quedar fora.
- No exigeix un disseny concret. Un web sense versió mòbil específica es continua indexant si es pot carregar des d'un telèfon, però s'avalua tal com s'hi veu.
Què implica mobile first per al web d'una empresa
Depèn de com estigui construït el web. Google admet tres configuracions i recomana la primera perquè és la més fàcil de mantenir:
- Disseny responsive: una sola URL i un sol HTML que es recol·loca segons la pantalla. Si és el teu cas, el contingut ja és el mateix i el risc és baix; cal vigilar només el que s'amaga o es carrega tard.
- Publicació dinàmica: la mateixa URL serveix un HTML diferent segons el dispositiu. Aquí sí que hi pot haver diferències de contingut.
- URL separades (el clàssic
m.exemple.cat): dos webs a mantenir. És on apareixen més desajustos: textos retallats, metaetiquetes diferents, dades estructurades que només són a l'escriptori.
Els webs corporatius fets amb un gestor de continguts i una plantilla actual solen ser responsive. On acostumo a trobar problemes és en webs antics amb versió mòbil a part, en botigues amb plantilles «lleugeres» per a telèfon i en pàgines on algú va decidir que al mòbil «hi havia massa text» i el va amagar. Aquesta mena de revisions formen part del SEO tècnic bàsic de qualsevol web.
Què revisar: llista de vuit punts
- El mateix contingut. Textos, encapçalaments, taules i preguntes freqüents han de ser al mòbil igual que a l'escriptori. Pots plegar-los en acordions o pestanyes per estalviar espai; el que no pots fer és eliminar-los.
- Els mateixos títols i metadescripcions. El
titlei la metadescripció han de coincidir en totes dues versions. - Les mateixes directives de robots. Un
noindexo unnofollownomés a la versió mòbil treu la pàgina de Google. - Recursos accessibles. Googlebot ha de poder descarregar el CSS, el JavaScript i les imatges; no els bloquegis al robots.txt.
- Càrrega diferida ben feta. Carregar imatges a mesura que es baixa és correcte. Carregar el text principal només quan l'usuari prem «Veure'n més» no ho és.
- Imatges i vídeos equivalents. Mateixa qualitat raonable, mateix text alternatiu i formats que Google admeti.
- Dades estructurades idèntiques. El marcatge ha de ser a totes dues versions i apuntar a les URL correctes; ho tens explicat a la guia de dades estructurades.
- L'etiqueta viewport i la usabilitat. Sense
<meta name="viewport" content="width=device-width, initial-scale=1">el telèfon mostra el web en miniatura. Revisa també la mida de la lletra, la separació entre botons i que cap finestra emergent tapi el contingut en entrar.
La velocitat de càrrega al mòbil és un tema a part: el tens desenvolupat a la guia de velocitat web i SEO.
Com comprovar-ho en deu minuts
- Amb el teu telèfon. Obre les tres o quatre pàgines que et porten clients (inici, serveis, contacte) i compara-les amb l'ordinador al costat. Hi falta algun paràgraf, alguna taula, algun enllaç del menú?
- Amb la inspecció d'URL de Search Console. Enganxa-hi una URL, demana la prova en directe i mira la captura i l'HTML que ha obtingut Google. Allà veus exactament què llegeix el rastrejador mòbil. Si no l'has fet servir mai, segueix la guia per usar Google Search Console pas a pas.
Si prefereixes que ho mirem nosaltres, l'anàlisi inicial gratuïta inclou aquesta comprovació de la versió mòbil sobre les teves pàgines principals.
Errors que em trobo més sovint
- Text retallat «perquè al mòbil cansa». Una gestoria de Sabadell amb una pàgina de serveis completa a l'escriptori i tres línies al mòbil competeix amb aquestes tres línies.
- Menú mòbil amb menys enllaços. Les pàgines que desapareixen del menú hamburguesa perden enllaços interns just a la versió que Google rastreja.
- Ressenyes o fitxes tècniques que es carreguen en tocar un botó. Si el contingut no és a l'HTML fins que algú hi interactua, Google pot no veure'l.
Al meu parer, l'error de fons és validar el web des de l'ordinador de l'oficina. Qui aprova el disseny el mira en una pantalla gran; els clients i Google el miren en una de sis polzades.
Preguntes freqüents sobre mobile first
Mobile first i responsive són el mateix?
No. Responsive és una tècnica: el mateix web s'adapta a cada pantalla. Mobile first és una prioritat: es pensa primer en el mòbil, sigui en dissenyar o, en el cas de Google, en indexar. Un web responsive ho té més fàcil, però pot amagar contingut al mòbil igualment.
Si els meus clients em visiten des de l'ordinador, m'afecta?
Sí. Google fa servir la versió mòbil per indexar i posicionar totes les cerques, també les d'escriptori. Un web B2B amb visites sobretot des d'ordinador s'avalua igualment pel que mostra al telèfon.
El contingut dins d'acordions o pestanyes compta?
Sí, sempre que sigui a l'HTML de la pàgina i no es carregui només quan l'usuari hi fa clic. Plegar contingut per estalviar espai al mòbil és una pràctica admesa.
Com sé si Google rastreja el meu web amb el robot mòbil?
A la inspecció d'URL de Search Console, dins de l'apartat de rastreig, s'indica amb quin robot es va rastrejar la pàgina. El normal és veure-hi el rastrejador per a smartphones.
En resum
Mobile first, en SEO, es redueix a una regla: el que compta és el que es veu al mòbil. Agafa el telèfon, repassa els vuit punts sobre les pàgines que et donen negoci i corregeix primer el contingut que hi falta. Si vols una segona opinió, demana l'anàlisi inicial gratuïta o mira què cobreix el nostre servei de SEO tècnic.
