Aller au contenu
API Delivery
Avant de compter sur une fonctionnalité, consultez l'état des capacités.

GuidesRecherche et santé

Qualité du design

Analysez votre site web aux largeurs téléphone, tablette et ordinateur pour détecter les problèmes de mise en page, de contraste et d'étiquetage, et comparez chaque analyse à une référence acceptée.

Cette page a été traduite de l'anglais. En cas de divergence, la version anglaise fait foi. Lire en anglais

Atlas ouvre votre site web Development dans un vrai navigateur à 375, 768 et 1440 pixels de large, repère les problèmes de design et attribue à chaque analyse un score de 0 à 100. Il compare aussi les captures d’écran à une référence que vous acceptez, de sorte que les changements visuels inattendus ressortent.

  1. Ouvrez Search & health → Website health puis l’onglet Design quality.

  2. Cliquez sur Scan website. Atlas vérifie jusqu’à 5 pages. Si vous voyez No Development website address, ajoutez-la d’abord avec Open settings.

  3. Lisez les résultats sous Latest scan : Blockers, Warnings, Pages et Changed from baseline. Choisissez une Screen width et une Page pour voir les problèmes de cette page.

  4. Comparez côte à côte Baseline et This scan. Chaque problème s’accompagne d’une Suggested fix (not applied automatically).

  5. Lorsqu’une analyse vous semble correcte, cliquez sur Accept as baseline. Les analyses suivantes seront comparées à celle-ci.

  • Contenu plus large que l’écran, texte tronqué et éléments qui se chevauchent.
  • Cibles tactiles trop petites sur téléphone.
  • Texte avec un contraste insuffisant.
  • Boutons, liens et champs sans étiquette accessible.

Recent scans liste les analyses passées avec leur score, leur nombre de problèmes et l’indication qu’il s’agit ou non de la référence.

  • Une analyse à la fois par environnement, et jusqu’à 6 analyses par heure.
  • Site web Development uniquement.
  • Les corrections sont des suggestions ; Atlas ne modifie jamais votre site web.