TechniqueGratuit

Compatible mobile

Verifie la balise meta viewport, le CSS adaptatif et la taille des zones tactiles. L'indexation mobile-first fait que les moteurs d'IA voient d'abord votre version mobile.

Pourquoi c'est important pour la visibilité IA

Google est passé à l'indexation mobile-first, ce qui signifie que ses robots évaluent la version mobile de votre page comme version principale. Google AI Overviews hérité de ce comportement - il extrait le contenu depuis l'index mobile-first. Si votre page ne s'affiche pas correctement sur mobile, les moteurs d'IA peuvent voir une mise en page cassée ou inutilisable et la déclasser. ChatGPT et Perplexity traitent les pages de manière similaire. Leurs robots s'attendent à ce que les pages déclarent leur compatibilité mobile via la balise meta viewport. Sans elle, les navigateurs rendent la page à une largeur de bureau (généralement 980 px) puis la réduisent, ce qui produit un texte illisible et des mises en page cassées qui signalent un site mal entretenu. La balise meta viewport est le signal mobile le plus important. Elle indique aux navigateurs et aux robots de rendre la page à la largeur réelle de l'appareil plutôt que de simuler un écran de bureau. Les pages qui n'ont pas cette balise sont considérées comme non compatibles mobiles par tous les grands moteurs d'IA, ce qui réduit leurs chances d'être citées dans les requêtes déclenchées sur mobile - et celles-ci représentent désormais la majorité des recherches.

Comment nous le mesurons

Le score repose entièrement sur la configuration de votre balise meta viewport, vérifiée sur une échelle de 0 à 10. L'absence complète de balise viewport vaut 0 - c'est un signal d'échec. La présence d'une balise viewport sans `width=device-width` vaut 4 (partiel), car la balise existe, mais est mal configurée. La présence de `width=device-width` sans `initial-scale=1` vaut 8 - c'est un succès, car le réglage critique de largeur est correct. La présence des deux, `width=device-width` et `initial-scale=1`, vaut un 10 parfait. Le point cle : `width=device-width` est la vérifie principale, et `initial-scale=1` est un raffinement secondaire. Un score de 7 ou plus est réussi, 4-6 est partiel, et 0-3 est un échec.
Découvrez votre score sur ce facteurAnalyser mon site

Comment s'améliorer

  • 1

    Ajoutez la balise viewport a chaque page

    Placez `<meta name="viewport" content="width=device-width, initial-scale=1">` dans la section `<head>` de votre HTML. Cette seule ligne vaut 10 points. Si vous utilisez un CMS ou un système de templates, ajoutez-la dans la mise en page globale pour que chaque page l'hérite automatiquement.

  • 2

    Incluez à la fois les propriétés width et initial-scale

    Définir uniquement `width=device-width` rapporte 8 points. Ajouter `initial-scale=1` vous donne les 10 points maximum. Les deux propriétés doivent toujours être présentées ensemble pour un rendu mobile correct sur tous les appareils et pour tous les robots d'IA.

  • 3

    Vérifiez les valeurs par défaut de votre CMS ou framework

    De nombreux frameworks modernes (Next.js, Nuxt, themes WordPress) incluent automatiquement la balise viewport. Vérifiez qu'elle est bien présente et correctement configurée plutôt que de le supposer. Inspectez le code source de votre page et cherchez "viewport" pour confirmer.

  • 4

    Évitez les valeurs de largeur viewport fixes

    Ne fixez jamais la largeur du viewport à une valeur en pixels comme `width=1024`. Cela force une mise en page de bureau sur mobile et ne rapporte que 4 points. Utilisez toujours `width=device-width` pour laisser le navigateur s'adapter à la taille réelle de l'écran.

Exemples de code

Balise meta viewport correcte

<meta name="viewport" content="width=device-width, initial-scale=1">

Configurations incorrectes courantes

<!-- Score 4 : width=device-width manquant -->
<meta name="viewport" content="width=1024">

<!-- Score 8 : initial-scale=1 manquant -->
<meta name="viewport" content="width=device-width">

<!-- Score 0 : aucune balise viewport -->

Questions fréquentes

Une simple balise meta viewport suffit-elle pour obtenir le score parfait ?

Pas tout à fait. Vous avez besoin à la fois de `width=device-width` et de `initial-scale=1` pour un 10 parfait. Avoir seulement `width=device-width` vaut 8 points. Une balise viewport avec une largeur fixe comme `width=1024` ne vaut que 4 points. L'absence totale de balise vaut zéro.

Cette vérifie teste-t-elle le vrai design adaptatif ou seulement la balise meta ?

L'analyseur vérifie uniquement la configuration de la balise meta viewport. Il ne teste pas les media queries CSS ni le comportement visuel du layout adaptatif. La balise viewport est le signal mobile le plus critique pour les robots d'IA, car elle détermine la façon dont la page est rendue pendant le crawl.

Pourquoi une balise viewport manquante vaut-elle 0 et non un score partiel ?

Sans la balise meta viewport, les navigateurs mobiles rendent la page à la largeur de bureau, puis la réduisent. Les robots d'IA interprètent cela comme une page non compatible mobile, ce qui constitue un problème fondamental de compatibilité. Il n'y a pas de crédit partiel, car l'absence de cette balise représente une absence complète de déclaration de support mobile.

Facteurs associés

Technique

Page Speed

Technique

Meta Tags Quality

Technique

JavaScript Rendering Dependency

Vérifiez votre score GEO

Lancez une analyse gratuite de votre site et découvrez votre score sur les 52 facteurs.

Analyser mon site