La plupart des sites s'affichent différemment sur mobile et sur ordinateur. Ce que voient les visiteurs dépend de leur appareil. Mais pour les robots d'IA, cette différence pose un problème : si votre version mobile masque ou supprime un contenu présent sur ordinateur, le robot risque de ne jamais le trouver.
Comment un robot décide-t-il ce qu'il traite ? Quand un robot d'IA demande votre page, il n'attend pas longtemps. Il frappe à la porte de votre serveur, charge ce qu'il peut dans le délai qui lui est imparti, analyse le HTML, le CSS et le JavaScript reçus, puis extrait ce qu'il lit. Si votre affichage mobile supprime des sections clés, réorganise le contenu ou casse la mise en page, le robot voit une version plus petite et moins complète de votre site.
Ce chapitre explique comment les robots d'IA interagissent avec les sites mobiles, quels choix de design influencent l'exploration et comment vous assurer que les systèmes d'IA accèdent au même contenu que vos visiteurs.
Comment les robots d'IA voient votre site mobile
Les robots d'IA (comme GPTBot, ClaudeBot, PerplexityBot) demandent les pages comme le fait un navigateur. Ils envoient un en-tête User-Agent qui les identifie, ils suivent les règles de votre fichier robots.txt et ils traitent le HTML et le CSS que vous renvoyez.
La différence essentielle : la plupart des robots d'IA affichent les pages avec une fenêtre d'affichage mobile. Ils simulent un appareil mobile pendant l'exploration, ce qui signifie qu'ils voient votre mise en page mobile, pas celle de l'ordinateur. Ce choix a été fait parce que la plupart des utilisateurs sont d'abord sur mobile, et que les plateformes d'IA veulent comprendre ce que voient réellement les utilisateurs.
Le processus d'affichage du robot
Quand le robot charge votre page, il passe par ces étapes :
D'abord, il demande le HTML et télécharge le contenu initial. Ensuite, il exécute le JavaScript si la page en a besoin pour afficher du contenu (cela prend du temps). Puis il attend le chargement des images, des polices et des autres ressources (dans certaines limites). Enfin, il analyse l'état final affiché et extrait le contenu lisible.
Si une étape expire ou échoue, le robot obtient une vue incomplète. Un site mobile lent peut dépasser le délai avant la fin du JavaScript. Un site au chargement différé peut ne servir que la partie visible en haut de page. Une page qui cache du contenu derrière un bouton « lire la suite » risque de ne jamais charger le texte masqué.
Ce qui est extrait de votre page mobile
Tout ce qu'un robot charge n'est pas utilisé pour le classement ou les citations. Le robot privilégie ce qu'il considère comme le contenu principal.
Les recherches montrent que les premiers 30 % d'une page représentent 44 % de toutes les citations des systèmes d'IA. Ce n'est pas arbitraire. Le contenu situé en haut de page est traité en premier, chargé le plus vite et pèse plus lourd, car c'est ce que les lecteurs voient tout de suite.
Pourquoi la position compte pour la visibilité dans l'IA
Si vous cachez votre meilleur contenu en bas de page, derrière un onglet ou dans un accordéon, les robots d'IA le trouvent quand même, mais il pèse moins. Un contenu qu'il faut cliquer, faire glisser ou déplier pour le voir est indexé, mais traité comme secondaire.
Sur mobile, cela compte encore plus. Les écrans sont plus petits. Plus de contenu se retrouve sous la ligne de flottaison. Si votre mise en page mobile repousse vos informations les plus importantes vers le bas, ou si vous servez une version mobile simplifiée sans les explications détaillées, les robots voient moins de choses.
Core Web Vitals et délais d'attente des robots
Les Core Web Vitals mesurent l'expérience utilisateur avec trois indicateurs : LCP (Largest Contentful Paint), FID (First Input Delay) et CLS (Cumulative Layout Shift).
Pour les robots, seule la vitesse compte. Votre page a un délai d'attente. Si les ressources ne se chargent pas, si les images ne se téléchargent pas et si le JavaScript ne s'exécute pas dans ce délai, le robot passe à la suite avec ce qu'il a déjà.
Le LCP et la visibilité pour les robots
Le LCP devrait survenir en moins de 2,5 secondes. Si votre LCP sur mobile est de 5 secondes ou plus, les robots ne verront peut-être que le HTML initial, sans attendre l'affichage du contenu principal. C'est encore plus vrai pour les robots d'IA, qui ont souvent des délais plus stricts que le robot de Google.
Les pages mobiles sont plus lentes que celles sur ordinateur, car les réseaux mobiles sont plus lents. Un chargement de 2 secondes sur ordinateur peut passer à 6 secondes sur un réseau mobile bridé. Si votre site mobile doit télécharger de gros paquets JavaScript avant d'afficher quoi que ce soit, les robots voient une page vide ou presque.
Comment corriger les pages mobiles lentes
Optimisez les Core Web Vitals sur mobile en particulier. Testez sur des réseaux lents (3G, 4G). Différez le JavaScript non essentiel. Compressez les images. Utilisez un CDN. Chargez le contenu essentiel avant les éléments décoratifs.
Design responsive et contenu complet
Le design responsive est nécessaire. Votre site doit fonctionner sur mobile. Mais responsive ne veut pas dire complet.
Certains sites masquent du contenu sur mobile de façon responsive. Ils replient des sections, suppriment des colonnes latérales, cachent le menu latéral de la documentation ou simplifient la navigation. C'est bien pour les utilisateurs, qui peuvent naviguer et trouver ce dont ils ont besoin. Mais pour les robots, un contenu masqué est un contenu invisible.
Ce que les robots ratent dans les mises en page interactives
Si votre version mobile charge des onglets et n'affiche que le contenu du premier sans charger les autres avant un clic, un robot qui n'interagit pas avec la page rate les onglets cachés. Si vous utilisez du CSS pour mettre certains éléments en display:none sur mobile, ils ne sont pas affichés du tout. Si du JavaScript charge un contenu différent sur mobile et sur ordinateur, le robot ne voit que la version mobile.
Le principe qui compte est la parité de contenu. Chaque mot, image, lien et donnée structurée présent sur ordinateur doit aussi l'être sur mobile (ou être accessible sans interaction de l'utilisateur). Si votre site sert une version mobile qui supprime ou simplifie fortement le contenu, vous donnez aux robots une version plus petite et moins complète de votre site.
Où il est sûr de simplifier sur mobile
Cela ne veut pas dire que vos mises en page doivent être identiques. Votre navigation mobile peut être différente. Votre mise en page peut s'empiler à la verticale. Mais votre contenu ne doit pas disparaître. Si vous devez masquer quelque chose pour gagner de la place, masquez la navigation ou les colonnes latérales, pas votre contenu principal.
Rendu JavaScript et robots d'IA
Certains sites construisent leurs pages entièrement en JavaScript. Le fichier HTML est presque vide, et le vrai contenu s'affiche côté client quand le JavaScript s'exécute dans le navigateur.
Les robots d'IA peuvent exécuter du JavaScript, mais pas comme un navigateur. Leurs délais d'attente sont limités. Ils n'ont pas d'accélération GPU. Ils n'attendent pas toujours la fin des opérations asynchrones.
Pourquoi le rendu côté client pose problème aux robots
Une page qui s'appuie sur du JavaScript pour récupérer des données depuis une API puis les afficher peut échouer avec un robot. Le robot charge le HTML, commence à exécuter le JavaScript, mais le délai expire avant la fin de l'appel à l'API et l'affichage de la page. Le robot se retrouve avec la simple coquille de votre page, sans aucun vrai contenu.
C'est pourquoi le rendu côté serveur (SSR) l'emporte sur le rendu côté client (CSR) pour la visibilité auprès des robots. Quand vous générez le contenu sur le serveur et envoyez au robot un HTML terminé, il obtient la page complète tout de suite. Quand vous générez côté client et obligez le robot à exécuter du JavaScript pour voir la page, vous le ralentissez et risquez le dépassement de délai.
Recommandations pour les frameworks JavaScript
Si vous utilisez un framework JavaScript, assurez-vous que le contenu essentiel est généré côté serveur ou présent dans le HTML initial. Le robot ne devrait pas avoir besoin d'exécuter du JavaScript pour voir votre contenu principal.
Les données structurées sur mobile doivent correspondre à celles de l'ordinateur
Les robots d'IA extraient les données structurées (balisage schema) de vos pages pour comprendre de quoi vous parlez. Ils s'en servent pour identifier des entités, vérifier des faits et comprendre des relations.
Si votre version mobile n'inclut pas les mêmes données structurées que votre version ordinateur, les robots voient des informations incomplètes. Une page produit peut avoir le schema de prix sur ordinateur mais pas sur mobile. Un article peut inclure le schema d'auteur sur ordinateur et le retirer sur mobile pour gagner de la place.
Incluez toujours toutes les données structurées sur les deux versions de votre site. Si vous devez masquer des éléments décoratifs sur mobile, faites-le. Mais ne masquez pas le schema. Le schema est de toute façon invisible pour les utilisateurs, donc l'inclure sur mobile ne prend aucune place.
Performance d'affichage mobile et taux de citation
Des études montrent un lien direct entre la vitesse d'un site et les taux de citation par l'IA. Les pages qui se chargent vite sont citées plus souvent. L'effet est plus fort sur mobile, car les réseaux mobiles sont le goulot d'étranglement.
Une page qui se charge en 1,5 seconde sur mobile est citée plus souvent que la même page chargée en 4 secondes. La différence ne tient pas seulement à l'expérience utilisateur (même si elle compte aussi). Elle tient aussi à l'accès du robot. Les pages plus rapides se chargent plus complètement dans le délai du robot. Le robot voit plus de contenu, extrait plus d'informations et comprend mieux la page.
Optimiser les images pour la vitesse mobile
L'optimisation des images est l'un des plus gros gains possibles. Des images lourdes et non optimisées ralentissent fortement les pages mobiles. Les images au format WebP se chargent 35 % plus vite que les JPEG. Le chargement différé des images (elles ne se chargent que quand on en a besoin) accélère le chargement initial. Servir les images depuis un CDN proche de l'utilisateur réduit nettement le temps de chargement.
Erreurs mobiles courantes qui bloquent les robots d'IA
Votre site peut être adapté au mobile et pourtant empêcher les robots d'accéder au contenu. Voici les erreurs les plus graves :
Cacher du contenu derrière des éléments interactifs
Le contenu placé dans des onglets, des accordéons ou des carrousels qu'il faut cliquer pour les déplier est techniquement explorable, mais pèse moins. Si votre mise en page mobile cache 50 % de votre contenu dans des onglets, le robot le voit en entier, mais les systèmes d'IA le traitent comme une information secondaire.
Retirer du contenu de la version mobile
Certains sites servent des versions mobiles plus simples qui omettent les explications détaillées. Cela économise de la bande passante mais réduit l'accès des robots. Ne le faites pas. Servez le même contenu sur les deux types d'appareils.
Défilement infini sans pagination
Les pages qui chargent du contenu au fil du défilement utilisent du JavaScript pour récupérer d'autres éléments. Les robots ne font pas défiler la page. Ils chargent la page une fois et analysent ce qu'ils reçoivent. Pour un robot, un défilement infini ressemble à une page courte, sauf si vous fournissez des liens de pagination ou un bouton de page suivante qu'il peut trouver.
Pop-ups et fenêtres superposées intrusifs
Les pop-ups qui recouvrent le contenu ou qu'il faut fermer avant de lire sont mauvais pour les utilisateurs et pour les robots. Ils peuvent bloquer l'accès au contenu principal. Utilisez-les avec parcimonie, et ne bloquez jamais un contenu essentiel derrière eux.
Bloquer les images ou les ressources pour les robots d'IA
Votre fichier robots.txt ou vos règles de user-agent peuvent empêcher la diffusion des images à certains robots. Si les images ne se chargent pas, les robots passent à côté du texte alternatif et des données structurées des images. Autorisez tous les robots à accéder aux images et aux ressources (sauf raison précise de ne pas le faire).
Balise meta viewport incorrecte
La balise meta viewport indique aux navigateurs et aux robots comment gérer la largeur de la page. Si votre page mobile n'a pas la bonne déclaration viewport, les robots comme les navigateurs auront du mal à l'afficher correctement.
Tester l'accès des robots d'IA à votre site mobile
Vous ne pouvez pas supposer que votre site mobile est explorable. Testez-le.
Vérifier l'affichage dans Google Search Console
Utilisez la version mobile de Google Search Console pour repérer les problèmes d'affichage. Google vous montre comment Googlebot voit vos pages mobiles. Cherchez le contenu manquant, les images cassées ou le JavaScript qui échoue.
Tester la vitesse de page sur mobile
Testez la vitesse de page sur mobile avec PageSpeed Insights, en sélectionnant le mobile. Visez des scores verts (90 et plus) pour le LCP, le FID et le CLS. Testez le temps de chargement sur un vrai réseau mobile (pas sur le Wi-Fi de votre bureau). Les sites devraient se charger en moins de 3 secondes en 4G.
Vérifier à la main la visibilité du contenu
Ouvrez votre site sur un vrai appareil mobile (ou utilisez l'émulation d'appareil de Chrome). Parcourez vos pages. Vérifiez que rien d'important n'est masqué, supprimé ou caché derrière une interaction. Posez-vous la question : un robot verrait-il ce contenu sans cliquer, toucher ou faire défiler ?
Tester avec des robots mobiles
Si possible, testez avec des robots qui simulent le mobile. Certains outils SEO permettent d'explorer votre site avec les user-agents du Googlebot mobile. Vous voyez alors ce que le robot de Google voit sur mobile.
Questions fréquentes
Les robots d'IA voient-ils le même contenu mobile que les visiteurs humains ?
Les robots d'IA simulent des appareils mobiles pendant l'exploration, ils voient donc votre mise en page mobile et votre design responsive. Mais ils n'interagissent pas avec la page comme les humains. Ils ne cliquent pas sur les onglets, ne déplient pas les accordéons et ne font pas défiler pour charger plus de contenu. Si un contenu demande une interaction pour se charger, les robots peuvent le rater ou le juger moins important que le contenu visible immédiatement. Avec le créateur de site web de WEMASY, vous pouvez mettre cela en place directement sur votre site.
Que se passe-t-il si ma page mobile est lente ?
Les pages lentes dépassent le délai avant que les robots voient tout le contenu. Si votre page met plus de 5 secondes à se charger sur mobile, les robots peuvent finir leur traitement dans leur délai avant la fin du JavaScript ou du chargement des images. Ils obtiennent alors une vue incomplète de votre page. Cela influence la quantité d'informations qu'ils extraient et le poids que les systèmes d'IA donnent à votre contenu.
Puis-je servir un contenu différent sur mobile et sur ordinateur pour les robots ?
Vous pouvez avoir des designs et des mises en page différents sur mobile et sur ordinateur. Ce qu'il ne faut pas faire, c'est servir un contenu différent. Les Core Web Vitals et les données structurées doivent être identiques sur les deux versions. Tous les textes, images et informations importantes doivent apparaître sur les deux versions (ou être accessibles sans interaction). Servir une version mobile simplifiée qui omet du contenu signifie que les robots en voient moins.
Les onglets et accordéons masqués nuisent-ils à ma visibilité dans l'IA ?
Le contenu des onglets et des accordéons reste explorable, mais il pèse moins que le contenu immédiatement visible. Si vos informations les plus importantes sont cachées derrière des onglets sur mobile, les systèmes d'IA les voient mais les traitent comme secondaires. Pour une visibilité maximale, placez votre meilleur contenu en haut de la page, là où il se charge en premier et s'affiche sans interaction.
Comment tester si mon site mobile est adapté aux robots d'IA ?
Vérifiez l'affichage mobile dans Google Search Console pour voir comment Googlebot interprète vos pages. Testez la vitesse de page sur mobile avec PageSpeed Insights, en visant des scores Core Web Vitals de 90 et plus. Ouvrez votre site sur un vrai appareil mobile et vérifiez que tout le contenu important est visible sans clic ni défilement. Les robots ne voient que ce qui est immédiatement disponible ou se charge automatiquement dans leur délai.
Dois-je créer une version mobile séparée ou utiliser le design responsive ?
Utilisez le design responsive. Créer des sites mobile et ordinateur distincts (avec des contenus différents) perturbe les robots et oblige à gérer deux versions. Le design responsive adapte la mise en page aux différentes tailles d'écran tout en servant le même contenu et le même HTML. C'est plus simple à maintenir, meilleur pour les robots, et c'est l'approche que recommandent Google et les plateformes d'IA.