Site mobile-first : définition, indexation Google et critères d'un bon site sur smartphone

Plus d'une visite web sur deux se fait aujourd'hui sur un téléphone. Et Google lit votre site comme le ferait un smartphone. C'est pourquoi la version mobile de votre site compte autant que la version ordinateur, et souvent davantage. Cet article définit le mobile-first, distingue les approches voisines, retrace ce que Google a réellement changé, puis détaille les critères d'un bon site mobile et la façon de les vérifier avec les outils qui existent encore en 2026.

Mobile-first, responsive, adaptatif : trois notions à distinguer

Le mobile-first est une méthode de conception. On dessine d'abord la page pour le plus petit écran, avec l'essentiel seulement, puis on ajoute de la place, des colonnes et des visuels pour la tablette et l'ordinateur. L'inverse, la démarche historique, part de la maquette pour ordinateur et la réduit ensuite.

Le responsive design est une technique. Une seule page, à une seule adresse, dont la mise en page s'ajuste à la largeur de l'écran grâce à des grilles fluides et aux règles CSS appelées media queries. Un site peut être responsive sans avoir été pensé pour le téléphone : il se contente alors d'empiler les blocs de l'ordinateur les uns sous les autres.

L'adaptatif désigne deux variantes plus anciennes : le serveur envoie un code différent selon l'appareil (diffusion dynamique), ou bien le site mobile vit sur une autre adresse, du type m.exemple.fr. Google recommande le responsive, qu'il juge le plus simple à mettre en place et à maintenir.

La part du mobile en 2026 : ce que disent les chiffres

D'après Statcounter, en septembre 2026, le téléphone représentait 53,05 % des pages vues en France, contre 44,45 % pour l'ordinateur et 2,5 % pour la tablette. À l'échelle mondiale, la part du mobile atteint 58,99 %. Les chiffres de « 65 à 70 % » que l'on lit encore sur certains sites surestiment donc la situation française.

Ces moyennes cachent de grands écarts selon le secteur. Un restaurant ou un artisan reçoit souvent une majorité de visites depuis un téléphone ; un logiciel pour entreprises, beaucoup moins. Le seul chiffre qui compte est le vôtre : vous le trouvez dans le rapport par appareil de votre outil de mesure, que nous expliquons dans notre guide de Google Analytics 4.

L'indexation mobile-first de Google, de 2016 à 2024

L'indexation mobile-first signifie que Google utilise la version mobile de vos pages, explorée par son robot pour smartphone, pour les indexer et les classer. La bascule a pris près de huit ans :

1. 1 Novembre 2016 : Google annonce ses premiers essais d'un index fondé sur la version mobile des pages.
2. 2 Mars 2018 : début de la migration des sites qui suivent les bonnes pratiques.
3. 3 31 octobre 2023 : Google annonce que la transition est achevée pour la quasi-totalité du web.
4. 4 5 juillet 2024 : les derniers sites encore explorés par le robot pour ordinateur passent au robot pour smartphone. Un site dont le contenu est totalement inaccessible sur téléphone n'est plus indexable. Google garde son robot pour ordinateur pour quelques usages, comme les fiches produits ou Google for Jobs.

Ce que cela implique pour votre site

Pour indexer et classer vos pages, Google se fonde désormais sur leur version mobile. Ce qui manque sur téléphone n'est donc pas pris en compte. Sa documentation demande de vérifier les points suivants :

