Mobile Friendly

Qu'est-ce qu'un site mobile friendly ?

Un site mobile friendly est un site dont la mise en page et le contenu s'adaptent automatiquement à la taille de l'écran de l'utilisateur. Sur un smartphone, le texte est lisible sans zoom, les boutons sont suffisamment grands pour être tapés, et les images ne débordent pas de l'écran.

Depuis le déploiement du Mobile-First Indexing par Google, c'est la version mobile d'un site qui est utilisée comme référence pour l'indexation et le classement, même pour les recherches effectuées depuis un ordinateur.

Le Mobile-First Indexing : ce que ça change

Avant 2016, Google indexait la version desktop d'un site. Depuis 2019, il utilise systématiquement la version mobile comme référence principale. Conséquence directe : si votre version mobile est incomplète, lente ou mal structurée, c'est votre SEO global qui en souffre.

Si votre site mobile cache du contenu que la version desktop affiche (texte masqué, onglets dépliables), Google l'indexera quand même, mais moins bien qu'un contenu directement visible.

Les critères d'un site mobile friendly selon Google

Critère Ce que ça signifie concrètement
Responsive design La mise en page s'adapte à toutes les largeurs d'écran
Taille du texte lisible Pas besoin de zoomer pour lire le contenu
Éléments tactiles espacés Les liens et boutons sont assez grands et bien séparés
Pas de contenu flash ou non supporté Flash n'est plus supporté sur mobile depuis longtemps
Vitesse de chargement mobile Les connexions mobiles sont plus lentes, le site doit être léger
Viewport configuré La balise meta viewport doit être présente dans le code

Responsive design vs site mobile dédié

Il existe deux approches pour rendre un site mobile friendly :

Pour un nouveau site ou une refonte, le responsive design est toujours la bonne solution.

Tester si votre site est mobile friendly

  1. Rendez-vous sur l'outil de test Mobile-Friendly de Google (disponible dans la Search Console ou en recherchant "test mobile friendly Google").
  2. Entrez l'URL de votre page à tester.
  3. L'outil affiche un aperçu de la page sur mobile et indique les éventuels problèmes détectés.
  4. Les problèmes courants signalés : texte trop petit, éléments cliquables trop proches, viewport non configuré.