Mobile First

Le mobile-first désigne deux choses liées : une méthode de conception où l'on dessine d'abord la version mobile d'un site avant de l'étendre aux grands écrans, et l'index mobile-first de Google, qui explore et indexe les pages dans leur version mobile depuis 2018, généralisé à tous les sites en 2023. Ce que Googlebot Smartphone ne voit pas n'existe pas pour le classement.

Définition de "Mobile-first"

"Mobile-first" est une approche de conception de sites web où la version mobile est créée avant la version pour ordinateur.

Au lieu de concevoir d'abord un site web pour desktop et de l'adapter ensuite pour mobile, le "mobile-first" propose de faire le contraire. Cela signifie que le site est initialement conçu pour les écrans plus petits, et est ensuite adapté pour les écrans plus grands.

Pourquoi est-ce pertinent pour le SEO ?

Avec la démocratisation des smartphones et des connexions Internet mobiles, une grande majorité des utilisateurs accède désormais à Internet via leur téléphone. De ce fait, offrir une expérience utilisateur fluide et agréable sur mobile est devenu indispensable. Pour s'aligner sur cette évolution, Google a adapté ses algorithmes pour donner la priorité aux sites optimisés pour mobile, d'où l'importance de la démarche "mobile-first" en SEO.

Si un site est conçu avec une approche "mobile-first", il est plus susceptible d'offrir une meilleure expérience utilisateur sur les appareils mobiles, mais il augmente également ses chances d'être mieux classé par les moteurs de recherche.

Adopter une stratégie "mobile-first" n'est pas seulement une question d'ergonomie ou d'expérience utilisateur ; c'est aussi un élément indispensable à la visibilité et au référencement d'un site web.

Historique et évolution

Les prémices du "mobile-first"

Au début des années 2000, Internet était principalement accessible via des ordinateurs de bureau. Les sites étaient conçus pour des écrans larges, avec des éléments interactifs pensés pour la souris.

Avec la popularisation des smartphones, notamment depuis la sortie de l'iPhone en 2007, le paysage d'Internet a commencé à changer. Les utilisateurs veulent désormais naviguer sur le web avec la même facilité depuis leurs téléphones que depuis leurs ordinateurs de bureau.

L'évolution vers le "mobile-first"

Face à cette évolution, les développeurs et les designers ont dû repenser leur manière de concevoir les sites.

Initialement, la plupart des sites adoptaient une approche "mobile-friendly" c'est-à-dire qu’ils étaient adaptés pour les mobiles en adoptant une démarche de responsive design. Rapidement, cette approche a montré ses limites : elle ne tirait pas pleinement parti des capacités des appareils mobiles. C'est ici qu'intervient le concept de "mobile-first" : une philosophie de conception qui priorise l'expérience sur les petits écrans.

Les changements d'algorithmes de Google

Conscient de cette évolution massive vers le mobile, Google a commencé à ajuster ses algorithmes pour tenir compte de l'expérience utilisateur sur mobile.

En 2015, Google a lancé une mise à jour majeure de son algorithme, surnommée "Mobilegeddon", qui pénalisait les sites non adaptés aux mobiles dans ses résultats de recherche.

En novembre 2016, Google a annoncé son intention de passer à un index "Mobile-first" (aussi appelé le Mobile-first Index), signifiant que la version mobile d'un site web serait considérée comme la version principale pour l'indexation et le classement. C’est donc cette version qui est prioritairement analysée par les crawlers de Google pour classer un site.

A partir du 26 mars 2018, les sites ont basculé progressivement vers ce nouvel algorithme et les sites publiés après le 1er juillet 2019 ont été automatiquement gérés par le Mobile-first index.

Depuis mai 2023, la totalité des sites indexés par Google sont désormais explorés dans leur version mobile, après quasiment 6 années de mise à jour !

Les avantages du "mobile-first"

Amélioration de l'expérience utilisateur sur les appareils mobiles

L'une des principales raisons pour lesquelles l'approche "Mobile-first" a gagné en popularité est la nécessité d'offrir une expérience utilisateur optimale sur les appareils mobiles. En concevant d'abord pour les écrans plus petits, les concepteurs se concentrent sur l'essentiel, garantissant que les informations et les fonctionnalités clés sont facilement accessibles.