• Le même contenu principal sur mobile et sur ordinateur, textes et titres compris.
• Les mêmes balises title et meta description, et les mêmes balises meta robots.
• Les mêmes données structurées (fil d'Ariane, produit, vidéo en priorité).
• Le même texte alternatif sur les images.
• Aucun contenu principal chargé seulement après un geste du visiteur (balayer, cliquer, taper) : le robot ne fait pas ces gestes.

Les 6 critères d'un bon site mobile

1. La vitesse, mesurée sur de vrais téléphones

Google évalue l'expérience de page avec trois indicateurs, les Core Web Vitals. Ils sont jugés bons quand le plus grand élément s'affiche en moins de 2,5 secondes (LCP), quand la page répond à un toucher en moins de 200 millisecondes (INP) et quand la mise en page bouge peu pendant le chargement (CLS inférieur à 0,1). Le téléphone est le terrain le plus exigeant : processeur plus modeste, réseau variable. Les seuils et leur mesure sont détaillés dans notre article sur les Core Web Vitals, et les leviers concrets dans celui consacré à la vitesse de chargement.

2. La lisibilité sans zoom

La page doit déclarer la balise meta viewport, sans laquelle le téléphone affiche une version ordinateur miniature. Gardez le corps du texte à la taille par défaut des navigateurs, généralement 16 px (1rem), et laissez le visiteur l'agrandir. Visez un contraste d'au moins 4,5:1 entre le texte et le fond, le seuil du niveau AA des règles d'accessibilité WCAG (3:1 pour les grands titres). Un interligne autour de 1,5 et des paragraphes courts font le reste.

3. Des zones tactiles assez grandes

Un doigt est moins précis qu'une souris. Les règles WCAG 2.2 fixent un minimum de 24 × 24 pixels CSS par cible au niveau AA, et 44 × 44 au niveau renforcé AAA. Les guides de Google recommandent environ 48 pixels, avec un espacement d'environ 8 pixels entre deux cibles. Pour vos boutons principaux, visez le haut de la fourchette.

4. Une navigation courte

Le menu replié est devenu la norme, mais vos deux ou trois actions essentielles doivent rester visibles sans l'ouvrir : appeler, demander un devis, réserver. Le numéro de téléphone doit être un lien qui lance l'appel d'un toucher. Placez les boutons importants là où le pouce arrive sans changer la prise en main, plutôt en bas et au centre de l'écran.

5. Des formulaires pensés pour le clavier du téléphone

Chaque champ doit déclarer le bon type (adresse e-mail, téléphone, nombre) pour faire apparaître le clavier adapté, et la bonne valeur d'autocomplétion pour que le téléphone propose de remplir le nom, l'e-mail ou l'adresse à la place du visiteur. Retirez tous les champs dont vous n'avez pas réellement besoin : chacun coûte plus cher à remplir sur un petit écran.

6. Pas de fenêtre qui masque la page

Google déconseille les interstitiels qui recouvrent toute la page, et les redirections vers une page séparée pour obtenir un consentement. Il recommande à la place de petites bannières qui laissent le contenu lisible. Les écrans imposés par la loi, comme la vérification de l'âge, font exception.

Les erreurs les plus fréquentes

• Un texte présent sur ordinateur mais masqué ou supprimé sur téléphone, donc ignoré par Google.
• Des images envoyées au téléphone dans leur taille d'ordinateur.
• Des boutons et des liens collés les uns aux autres.
• Une fenêtre d'inscription qui couvre la page dès l'arrivée.
• Une vidéo de fond lourde, lancée automatiquement.
• Des animations continues (flous, effets au défilement) qui font saccader les téléphones.
• Un formulaire qui ouvre le clavier alphabétique pour un numéro de téléphone.
• Un site testé seulement dans le mode « téléphone » du navigateur d'un ordinateur puissant.

Nous avons rencontré deux de ces pièges sur notre propre site. Sur iPhone, certaines vidéos de fond s'ouvraient en plein écran, surtout dans les navigateurs intégrés aux applications : nous les avons remplacées sur iOS par des images animées. Et les flous en mouvement saccadaient sur des téléphones récents : sur les écrans tactiles, le décor reste désormais immobile, avec les mêmes couleurs. Si votre site a été conçu pour l'ordinateur puis rétréci, ces corrections au cas par cas ont leurs limites, et une refonte de site règle le problème à la racine.

Tester son site sur mobile en 2026

Le test d'optimisation mobile de Google et le rapport sur l'ergonomie mobile (Mobile Usability) de la Search Console ont été retirés le 1er décembre 2023. Ne vous fiez pas aux guides qui les citent encore. Voici les outils à utiliser aujourd'hui, du plus rapide au plus fiable :

1. 1 PageSpeed Insights, onglet mobile : il affiche les données réelles de vos visiteurs Chrome sur les 28 derniers jours (au 75e percentile) quand votre site a assez de trafic, puis un test Lighthouse sur un téléphone de milieu de gamme émulé.
2. 2 Lighthouse dans les outils de développement de Chrome : le même audit, lancé sur n'importe quelle page, y compris avant la mise en ligne.
3. 3 La Search Console : le rapport Core Web Vitals sépare mobile et ordinateur (un site peu visité peut n'afficher aucune donnée), et l'outil d'inspection d'URL montre la page telle que le robot pour smartphone l'a vue.
4. 4 Un vrai téléphone, de préférence un Android d'entrée de gamme, en 4G plutôt qu'en Wi-Fi.
5. 5 Un test humain : demandez à une personne extérieure de trouver votre numéro, puis de remplir votre formulaire, sans aide. Observez où elle hésite.

Pour un premier diagnostic sans rien installer, demandez notre audit gratuit : l'équipe analyse à la main la vitesse de votre site, son affichage sur téléphone, son référencement et sa sécurité, puis vous indique les points à corriger en priorité.

Vous voulez savoir si votre site actuel peut être corrigé ou s'il faut le reprendre ? Prenez rendez-vous : nous regardons votre site sur téléphone avec vous et vous indiquons les priorités.