Co to są strony RWD - strony responsywne?

Co to są strony RWD – strony responsywne?

RWD – co to znaczy ?

Strony RWD to inaczej strony responsywne, wykonane w technologii RWD.

Skrót RWD pochodzi od ang. Responsive Web Design i oznacza technologię wykonywania stron responsywnych które dopasowują się do rozdzielczości ekranu na którym są wyświetlane.

Strony wykonane w technologii RWD dobrze wyglądają na różnych ekranach – od rużych monitorów Full HD komputerów stacjonarnych po małe ekrany telefonów, smartfonów. Oznacza to, że strony responsywne są tak samo użyteczne na wszystkich urządzeniach – komputerach stacjonarnych, laptopach, tabletach i smartfonach.

Wszystkie serwisy, sklepy i portale, które wykonujemy w naszej firmie realizowane są w technologii RWD – czyli jako strony responsywne.

Zalety stron RWD

  • Użyteczność – strony RWD wyglądają tak samo dobrze na różnych ekranach – komputerach stacjonarnych, tabletach i telefonach
  • Pozycjonowanie w wyszukiwarkach – technologia RWD jest obecnie stadnardem wspieranym i preferowanym przez wyszukiwarki internetowe i zajmują wyższe pozycje w wyszukiwarkach niż strony nieresponsywne lub korzystające z dedykowanych stron mobilnych
  • Spójność – strony responsywne strony prezentują te same treści na wszystkich urządzeniach – stacjonarnych i mobilnych
  • Utrzymanie – strony responsywne są tańsze w dalszym rozwoju, ponieważ rozwija się tylko jeden zestaw szablonów zamiast dwóch – jeden dla komputerów stacjonarnych i drugi dla urządzeń mobilnych.

RWD – test strony

Jak sprawdzić czy strona jest responsywna? To bardzo proste.

  • Można to zrobić w trybie dla twórców witryn np. w Firefox wciskając Ctrl + Shift + M, a następnie u góry wybierając dowolną rozdzielczość ekranu i zobaczyć jak wygląda strona w tej rozdzielczości.
  • Responsywność strony można również sprawdzić wykonując test optymalizacji mobilnej udostępy przez Google. Wystarczy wpisać adres swojej strony i poczekać na wyniki testu.

Strona mobilna a RWD

Wiele osób pyta czy strona mobilna i RWD to to samo.

Odpowiadając na to pytanie należy odpowiedziec najpierw co rozumiemy przez stronę mobilną.

Jeśli przez stronę mobilną rozumiemy serwis, który dobrze wygląda na telefonie czy tablecie, to z pewnością strony RWD są stronami mobilnymi.

Jeśli natomiast przez stronę mobilną rozumiemy stronę dedykowaną dla urządzeń mobilnych, która dostępna jest pod osobnym adresem URL np. https://m.onet.pl – to strony RWD nie są stronami mobilnymi w takim znaczeniu, gdyż strony responsywne dostępne są zawsze w tym samym adresie URL, gdyż technologia RWD nie wymaga zmiany adresu URL.

Strona responsywna przykład

Strona responsywna na komputerze

Strona responsywna w komputerze

Strona reponsywna na komputerach stacjonarnych z reguły wykorzystuje cały obszar monitora.

Z reguły strony reposnsywne na dużych monitorach nie mają pustych pasków po bokach, chyba że jest to celowe np. w przypadku prezentowania treści tekstowej. Strony główne responsywnych serwisów z reguły wykorzystują całą przestrzeń monitora.

Druga cecha stron responsywnych to wielkość poszczególnych elementów serwisu. Z reguły strona posiadają duże zdjęcia, nagłówki czy ikony, które dzięki swej wielkości są bardziej czytelne.

Strona responsywna na tablecie

Strona responsywna na tablecie

Strona responsywna na tablecie wygląda z reguły podobnie do tej na komputerze stacjonarnym.

Przeważnie wyświetlane są wszystkie elementy serwisu, które zostają odpowiednio przeskalowane do mniejszych rozmiarów.

Dodatkowo niektóre elementy mogą zostać zamienione w tzw. slidery, czyli obiekty w których treść nakłada się na siebie a dostęp do nich możliwy jest po rzesunięciu widocznego elementu w bok.

Slidery to bardzo popularne elementy stron responsywnych, które umożliwiają prezentowanie dużej ilości treści w prosty i czytelny sposób.

Strona responsywna przykład

Strona responsywna na komputerze

Strona responsywna w komputerze

Strona reponsywna na komputerach stacjonarnych z reguły wykorzystuje cały obszar monitora.

Z reguły strony reposnsywne na dużych monitorach nie mają pustych pasków po bokach, chyba że jest to celowe np. w przypadku prezentowania treści tekstowej. Strony główne responsywnych serwisów z reguły wykorzystują całą przestrzeń monitora.

Druga cecha stron responsywnych to wielkość poszczególnych elementów serwisu. Z reguły strona posiadają duże zdjęcia, nagłówki czy ikony, które dzięki swej wielkości są bardziej czytelne.

Strona responsywna na tablecie

Strona responsywna na tablecie

Strona responsywna na tablecie wygląda z reguły podobnie do tej na komputerze stacjonarnym.

Przeważnie wyświetlane są wszystkie elementy serwisu, które zostają odpowiednio przeskalowane do mniejszych rozmiarów.

Dodatkowo niektóre elementy mogą zostać zamienione w tzw. slidery, czyli obiekty w których treść nakłada się na siebie a dostęp do nich możliwy jest po rzesunięciu widocznego elementu w bok.

Slidery to bardzo popularne elementy stron responsywnych, które umożliwiają prezentowanie dużej ilości treści w prosty i czytelny sposób.

Strona responsywna na telefonie

Strona responsywna na telefonie

Telefon to obecnie najmniejsze a jednocześnie najbardziej popularne urządzenie do przeglądania stron www.

W stronach responsywnych na telefonach pewne elementy serwisu są ukrywane a inne wyświetlane w inny sposób. Przykładowo menu nawigacyjne prezentowane jest z reguly w postaci ikonki hamburgera, rozwijane po kliknięciu.

Podobnie dostęp do innych elementów nawigacyjnych, jak wyszukiwarka czy koszyk w sklepach internetowych prezentowane są jako ikonki.

Podobnie jak na tabletach, na telefonach również treści z reguły zamieniane są na slidery, dzięki czemu można je przeglądać poprzez przesuwanie w bok wykonując tzw. swipe.

 

Leave a Reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *







EnglishGermanPolish