SEOMaster
RWD (responsywność) (RWD)
Strona dopasowująca się do każdego ekranu.
Co to jest RWD (responsywność)?
RWD (Responsive Web Design) to podejście, w którym jeden kod strony dopasowuje swój układ do szerokości ekranu — od telefonu, przez tablet, po duży monitor. Osiąga się to elastycznymi siatkami i regułami CSS (media queries).
Dziś to standard i czynnik SEO: Google indeksuje przede wszystkim wersję mobilną (mobile-first), więc strona musi być wygodna na małym ekranie.
Dlaczego to ważne dla SEO
Większość ruchu jest mobilna, a Google ocenia głównie wersję mobilną. Strona, która nie jest responsywna, traci użytkowników i pozycje.
Jak to sprawdzić
Zmień szerokość okna albo użyj trybu urządzeń w narzędziach deweloperskich. Sprawdź czytelność i klikalność na telefonie. SEOMaster ocenia sygnały mobilne.
Częste błędy
- Tekst i przyciski za małe na telefonie
- Układ „rozjeżdżający się” na wąskich ekranach
- Oddzielna, gorsza wersja mobilna zamiast jednego responsywnego kodu
Przykład
@media (max-width: 600px) { … układ mobilny … }