Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
UX / UI Impact critique Facile 2 minutes

Fenêtre / affichage mobile

La méta-fenêtre garantit un affichage correct sur mobile.

Ce que c’est

La balise méta viewport indique au navigateur comment adapter la page à la largeur de l'appareil. Sans cela, le mobile s'affiche à la largeur du bureau et tout est "minuscule et zoomé".

Pourquoi c’est important

Google indexe d'abord le mobile : il évalue principalement la version mobile. Sans une fenêtre d'affichage correcte, le site échoue au test d'utilisabilité mobile, ce qui diminue directement le classement, puisque la plupart des visites proviennent d'un mobile.

Comment faire

  1. 1Ajoutez la balise méta de la fenêtre d'affichage standard à <head>.
  2. 2Ne désactivez pas le zoom (maximum-scale=1 / user-scalable=no) — cela nuit à l'accessibilité.
  3. 3Vérifiez que le contenu ne déborde pas horizontalement et que les boutons sont suffisamment grands (voir l'audit UX).

Exemple

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

Conclusion

Une seule ligne dans la tête, mais essentielle pour un monde axé sur le mobile. Sans cela le site est pratiquement inutilisable sur mobile et Google le pénalise lourdement. Après le déploiement, testez sur un vrai téléphone et dans l'outil d'ergonomie mobile.

Sujets liés