Pendant longtemps, les sites web étaient conçus sur grand écran, puis « adaptés » tant bien que mal aux téléphones. Cette logique appartient au passé. Aujourd’hui, c’est la version mobile de votre site que Google explore, analyse et utilise pour vous classer, y compris lorsque l’internaute effectue sa recherche depuis un ordinateur. Pour une fleuriste qui reçoit ses commandes de dernière minute, un plombier appelé en urgence ou un blogueur culinaire consulté en pleine préparation d’un plat, l’expérience sur smartphone n’est plus un bonus : c’est le cœur du sujet. Voyons ce que cela implique concrètement et comment vérifier que votre site est prêt.
L’indexation mobile-first : ce qui a changé
Historiquement, Google explorait les sites avec un robot qui se comportait comme un navigateur d’ordinateur. Face à la progression des recherches sur smartphone, il a annoncé en 2016 le passage à l’indexation « mobile-first » : désormais, c’est la version mobile d’une page qui sert de référence pour l’indexation et le classement. Ce changement s’est fait progressivement, site par site, avant de devenir la règle pour les nouveaux sites en 2019.
Depuis juillet 2024, Google explore la quasi-totalité des sites avec son robot pour smartphone. Conséquence directe : un contenu absent ou inaccessible sur mobile n’existe tout simplement plus pour lui, même s’il s’affiche parfaitement sur ordinateur. Un site qui ne fonctionne pas du tout sur téléphone risque même de ne plus être indexé. Pour approfondir les fondamentaux de cette discipline, ce guide dédié au SEO mobile reprend ces bases une à une.
Responsive, dynamique ou version m. : quelle configuration choisir ?
Il existe trois grandes manières de proposer un site sur mobile. Elles n’ont pas les mêmes conséquences en matière de référencement.
Le responsive design, la solution recommandée
Avec un site responsive, la même adresse et le même code HTML sont envoyés à tous les appareils ; seule la mise en page s’adapte à la taille de l’écran grâce aux feuilles de style. C’est la configuration que Google recommande, car elle est la plus simple à mettre en place et à maintenir. Il n’y a qu’une version du contenu, donc aucun risque d’écart entre mobile et ordinateur. La quasi-totalité des thèmes modernes, qu’il s’agisse de WordPress, de Shopify ou des créateurs de sites en ligne, fonctionne ainsi.
L’affichage dynamique
Dans ce cas, l’adresse reste identique, mais le serveur envoie un code HTML différent selon l’appareil détecté. Cette solution fonctionne, mais elle demande une configuration technique rigoureuse et comporte un risque : si la détection échoue, le robot mobile de Google peut recevoir la version ordinateur, ou inversement.
Le site mobile séparé
Certains sites anciens utilisent encore une version distincte, souvent sur un sous-domaine du type m.exemple.fr. Cette organisation impose de relier chaque page à son équivalent grâce à des annotations spécifiques (une balise alternate sur la version ordinateur, une balise canonical sur la version mobile) et de maintenir deux contenus en parallèle. Les erreurs y sont fréquentes. Si votre site repose encore sur ce modèle, une migration vers le responsive mérite d’être étudiée lors de votre prochaine refonte.
La parité de contenu entre mobile et ordinateur
Puisque Google s’appuie sur la version mobile, tout ce qui en est absent est ignoré. C’est la principale source de problèmes, notamment sur les sites qui ont volontairement « allégé » leur version smartphone pour gagner de la place. Vérifiez que les éléments suivants sont identiques sur les deux versions :
- le texte principal, sans paragraphes supprimés ni descriptions raccourcies ;
- les titres et intertitres, avec la même hiérarchie ;
- les images importantes et leurs textes alternatifs ;
- les liens internes, y compris ceux du menu et du pied de page ;
- la balise title, la meta description et les directives meta robots ;
- les données structurées, lorsque vous en utilisez.
Masquer du texte dans un accordéon ou un onglet pour faciliter la lecture sur petit écran n’est pas un problème : Google a indiqué qu’il prenait bien en compte ce type de contenu. En revanche, un contenu qui ne se charge qu’après une action de l’utilisateur, comme un clic sur « Voir plus » déclenchant un nouveau chargement ou un défilement horizontal, peut échapper au robot, qui n’interagit pas avec la page. Veillez aussi à ce que votre fichier robots.txt ne bloque pas les ressources utilisées par la version mobile.
Une ergonomie pensée pour le tactile
Un site peut s’afficher sur un smartphone sans être agréable à utiliser. Or un visiteur qui peine à naviguer repart vite, souvent vers un concurrent.
Commencez par les fondamentaux. La balise meta viewport, présente dans l’en-tête de la page, indique au navigateur d’adapter la largeur du site à celle de l’écran : sans elle, la page s’affiche en miniature et oblige à zoomer. Le texte doit être lisible sans agrandissement, avec des lignes suffisamment espacées. Aucun élément ne doit dépasser de l’écran et provoquer un défilement horizontal.
Pensez ensuite au doigt de l’utilisateur, bien moins précis qu’un pointeur de souris. Google recommande des zones tactiles d’environ 48 pixels de côté, suffisamment espacées pour éviter les erreurs. Un numéro de téléphone doit être cliquable pour lancer l’appel, et une adresse doit pouvoir s’ouvrir dans une application de cartographie. Pour les formulaires, limitez le nombre de champs et affichez le bon clavier : clavier numérique pour un téléphone, clavier avec arobase pour une adresse e-mail. Un restaurateur qui propose la réservation en ligne gagnera beaucoup à tester lui-même son formulaire sur son propre téléphone.
La navigation mérite la même attention. Sur un petit écran, le menu se replie généralement derrière une icône : assurez-vous qu’il reste simple, avec peu de niveaux, et que les informations les plus recherchées (téléphone, adresse, horaires, tarifs) sont accessibles en un ou deux gestes. Méfiez-vous aussi des éléments fixes, comme un en-tête collant ou un bouton de discussion, qui grignotent une partie de l’écran pendant toute la lecture.
Pop-ups et interstitiels : attention aux fenêtres intrusives
Depuis 2017, Google peut dévaloriser les pages dont le contenu est rendu difficilement accessible sur mobile par des fenêtres intrusives. Sont visés, en particulier, les pop-ups qui recouvrent le contenu principal dès l’arrivée du visiteur, les interstitiels qu’il faut fermer avant de pouvoir lire la page, et les mises en page où le haut de l’écran ressemble à une publicité plein écran.
Certaines fenêtres restent parfaitement acceptables lorsqu’elles répondent à une obligation légale, comme le recueil du consentement aux cookies ou la vérification de l’âge sur un site de vente d’alcool. Les bandeaux discrets, qui occupent une part raisonnable de l’écran et se ferment facilement, ne posent pas non plus de problème. Pour une invitation à la newsletter, préférez un encart intégré au contenu ou une fenêtre qui apparaît plus tard dans la visite.
Tester la version mobile de son site
Google a retiré fin 2023 son ancien outil de test d’optimisation mobile, ainsi que le rapport d’ergonomie mobile de Search Console. D’autres solutions permettent heureusement de vérifier votre site.
Dans Search Console, l’outil d’inspection d’URL propose un test en direct qui montre la page telle que le robot pour smartphone la voit : capture d’écran, code HTML rendu et ressources qui n’ont pas pu être chargées. C’est le meilleur moyen de contrôler la parité de contenu. Lighthouse, disponible dans les outils de développement de Chrome, audite une page en simulant un appareil mobile et signale certains problèmes d’affichage ou d’accessibilité. Le mode appareil de ces mêmes outils permet d’afficher votre site dans les dimensions de différents téléphones.
Rien ne remplace toutefois un test réel. Parcourez votre site sur un ou deux smartphones, idéalement un modèle récent et un plus ancien : cherchez une information, remplissez un formulaire, passez une commande. Vous repérerez en quelques minutes des blocages qu’aucun outil automatique ne signale.
Pensez enfin à comparer les données par appareil. Dans le rapport Performances de Search Console, un filtre permet d’isoler les recherches effectuées sur mobile : un taux de clic ou une position nettement plus faibles que sur ordinateur doivent vous alerter.
La vitesse, un enjeu à ne pas oublier
Sur mobile, les connexions sont parfois instables et les appareils moins puissants qu’un ordinateur. Une page lourde y paraît donc encore plus lente. Sans entrer dans le détail, qui relève d’un chantier à part entière, gardez à l’esprit que les images non compressées, les scripts superflus et un hébergement sous-dimensionné pénalisent en priorité vos visiteurs sur smartphone.
Avec l’indexation mobile-first, la question n’est plus de savoir si votre site « passe » sur téléphone, mais si sa version mobile est complète, lisible et agréable à utiliser. Un site responsive, un contenu identique sur tous les écrans, une navigation adaptée au tactile et l’absence de fenêtres intrusives constituent le socle d’un bon référencement mobile.
Commencez par un contrôle simple : inspectez vos pages les plus importantes avec l’outil de Search Console, puis parcourez votre site sur votre propre smartphone comme le ferait un client pressé. Les points de friction que vous relèverez sont autant d’améliorations qui profiteront à la fois à votre visibilité et à vos visiteurs.
