Blocco fuori dalla colonna

Perché conta

Un sito allineato su una griglia sembra calmo e affidabile. Un blocco che inizia un po' più a sinistra o finisce un po' più a destra fa sembrare la pagina disordinata, anche quando i visitatori non sanno dire perché. Su un telefono, il testo che arriva fino al bordo dello schermo è anche difficile da leggere.

Come lo controlla Snaglist

Snaglist apre la homepage e un campione di altri tipi di pagina su un telefono (390 pixel) e uno schermo largo (1440 pixel). La colonna del sito è il bordo sinistro del testo che si ripete su quasi ogni pagina, come l'intestazione e il footer. Il bordo destro lo rispecchia, a meno che il sito stesso non sia più largo. Viene segnalato un blocco fuori da quella colonna, a meno che non riempia lo schermo, non arrivi intenzionalmente al bordo dello schermo o non sia deliberatamente più largo al centro. Livelli fissi, slider e parti nascoste non vengono conteggiati.

Snaglist segnala questo come nota. Penalizza il 5% della pagina nel punteggio di salute. Buono a sapersi, a volte è una scelta intenzionale.

Cause frequenti

• Una sezione con il proprio padding invece del container del sito
• Un margine negativo che tira un blocco fuori dalla colonna
• Un blocco stilizzato separatamente in un page builder
• Carte o una griglia che occupano tutta la larghezza mentre il testo sopra no

Come risolverlo

1. Guarda il blocco che Snaglist nomina e confronta i suoi bordi con la colonna nel report.
2. Mettilo nello stesso container del resto della pagina, o dagli lo stesso margine laterale.
3. Controlla di nuovo la pagina dopo la prossima scansione.

Come appare nel report

Nel report per il tuo cliente appare sotto il titolo "Non tutto è allineato al tuo sito". Quando tutto è a posto, il report riporta: "Tutto è allineato alla colonna del sito".