Monthly Archive Listopad 2018

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.

 

Pozycjonowanie

Pozycjonowanie w rozumieniu działań poza stronę (off-page) w skrócie można opisać jako działania w zakresie link building, czyli wszystkiego co zmierza do pozyskiwania linków do witryny, dzięki którym będzie ona oceniana przez Google jako bardziej wartościowa.

Umiejscowienie, jakość witryny z której link pochodzi, ilość odnośników na tej stronie – i dziesiątki innych elementów wpływają na to jakie znaczenie temu odnośnikowi dla naszej strony nada Google. Poznaj najważniejsze składowe sukcesu.

Indeksowanie witryny odbywa się podczas wizyty robotów wyszukiwarek na danej stronie.

Robot odwiedzając stronę analizuje różne treści na stronie, jak i składnię znaczników, którymi ten tekst jest objęty. Roboty sieciowe kładą szczególny nacisk na treści wyróżnione semantycznie, dlatego warto uwzględnić ich używanie w najważniejszych miejscach strony.

Robot jest specjalnym programem, który firma prowadząca wyszukiwarkę uruchamia i nakierowuje na stronę o dużej zawartości zewnętrznych linków. Najczęściej jest to katalog stron faworyzowany przez daną wyszukiwarkę. W przypadku najpopularniejszej wyszukiwarki, wykorzystywany w wielu momentach jest katalog dmoz.org. Tak samo jest często w przypadku wstawiania opisu strony w wynikach wyszukiwania.

Indeksowanie witryny powoduje zapisanie w bazie wyszukiwarki naszej witryny pod przeanalizowanymi frazami. Ustalana jest pozycja w wynikach organicznych. Na obrazku poniżej zaznaczono podział na wyniki organiczna (niebieskie) oraz wyniki sponsorowane (czerwone).

 

Celem pozycjonowania jest pozyskanie dla swojej strony jak najlepszej pozycji na atrakcyjne dla nas frazy, z którymi chcielibyśmy być kojarzeni. W tym rozdziale poznamy różnorakie metody pozyskiwania linków, dzięki którym zyskamy w szybkim czasie atrakcyjne odwołania do naszej strony, co przełoży się nie tylko na jej pozycję, ale i być może na dodatkowy ruch.

Z tego, co przeczytałeś w rozdziale o indeksacji wiesz, że duża ilość linków powoduje częstsze odwiedzanie przez wyszukiwarkę. To w pozytywnym założeniu jest prawdziwa teza, o ile nie zyskujemy zbyt szybko linków. Google może nabrać podejrzeń, co do strony, która tydzień po zaistnieniu w sieci zyskuje nagle kilkadziesiąt tysięcy linków. Pamiętaj, zatem że uruchamiając swoją stronę być ostrożnym z przegrzewaniem jej – napychaniem i generowaniem zbędnego ruchu na siłę.

Algorytmy wyszukiwarek coraz lepiej, lecz wciąż niedoskonale starają się rozpoznawać linki naturalne, pochodzące z prawdziwego polecenia od tych, które staramy się zyskać masowo w celu budowania pozycjina wyznaczone sobie frazy. W związku z tym powstają coraz nowsze i budzące mniej podejrzeń sposoby zdobywania linków, tak by roboty wyszukiwarek uznały je za naprawdę wartościowe.

EnglishGermanPolish