19 rue Dobrée - 44100 Nantes
Du lundi au vendredi : 
La réponse en bref
Google parcourt et classe votre site à partir de sa version mobile : c’est l’indexation orientée mobile. Ce qui manque ou coince sur smartphone pèse donc sur votre référencement. Le design mobile-first part de cette réalité : on conçoit d’abord pour le téléphone, avec le même contenu que sur ordinateur, puis on enrichit pour les grands écrans.
Quand vous avez une question dans la rue, vous ne sortez pas votre ordinateur portable. Vous sortez votre téléphone.
Vos clients font pareil.
Et Google l’a bien compris : c’est d’abord la version mobile de votre site qu’il regarde pour décider où vous classer.
Chez Fair, agence web à Nantes, on conçoit des sites vitrines et des boutiques en ligne en pensant au pouce avant la souris. On vous explique pourquoi, et comment vérifier que votre site tient la route.
👉 Je veux tout savoir sur l’analyse de performance d’un site web
👉 Je veux un site pensé pour le mobile avec l'agence Fair
Avant d’entrer dans le vif du sujet, faites le point en 5 questions.
Responsive, mobile-first… quelle différence ?
Un site responsive s’adapte à la taille de l’écran, alors que le mobile-first est une façon de le concevoir. Les deux mots se croisent souvent, sans dire tout à fait la même chose.
Un site responsive s’adapte à l’écran. Les blocs se réorganisent, le menu se replie, le texte passe sur une colonne.
Le mobile-first va plus loin. On conçoit d’abord la version smartphone, puis on l’enrichit pour les grands écrans.
La nuance compte.
Prenez un menu de restaurant en ligne. En responsive « rétréci », on obtient souvent un grand tableau qu’il faut agrandir avec deux doigts. En mobile-first, on obtient une liste claire, des prix lisibles et un bouton « Réserver » sous le pouce.
Un site pensé pour ordinateur puis « rétréci » reste souvent lourd et pénible à utiliser au doigt. Un site pensé mobile-first part des contraintes du téléphone : petit écran, connexion variable, pouce pas toujours précis.
Pourquoi Google regarde-t-il d’abord votre version mobile ?
Google regarde d’abord votre version mobile parce qu’il parcourt et classe les sites avec son robot pour smartphone. C’est ce qu’on appelle l’indexation orientée mobile.
Conséquence directe : ce qui manque sur mobile, Google ne le voit pas vraiment.
Avoir une version mobile n’est pas obligatoire pour apparaître dans Google, mais Google la recommande fortement. Et dans les faits, un site pensé uniquement pour ordinateur se lit mal sur téléphone, là où se trouve une grande partie de vos visiteurs.
Google demande aussi les mêmes balises sur les deux versions : balise meta robots, titre, meta description et données structurées.
Un paragraphe supprimé, des titres différents, une image sans texte alternatif sur la version smartphone… et votre page perd des arguments aux yeux du moteur.
Pour adapter un site au mobile, Google décrit trois configurations :
| Configuration | Comment ça marche | Ce qu’en dit Google |
|---|---|---|
| Responsive design | Même code HTML, même adresse, affichage adapté à l’écran | Configuration recommandée, la plus simple à gérer |
| Diffusion dynamique | Même adresse, code différent selon l’appareil | Possible, avec des réglages techniques en plus |
| URL distinctes | Un site mobile séparé, du type m.monsite.fr | Possible, avec beaucoup de points à surveiller |
Attention quand même, le mobile-first ne donne aucun bonus magique.
Une page rapide mais pauvre ne passera pas devant une page complète. Une page excellente sur ordinateur mais bancale sur mobile, en revanche, part avec un vrai handicap.
On a vu ça quelque part
Dans sa documentation sur l’indexation orientée mobile, Google recommande le responsive design, qu’il présente comme le modèle le plus simple à mettre en œuvre et à gérer. Lire la documentation de Google.
Votre version mobile est-elle complète ?
Deux clics pour savoir où vous en êtes, et quoi vérifier en priorité.
La vitesse compte-t-elle vraiment sur mobile ?
Oui, la vitesse compte encore plus sur mobile que sur ordinateur.
Sur smartphone, la connexion varie, le processeur est moins puissant et la patience des visiteurs fond à vue d’œil (la vôtre aussi, avouez).
Les gros freins se ressemblent d’un site à l’autre :
- Des images trop lourdes, chargées en taille écran 4K sur un téléphone
- Des scripts inutiles qui occupent le navigateur
- Un hébergement qui répond lentement
Bonne nouvelle : ce sont aussi les plus faciles à corriger. Compresser les images et retirer deux ou trois extensions inutiles suffit parfois à changer la donne.
Sur mobile, chaque seconde d’attente se voit. Un visiteur qui tape votre nom dans Google entre deux rendez-vous n’a pas le temps de regarder une roue tourner.
Pour savoir où vous en êtes, PageSpeed Insights reste le point de départ le plus simple. Gratuit, il affiche un diagnostic séparé pour le mobile et pour l’ordinateur.
À quoi ressemble un site agréable sur smartphone ?
Un site agréable sur smartphone est un site qu’on utilise sans y penser.
Concrètement, on vérifie :
- Des boutons faciles à toucher, d’environ 48 pixels et espacés d’environ 8 pixels
- Des textes lisibles sans zoomer
- Un menu simple, qui ne cache pas l’essentiel derrière trois niveaux
- Des formulaires courts, avec le bon clavier (chiffres pour un téléphone, @ pour un e-mail)
- Des images adaptées à l’écran, grâce aux attributs srcset et sizes
- Des animations sobres, qui ne font pas ramer un téléphone d’entrée de gamme
Pourquoi 48 pixels ? Parce que cette zone correspond à environ 9 mm, à peu près la taille du bout du doigt.
Un détail qui change tout : le numéro de téléphone. Sur mobile, il doit être cliquable, pour lancer l’appel d’un simple toucher (votre client n’a aucune envie de le recopier à la main).
Et le bon vieux test qui ne trompe pas : prendre son propre téléphone, en 4G, et essayer de demander un devis.
Si c’est pénible pour vous, ça l’est pour vos clients.
Le conseil de Fair
Testez votre site sur un téléphone d’entrée de gamme, pas seulement sur le dernier modèle de l’équipe. C’est souvent là que les lenteurs et les boutons trop petits sautent aux yeux.
Faut-il couper du contenu sur mobile ?
Non, on ne coupe pas de contenu sur mobile : on le réorganise.
Les accordéons, les onglets ou un ordre de blocs différent rendent la lecture plus confortable sur petit écran. Aucun souci, tant que le contenu reste présent dans la page.
Les accordéons ont un autre avantage : le visiteur pressé voit tout de suite les intitulés, et ouvre seulement ce qui l’intéresse. C’est plus rapide pour lui, sans rien enlever pour Google.
Ce qu’on évite, c’est une version mobile « allégée » où disparaissent des paragraphes, des liens ou des informations utiles à la décision.
Un exemple courant : la section « Nos réalisations » supprimée sur mobile parce qu’elle prenait trop de place. Résultat, Google ne voit plus ces pages et ces mots, et le visiteur ne voit plus vos preuves de savoir-faire.
Google prévient d’ailleurs qu’un site mobile moins complet peut perdre du trafic, puisqu’il obtient moins d’informations sur la page.
Notre point de vue
La version mobile « allégée » est une fausse bonne idée. On gagne trois secondes de scroll, on perd des arguments pour Google et des réponses pour le visiteur.
Chez Fair, on garde tout le contenu, et on travaille la mise en page pour qu’il se lise bien au pouce.
Que vérifier sur les images de votre version mobile ?
Sur la version mobile, les images doivent être aussi soignées que sur ordinateur, car c’est elles que Google indexe.
On les oublie souvent. Et pourtant, une photo floue ou un texte alternatif vide sur mobile, c’est une page qui perd une partie de son sens pour le moteur.
Google liste quelques règles simples :
- Des images de bonne qualité, ni trop petites ni en basse résolution
- Le même texte alternatif sur mobile et sur ordinateur
- Les mêmes titres, légendes et noms de fichiers
- Des adresses d’images stables, qui ne changent pas à chaque chargement
- Un format reconnu (JPEG, PNG, WebP, SVG…)
Côté poids, le réflexe reste le même : une image adaptée à la largeur de l’écran, compressée, au format WebP quand c’est possible.
Votre visiteur en 4G vous dira merci (enfin, il ne dira rien, il restera simplement sur la page).
Et si votre site utilise des adresses d’images différentes pour le mobile et l’ordinateur, Google prévient d’une perte de trafic temporaire possible sur les images, le temps que les nouvelles adresses soient prises en compte.
👉 Je découvre comment préparer mes images pour le référencement
Quelles erreurs voit-on le plus souvent sur mobile ?
Les erreurs les plus fréquentes sur mobile touchent à des différences invisibles entre la version smartphone et la version ordinateur. On les retrouve dans la liste de dépannage de Google :
- Une balise noindex présente sur la version mobile seulement
- Des titres ou une meta description absents sur mobile
- Des images sans texte alternatif, ou en trop basse résolution
- Du contenu chargé seulement après un clic ou un balayage (Google ne le charge pas)
- Des données structurées oubliées sur la version mobile
Aucune de ces erreurs ne se voit au premier coup d’œil.
D’où l’intérêt de comparer régulièrement les deux versions, page par page, ou de confier cette vérification à quelqu’un qui en a l’habitude.
Ce qu’il fallait retenir
- Google parcourt et classe votre site à partir de sa version mobile.
- Le mobile-first consiste à concevoir d’abord pour le téléphone.
- Google recommande le responsive design, le plus simple à gérer.
- Le contenu mobile doit rester identique : on réorganise, on ne coupe pas.
- Visez des boutons d’environ 48 pixels, espacés d’environ 8 pixels.
- Le contenu chargé après un clic n’est pas vu par Google.
- Testez sur un vrai téléphone, avec PageSpeed Insights en complément.
Questions fréquentes sur le design mobile-first
Le mobile-first donne-t-il un bonus de classement ?
Non, le mobile-first ne donne aucun bonus automatique. Google utilise la version mobile pour indexer et classer vos pages : une version mobile incomplète ou pénible vous pénalise, une version soignée vous met simplement à armes égales.
Quelle différence entre responsive et mobile-first ?
Le responsive désigne un site qui s’adapte à la taille de l’écran. Le mobile-first est une méthode de conception : on part de la version smartphone, puis on l’enrichit pour les grands écrans.
Les accordéons sont-ils mauvais pour le référencement ?
Non, Google conseille même de placer du contenu dans des accordéons ou des onglets plutôt que de le supprimer sur mobile. Le contenu doit simplement être présent dans la page, sans chargement après un clic.
Quelle taille donner aux boutons sur mobile ?
Visez une zone tactile d’environ 48 pixels, soit environ 9 mm, avec environ 8 pixels d’espace entre deux éléments. Une icône plus petite peut garder sa taille visible grâce à une marge intérieure.
Un site mobile séparé (m.monsite.fr) pose-t-il problème ?
Il fonctionne, mais demande beaucoup de réglages : balises identiques, liens canonical et alternate, mêmes données structurées. Google recommande plutôt le responsive design, plus simple à gérer.
Comment tester mon site sur mobile gratuitement ?
Ouvrez-le sur un vrai téléphone, idéalement un modèle d’entrée de gamme, et passez vos pages clés dans PageSpeed Insights, onglet mobile. Remplissez aussi votre formulaire de contact au pouce.
Faire concevoir un site mobile-first par une agence web à Nantes
Confier votre site à une agence qui pense mobile-first, c’est éviter de découvrir les problèmes après la mise en ligne.
Chez Fair, on conçoit chaque page d’abord pour le téléphone, on la teste sur de vrais appareils, puis on l’enrichit pour les grands écrans.
👉 Je découvre la création de site web pour mobile
À lire aussi : la vitesse joue un grand rôle sur smartphone, découvrez comment réduire le temps de chargement de vos pages.
Sources : Google Search Central, Indexation orientée mobile : bonnes pratiques, web.dev, Éléments tactiles accessibles, PageSpeed Insights.
Pour aller plus loin :
Contenu rédigé par Alexandre Montenon, Content Manager spécialisé SEO, et validé par Sébastien Braud, fondateur de l’agence Fair.
👉 
👉 Date de publication : 30 août 2024
Comment vérifier que votre site tient la route sur mobile ?
Pour vérifier votre site sur mobile, quelques réflexes suffisent pour un premier diagnostic :
Pour aller plus loin, la Search Console de Google vous montre comment le robot voit vos pages. L’outil d’inspection d’URL affiche le rendu de la page tel que Google le récupère, ce qui permet de repérer un bloc qui ne s’affiche pas.
Faites l’exercice une fois par trimestre, et après chaque modification importante du site (nouveau thème, nouvelle extension, nouvelle page d’accueil).
Si l’une de ces étapes vous fait soupirer, c’est là qu’il faut commencer.
👉 Je découvre la création de site web pour mobile avec Fair