Ce que c'est
Cette vérification concerne la même balise meta viewport expliquée de façon plus technique dans notre autre guide sur le viewport, mais sous l'angle de ce que vit réellement un visiteur mobile : sans elle, le navigateur d'un téléphone suppose que la page est conçue pour un écran de bureau bien plus large et rétrécit le tout pour que ça tienne, ce qui donne un texte minuscule et difficile à lire et une mise en page qui oblige à pincer et défiler constamment juste pour lire normalement.
Pour la plupart des sites aujourd'hui, en particulier ceux qui ont déjà un vrai design responsive intégré, c'est purement un problème de configuration manquante plutôt qu'un problème de conception — le design responsive existe, il n'a simplement jamais l'occasion de s'activer.
Pourquoi c'est important
Sur la plupart des sites web aujourd'hui, les visiteurs mobiles représentent plus de la moitié du trafic total, donc un problème de rendu mobile aussi fondamental n'est pas un cas marginal — il affecte très souvent la majorité de toutes les personnes qui visitent le site. Un visiteur qui atterrit sur une page qui paraît cassée, compressée et difficile à naviguer sur son téléphone est nettement plus susceptible de partir immédiatement plutôt que de lutter en pinçant et zoomant pour lire un texte de taille normale.
Comme ce problème précis est si visuellement évident dès qu'on le vérifie (il suffit d'ouvrir le site sur un téléphone), c'est aussi l'une des choses les plus rapides à confirmer comme corrigées une fois le réglage sous-jacent réparé.
Comment le corriger
- Ouvre ton site sur un vrai téléphone, ou utilise l'aperçu mobile/la barre d'appareils intégrée à ton navigateur (généralement disponible dans les outils de développement).
- Si la page ressemble à une mise en page de bureau rétrécie plutôt qu'à une mise en page mobile correctement dimensionnée, ce réglage en est très probablement la cause.
- Consulte notre guide technique sur le viewport pour la correction exacte du code — une seule balise
<meta name="viewport">résout cela dans pratiquement tous les cas. - Si tu utilises un créateur de site, c'est réglé automatiquement par la plateforme dans presque tous les cas — une vue mobile cassée là-bas pointe généralement plutôt vers un extrait de code personnalisé qui interfère.
- Revérifie la page sur un téléphone après la correction pour confirmer que le texte et la mise en page ont désormais une taille correcte, sans besoin de zoomer.