Cela se traduit par une navigation simplifiée, une meilleure lisibilité et une interaction plus intuitive pour les utilisateurs de smartphones et de tablettes.

Amélioration du classement dans les moteurs de recherche

Comme mentionné précédemment, Google a adapté ses algorithmes pour privilégier les sites optimisés pour mobile. Un site conçu avec une approche "mobile-first" était donc naturellement mieux positionné pour répondre à ces critères d'optimisation. Par conséquent, ces sites avaient de meilleures chances d'obtenir un classement élevé dans les résultats de recherche, surtout lorsque les recherches sont effectuées depuis un appareil mobile. Aujourd'hui, la majorité des sites étant adaptés pour une utilisation mobile, le critère mobile first n'est plus aussi important qu'auparavant.

A noter : un site qui n’est pas performant ou accessible dans sa version mobile sera sanctionné par Google également dans sa version desktop.

Augmentation potentielle du trafic et des conversions

Un meilleur classement dans les moteurs de recherche conduit naturellement à une augmentation du trafic. Mais l'avantage ne s'arrête pas là. En offrant une expérience utilisateur améliorée, les visiteurs sont susceptibles de rester plus longtemps sur le site, de naviguer sur plusieurs pages et, finalement, de convertir, que ce soit par un achat, une inscription ou toute autre action souhaitée.

Une performance mobile optimisée peut donc directement influencer le taux de conversion, rendant le "mobile-first" bénéfique non seulement en termes de visibilité, mais aussi de rentabilité.

Comment s'assurer que votre site est "Mobile-first" ?

Utilisation d'outils pour tester la compatibilité mobile

Google a retiré son test de compatibilité mobile en décembre 2023 et le rapport « Ergonomie mobile » de la Search Console. Le contrôle passe désormais par l'outil d'inspection d'URL de la Search Console (qui montre la page telle que Googlebot Smartphone la voit, capture d'écran comprise), par Lighthouse et PageSpeed Insights pour la performance et l'accessibilité, et par le rapport Signaux Web essentiels pour les données réelles sur mobile.

Ces outils sont d’autant plus importants à exploiter que la performance d’un site fait partie des 3 critères essentiels du SEO, avec la popularité (les backlinks) et la qualité du contenu. L’importance de la compatibilité mobile a été réaffirmée par Google en 2020 avec la création des Core Web Vitals.

Importance du responsive design

Le design réactif, ou responsive design, est une approche de conception qui permet à votre site web de s'adapter automatiquement à la taille de l'écran sur lequel il est affiché, qu'il s'agisse d'un ordinateur de bureau, d'une tablette ou d'un smartphone. C'est un élément essentiel du "mobile-first", car cela garantit que les utilisateurs bénéficient d'une expérience optimale quel que soit l'appareil qu'ils utilisent.

Pour cela, il est recommandé d'utiliser des grilles flexibles (flexbox), des images fluides et des media queries CSS pour assurer que le contenu s'affiche correctement sur tous les écrans.

Notez également que la plupart des CMS intègrent automatiquement la gestion du responsive design. Cela permet de gagner du temps lors du développement d’un site et d’avoir un aperçu du rendu des pages sur toutes les tailles d’écran.

Conseils pour optimiser la vitesse de chargement sur mobile

Un site lent peut décourager les visiteurs et affecter négativement votre référencement. Voici quelques conseils pour optimiser la vitesse de chargement : 

Compresser les images : Utilisez des outils comme Squoosh, TinyPNG ou un plugin d'optimisation pour réduire la taille des images sans compromettre leur qualité. Il est d’ailleurs de plus en plus recommandé d’utiliser des images au format WebP afin de réduire le poids des pages et leur temps de chargement.

Utiliser la mise en cache : Configurez votre serveur pour mettre en cache les éléments du site, réduisant ainsi le temps de chargement pour les visites répétées.

Éviter les redirections inutiles : Chaque redirection ajoute du temps de chargement. Éliminez toutes les redirections non nécessaires.

Optimiser la réponse du serveur : Assurez-vous que votre serveur répond rapidement aux requêtes. Envisagez d'utiliser un réseau de distribution de contenu (CDN) pour distribuer la charge.

Consultez les recommandations Google : Grâce à des outils comme Google PageSpeed Insights, vous pouvez recevoir des recommandations spécifiques de Google pour optimiser la performance de votre site et la navigation mobile.

