Strona szersza niż ekran

Dlaczego to ważne

Odwiedzający widzą pusty margines lub ucięty tekst, a strona chwieje się pod palcem. Google ocenia mobilną wersję witryny.

Jak Snaglist to sprawdza

Snaglist otwiera stronę główną w przeglądarce telefonu (iPhone 13, szerokość 390 pikseli) i porównuje szerokość strony z szerokością ekranu.

Częste przyczyny

• Obraz, film lub osadzony element o stałej szerokości
• Tabela, która nie mieści się na ekranie
• Blok z ujemnym marginesem lub szerokością 100vw plus padding
• Długie słowo lub adres, który nie łamie się

Jak to naprawić

1. Znajdź blok, który wystaje, np. za pomocą narzędzi deweloperskich przeglądarki przy szerokości telefonu.
2. Nadaj mu max-width: 100% lub ustaw overflow-x: clip na sekcji.
3. Sprawdź stronę ponownie po następnym crawlowaniu.