Blok poza kolumną

Dlaczego to ważne

Witryna dopasowana do jednej siatki wygląda spokojnie i wzbudza zaufanie. Blok, który zaczyna się trochę bardziej po lewej lub kończy trochę bardziej po prawej, sprawia, że strona wygląda niechlujnie, nawet gdy odwiedzający nie potrafią powiedzieć dlaczego. Na telefonie tekst biegnący do krawędzi ekranu również źle się czyta.

Jak Snaglist to sprawdza

Snaglist otwiera stronę główną i próbkę innych typów stron na telefonie (390 pikseli) i szerokim ekranie (1440 pikseli). Kolumna witryny to lewa krawędź tekstu, który powtarza się na prawie każdej stronie, np. nagłówek i stopka. Prawa krawędź jest jej lustrzanym odbiciem, chyba że sama witryna jest szersza. Blok poza tą kolumną jest zgłaszany, chyba że wypełnia ekran, celowo dochodzi do krawędzi ekranu lub jest celowo szerszy w środku. Stałe warstwy, suwaki i ukryte części nie są liczone.

Snaglist zgłasza to jako uwagę. W ocenie kondycji strony kosztuje 5% punktów. Warto wiedzieć, czasem to świadomy wybór.

Częste przyczyny

• Sekcja z własnym paddingiem zamiast kontenera witryny
• Ujemny margines, który wyciąga blok poza kolumnę
• Osobno stylizowany blok w kreatorze stron
• Karty lub siatka biegnące na pełną szerokość, podczas gdy tekst nad nimi nie

Jak to naprawić

1. Spójrz na blok wskazany przez Snaglist i porównaj jego krawędzie z kolumną w raporcie.
2. Umieść go w tym samym kontenerze, co reszta strony, lub nadaj mu ten sam margines boczny.
3. Sprawdź stronę ponownie po kolejnym skanowaniu.

Jak to wygląda w raporcie

W raporcie dla klienta to pojawia się pod nagłówkiem „Nie wszystko jest wyrównane do strony”. Gdy wszystko jest w porządku, raport wyświetla: „Wszystko jest wyrównane do kolumny strony”.