Responsywność strony www, inaczej mówiąc RWD (Responsive Web Design), czyli dopasowanie strony do różnej rozdzielczości ekranów.
Strona internetowa powinna dobrze wyświetlać się na różnych ekranach – monitorach, laptopach, tabletach i smartfonach. Cała jej treść powinna być dobrze widoczna i czytelna na wszystkich tych urządzeniach. Stare strony, które są nieresponsywne, nie dopasowywały się do ekranu. Przeglądając je np. na smartfonie widzimy taką samą stronę jak na ekranie laptopa, przez co korzystanie z niej jest bardzo utrudnione (czasem nawet niemożliwe).
Aktualnie responsywne strony to już norma. Już ponad połowa osób przegląda strony za pomocą smartfona, dlatego tak ważne jest, aby Twoja strona prawidłowo wyświetlała się na urządzeniach mobilnych.
Jeśli masz na swojej stronie podpięte Google Analytics (powinieneś ;)), to możesz tam sprawdzić ile osób wchodzi na Twoją stronę przez dane urządzenie. W menu głównym GA wybierz Odbiorcy > Ruch mobilny > Przegląd, u góry wybierz zakres dat i zobaczysz ile faktycznie osób wchodzi na Twoją stronę za pomocą komputera, tableta i smartfona.
Jak widać, na moim drugim blogu ponad 67% użytkowników przegląda stronę na urządzeniach mobilnych (z czego ponad 66% na smartfonie).
Jak sprawdzić czy moja strona jest responsywna?
W przeglądarkach znajdują się specjalne narzędzia do sprawdzania tego, jak strona wyświetla się na ekranach o innych rozdzielczościach.
Na przykład korzystając z Firefoxa, będąc na stronie, którą chcemy sprawdzić, wystarczy kliknąć Ctrl + Shift + M (Windows) lub Cmd + Opt + M (MacOS) – strona pojawi się w okienku, którego wielkość możemy dowolnie zmieniać.
Innym sposobem sprawdzenia czy strona jest responsywna są narzędzie przeglądarkowe. Wystarczy wkleić adres swojej strony w takim narzędziu, a ono powie nam czy strona jest zgodna z RWD. Takim narzędziem jest np. test optymalizacji mobilnej od Google. Zaś na stronie ami.responsivedesign.is po podaniu adresu swojej strony, zobaczycie jej podgląd na żywo na 4 różnych urządzeniach.
Responsywny motyw WordPress
Szukając szablonu do swojej strony www warto sprawdzić czy na pewno dobrze wyświetla się on na różnych urządzeniach. Responsywność jest już teraz normą, ale zawsze warto to sprawdzić przed zakupem motywu. Możecie skorzystać z powyższych narzędzi lub po prostu przeglądnąć motyw na laptopie, tablecie i smartfonie.
Strony z dużą ilością grafik, animacji i innych bajerów czasem wyglądają całkiem inaczej na smartfonie niż na monitorze – niektóre elementy trzeba ukryć, niektóre przesunąć w inne miejsca. Różni się też oczywiście menu. Warto mieć to na uwadze wybierając motyw.
Dlaczego strona powinna być responsywna?
Chyba najbardziej oczywistą zaletą strony responsywnej jest to, że odwiedzający mogą z niej komfortowo korzystać na każdym urządzeniu. Jeśli strona nie jest dopasowana do danego urządzenia i odwiedzający nie może z niej wygodnie otrzymać informacji, w większości wypadków po prostu wyjdzie ze strony.
Oprócz tego wpływa to również na jej pozycjonowanie – strony, które nie są responsywne są niżej w wynikach wyszukiwania.
Jeśli Twoja stara strona internetowa nie jest responsywna – zmień to jak najszybciej i nie trać klientów! Napisz do mnie – coś poradzimy 🙂
