Bloc en dehors de la colonne

Pourquoi c'est important

Un site qui s'aligne sur une grille semble calme et digne de confiance. Un bloc qui commence un peu plus à gauche ou se termine un peu plus à droite donne à la page un aspect désordonné, même si les visiteurs ne peuvent pas dire pourquoi. Sur un téléphone, le texte qui touche le bord de l'écran est également difficile à lire.

Comment Snaglist le vérifie

Snaglist ouvre la page d'accueil et un échantillon d'autres types de pages sur un téléphone (390 pixels) et un grand écran (1440 pixels). La colonne du site est le bord gauche du texte qui revient sur presque toutes les pages, comme l'en-tête et le pied de page. Le bord droit lui fait miroir, sauf si le site lui-même est plus large. Un bloc en dehors de cette colonne est signalé, sauf s'il remplit l'écran, touche délibérément le bord de l'écran ou est délibérément plus large au milieu. Les calques fixes, les sliders et les parties cachées ne comptent pas.

Snaglist signale ceci comme une information. Cela coûte 5 % de la page dans le score de santé. Bon à savoir, et parfois un choix délibéré.

Causes fréquentes

• Une section avec son propre padding au lieu du conteneur du site
• Une marge négative qui tire un bloc en dehors de la colonne
• Un bloc stylisé séparément dans un constructeur de page
• Des cartes ou une grille qui s'étendent sur toute la largeur alors que le texte au-dessus ne le fait pas

Comment le corriger

1. Regardez le bloc nommé par Snaglist et comparez ses bords avec la colonne dans le rapport.
2. Placez-le dans le même conteneur que le reste de la page, ou donnez-lui la même marge latérale.
3. Vérifiez à nouveau la page après le prochain crawl.

Présentation dans le rapport

Dans le rapport pour votre client, ceci apparaît sous le titre « Certains éléments ne s'alignent pas avec votre site ». Lorsque tout est en ordre, le rapport indique : « Tout s'aligne avec la colonne du site ».