RWD — co oznacza skrót?

Każda osoba, która działa w sieci, z pewnością spotkała się z terminami SEO  i pozycjonowanie, które odznaczają działania on-page i off-page, ukierunkowane na optymalizację witryny co ma przełożyć się na jej lepszą ocenę przez boty wyszukiwarek. Ma to oczywiście skutkować wyższą pozycją w SERP-ach. Od pierwszego kwartału 2015 roku algorytm Google ocenia strony również pod kątem RWD. Co to znaczy?

RWD — co to oznacza?

RWD (responsive web design) jest technologią projektowania responsywnych stron internetowych, które dzięki jednej implementacji są dostosowane do różnego rozmiaru ekranów, na jakich mają być wyświetlane. Jeżeli Twoja strona jest responsywna, jej wygląd i funkcje są dostosowane do większych ekranów komputerów oraz różnej wielkości ekranów urządzeń mobilnych (tablety, smartfony).

Responsive web design działa dzięki media queries, które rozpoznają wielkość okna przeglądarki i arkusz stylów lub przez skrypty JavaScript.

Responsywność strony = czytelność. Responsywna strona internetowa dostosowuje się do urządzenia i niezależnie od tego, gdzie jest wyświetlana, korzystanie z niej jest wygodne. Strona RWD jest łatwo dostępna dla wszystkich użytkowników Internetu i odpowiednio wyświetla się na ekranie tabletu, smartfona oraz komputera. Warto zwrócić też uwagę na to, że utrzymanie jednej strony jest o wiele bardziej opłacalne z ekonomicznego punktu widzenia, niż hostowanie wersji standardowej i mobilnej.

Jak sprawdzić, czy dana strona internetowa jest responsywna?

Obecnie tworzenie stron w technice RWD jest standardem. Od ponad dekady coraz częściej korzystamy z sieci przez smartfony. Pionierzy branży IT doskonale zdają sobie sprawę z rosnącego znaczenia ruchu mobile. Efektem tego jest np. wprowadzenie zmian w algorytmie Google poprzez implementację nowych składowych — Mobilegeddon, które sprawdzają, czy strona jest dostosowana do urządzeń mobilnych. Strony RWD spełniają ten wymóg.

Jak sprawdzić, czy strona internetowa jest responsywna? Najprostszym sposobem jest wyświetlenie jej na różnych urządzeniach np. komputerze i smartfonie. Najlepiej jednak wykonać test optymalizacji mobilnej za pomocą dedykowanego do tego narzędzia Google Search Console.

Na rynku znajdziemy też wiele płatnych narzędzi przeznaczonych do badania strony pod kątem RWD. Swój serwis WWW możesz również sprawdzić z poziomu wyszukiwarki. Jeżeli korzystasz z Chrome’a, wystarczy kliknąć prawym przyciskiem myszy i wybrać opcję „Zbadaj” w oknie dialogowym. W Firefox służy do tego skrót ctrl+shift+m.

Jak stworzyć stronę opartą o RWD — najważniejsze wskazówki

Projektując stronę w technologii RWD, należy pamiętać o kilku istotnych elementach:

• Odpowiedni rozmiar fontu — wielkość liter w tekście nie może być ani za duża — będzie to źle wyglądać na małych ekranach — ani za mała — tekst będzie nieczytelny na dużych ekranach.
• Rozmiar elementów — obiekty takie jak przyciski czy rozwijane menu nie mogą być za małe. Każdy przycisk powinien być łatwy do trafienia w niego palcem oraz kliknięcia kursorem myszy.
• Responsywne grafiki — czyli takie, które szybciej się wczytują i są lepiej skalowalne. Najlepiej, aby grafiki (zdjęcia nie) były w formacie SVG. Można korzystać też z takich formatów, jak.JPG i .PNG.

Strony RWD są przyjazne użytkownikom i wyżej oceniane przez algorytm Google. Jeśli chcemy nieco zwiększyć swoje szanse na wyświetlanie serwisu na pierwszej stronie wyników wyszukiwania, to zoptymalizowany serwis internetowy, który będzie wyświetlał czytelne treści nie tylko na desktopie, ale i na smartfonach, powinien być wdrożony jak najszybciej.