Erreurs courantes à éviter lors de la conception "mobile-first"

Blocage des fichiers JavaScript, CSS ou images pour les robots des moteurs de recherche

Il est essentiel que les moteurs de recherche puissent accéder et indexer tous les éléments de votre site pour évaluer sa pertinence et son utilité. En bloquant l'accès à certains fichiers, comme JavaScript, CSS ou images, vous empêchez les moteurs de recherche de comprendre pleinement votre site, ce qui peut nuire à votre référencement. Pensez à vérifier le fichier "robots.txt" de votre site pour vous assurer qu'aucun élément essentiel n'est exclu.

Liens trop proches les uns des autres, rendant la navigation difficile

Sur les petits écrans des appareils mobiles, il est essentiel que les utilisateurs puissent facilement cliquer sur le lien ou le bouton souhaité. Si les liens ou les boutons sont trop proches les uns des autres, il y a un risque accru de clics accidentels, ce qui peut frustrer l'utilisateur et le pousser à quitter le site. Pour éviter cela, assurez-vous d'espacer suffisamment les éléments cliquables et de les dimensionner de manière à être facilement accessibles avec un doigt.

Faire des contenus différents entre la version mobile et la version desktop

Il arrive que certains sites soient conçus avec des URL différentes pour la version mobile et pour la version desktop. Cela peut créer des confusions pour les moteurs de recherche et pour les utilisateurs.

Lorsque les contenus varient d'une version à l'autre, les moteurs de recherche peuvent ne pas être en mesure d'indexer correctement toutes les informations présentes sur le site. Si la version mobile de votre site contient moins d’informations que la version desktop, vous risquez de voir votre classement SEO diminuer.

On parle aussi de mobile first ici :

- Tous les sites sont désormais indexés Mobile-First (2023)

- Le projet Index Mobile First sera terminé d’ici quelques semaines (2023)

- Goossips : Matt Cutts et le Spam, Index Mobile First (2022)

- Google ne donne plus de date limite pour la fin de l’Index Mobile First (2021)

FAQ

Qu'est-ce que l'index mobile-first de Google ?

Le principe selon lequel Google explore et indexe la version mobile des pages pour établir son classement, sur ordinateur comme sur mobile. Annoncé en 2016, déployé à partir de 2018, il s'applique à la totalité des sites depuis 2023 ; Googlebot Desktop ne sert plus qu'à des vérifications.

Mobile-first et responsive design, est-ce la même chose ?

Non. Le responsive design est une technique (une seule page qui s'adapte à la largeur de l'écran) ; le mobile-first est une méthode de conception (partir des contraintes du petit écran). Un site responsive peut avoir été conçu desktop-first, avec un mobile encombré.

Un site sans version mobile est-il pénalisé ?

Il est indexé à partir de ce que Googlebot Smartphone voit : si la version unique s'affiche mal ou masque du contenu sur mobile, c'est cette version dégradée qui est évaluée, y compris pour les recherches sur ordinateur. Les signaux d'expérience de page (Core Web Vitals) sont aussi mesurés sur mobile.

Faut-il le même contenu sur mobile et sur ordinateur ?

Oui. Le contenu, les liens internes, les données structurées et les balises doivent être identiques ; un contenu présent seulement sur ordinateur n'est plus vu par Google. Les accordéons et onglets sur mobile sont acceptés, le contenu masqué y est pris en compte.

Comment vérifier ce que Google voit sur mobile ?

Avec l'outil d'inspection d'URL de la Search Console : le test en direct affiche le HTML récupéré par Googlebot Smartphone et une capture d'écran du rendu, ainsi que les ressources bloquées.

En résumé

• Mobile-first : concevoir d'abord pour le mobile, et être indexé par Google dans sa version mobile.
• Index mobile-first : annoncé en 2016, déployé dès 2018, généralisé à tous les sites en 2023.
• Même contenu partout : ce qui n'est que sur ordinateur n'est plus vu par Google.
• Contrôle : inspection d'URL, Lighthouse, PageSpeed Insights, Signaux Web essentiels (le test mobile-friendly n'existe plus).
• Bases : responsive design, vitesse, cibles tactiles espacées, ressources accessibles aux robots.

Abondance c'est aussi des audits SEO, un service de contenus et des formations en e-learning !