RWD vs Desktop – dlaczego identyczne strony wyglądają inaczej i czy mobilne wersje witryn zawsze są korzystne?
5 czerwca 2020
Do napisania tego artykułu skłoniła nas jedna z rozmów z naszym Klientem, który nie mógł zrozumieć, dlaczego wersja mobilna (RWD) jego nowej strony wygląda inaczej niż wersja desktop (wyświetlana na laptopie/komputerze stacjonarnym). Postaramy się przybliżyć całą historię i przeanalizować trend RWD, wysnuwając, jak się okazało, nieoczywiste wnioski. Pokażemy także statystyki wejść z poszczególnych urządzeń, aby uświadomić Wam, że RWD to nie takie złoto, jak piszą o nim wszyscy specjaliści. Zainteresowani? Zapraszamy do lektury.
Czym właściwie jest RWD i Desktop?
Aby każdy mógł w identycznym stopniu zrozumieć przekaz naszego artykułu, najpierw musimy wyjaśnić kluczowe pojęcia związane ze stylem budowy i wyświetlania stron.
RWD to skrót od Responsive Web Design i oznacza responsywność strony. Przejawia się ona możliwością automatycznego dopasowania do ekranu, na którym jest wyświetlana – bez żadnej dodatkowej ingerencji internauty czy właściciela/twórcy strony. W praktyce oznacza to, że strona projektowana i budowana jest tak, aby inaczej wyświetlać się na telefonach lub tabletach a inaczej na laptopach, komputerach stacjonarnych czy innych większych ekranach (na przykład telewizorach). Oczywiście w obu przypadkach strona musi być czytelna i zachowywać kluczowe treści czy grafiki.
Wersja Desktop to wersja tradycyjna, wyświetlana tylko na laptopach lub większych ekranach. Jest to domyślny design strony, który nie przycina grafik, nie deformuje zdjęć i nie zmienia położenia tekstu na stronie.
Najważniejsze różnice między RWD a Desktop
Jak wspomnieliśmy na początku, jeden z naszych Klientów z branży budowlanej nie mógł zrozumieć, dlaczego na stronie w wersji Desktop wykonaliśmy ładny slider prezentujący jego usługi, natomiast ten sam slider nie wyświetla się po wejściu na stronę z urządzenia mobilnego. Ponadto Klient spostrzegł, że wiele zdjęć przestało wyświetlać się w wysokiej rozdzielczości, zniknęło menu a sam tekst został nieco inaczej ułożony.
Klient tym samym wypunktował wszystkie najważniejsze różnice między wersjami RWD a Desktop. Przede wszystkim w wyniku ograniczeń sprzętowych i faktu, że strony wyświetlane mobilnie muszą być o wiele lżejsze, nie zawsze dobre jest zastosowanie sliderów i wielu modułów do prezentacji grafik. Same zdjęcia i materiały graficzne również skalowane są do mniejszej rozdzielczości, aby witryna była jak najlżejsza i wczytywała się możliwie szybko (chodzi o oszczędność transferu). Menu w wersji RWD musi być ukryte w pasku, który rozwija się po kliknięciu w ekran. Jeżeli chodzi o ułożenie tekstów, cała strona w wersji mobilnej musi przypominać listę. Dlatego jeżeli w wersji Desktop mamy ładnie ułożony tekst i zdjęcia w blokach (to naturalny sposób budowy stron, który gwarantuje odpowiednią prezencję treści), w wersji mobilnej wszystkie ułożenia przestają mieć znaczenie – mobilna wersja wyświetli treści i zdjęcia według hierarchii, bez dodatkowych możliwości zmian.
RWD mocno zniekształca strony i powoduje, że każda witryna wygląda niemal identycznie (czego w SEO Factor nie lubimy, jednak z racji technologii nie możemy nic z tym zrobić). Rezygnacja z tła, wyświetlanie stron jako list, mniejsze grafiki i wiele więcej – to przykładowe różnice między wersją mobilną a desktopową. Warto jednak podkreślić, że RWD nie zmienia treści tekstów czy nie ogranicza działania modułów sklepowych – nie musimy się obawiać, że na stronie w wersji mobilnej wyświetli się inna cena produkty czy inny opis niż na stronie w wersji tradycyjnej. Różnice są w wyglądzie (narzucone przez technologię i sam charakter urządzeń mobilnych) i chociaż nie są kosmetyczne, nie powodują, że witryna nie jest zdatna do użytku (na urządzeniach mobilnych to jedyny sposób poprawnego i akceptowalnego wyświetlenia serwisu i jego zawartości). Po prostu nie wygląda tak, jak wersja desktop i nie jest w stanie wyświetlić niektórych rozwiązań technologicznych – należy mieć tego świadomość.
Czy muszę mieć stronę RWD?
Jeszcze kilka lat temu w sieci spotkać można było tylko wersje desktop stron. Nagły postęp technologiczny w sferze telefonów komórkowych i tabletów wymusił na właścicielach stron konieczność implementacji witryn obsługujących RWD. Samo Google wręcz nakazuje, aby nowo budowane witryny były responsywne. Dlaczego nie warto tego ignorować? Google oznacza strony internetowe w wynikach wyszukiwania jako te nieprzyjazne i niepoprawnie wyświetlające się na smartfonach (dotyczy tylko mobilnych wyników wyszukiwania). Nie byłoby z tym problemu, gdyby nie fakt, że według badań już ponad połowa internautów z całego świata codziennie korzysta z Internetu właśnie za pomocą urządzeń mobilnych. To wygodne, dzięki technologii LTE/5G możliwe niemal w każdym miejscu i po prostu poręczne.
Tutaj jednak nie każdy w badaniach podkreśla, że nie we wszystkich branżach RWD jest kluczowe – tym sposobem przechodzimy do meritum naszego artykułu.
Statystyki wyświetleń dla stron z różnych branż
Google szumnie oznajmia, że w roku 2019 wyrównał się współczynnik wyświetleń dla wersji mobilnych i tradycyjnych (50/50). W ciągu kilku lat rynek mobilny dogonił tradycyjny sektor desktopowy a w roku 2020 i kolejnym sektor mobilny ma prześcignąć tradycyjny sposób wyświetlania stron. Niestety w oficjalnych statystykach zawsze pomijane są ważne dane, jak chociażby fakt, że w wielu przypadkach ilość odwiedzin mobilnych generowana jest przez ludzi młodych, którzy żyją w erze mobile i nie wyobrażają sobie przeglądania Internetu w inny sposób. Zapomina się natomiast o tym, co tak naprawdę buduje codzienność, czyli branżach przemysłowych, transporcie czy budownictwie – tu grupa odbiorców woli skorzystać z tradycyjnej wersji desktop strony, gdyż to właśnie tam może w pełnej okazałości zapoznać się z materiałami, zdjęciami czy treścią. To kluczowe, gdy w grę schodzą poważne inwestycje.
Tego samego nie można powiedzieć o branży rozrywkowej – w tej zdecydowanie dominują mobilne wersje stron. Potwierdza to tezę, że młodsza grupa docelowa z racji stylu życia i innego podejścia do codzienności woli przeglądać Internet za pomocą smartfonów, natomiast starsi odbiorcy i osoby, które podejmują kluczowe decyzje w biurach – preferują wersję desktop, gdyż gwarantuje ona poprawność wyświetlania materiałów bez zniekształceń. Oczywiście starsze osoby również mogą korzystać z wersji RWD, ale zwykle robią to tylko po to, aby potwierdzić kluczowe informacje lub będąc poza biurem w szybki sposób znaleźć dane kontaktowe.
Wyjątkiem od tej reguły są sklepy internetowe – wiele osób, zarówno młodych i starszych woli szukać produktów za pomocą telefonu. Oczywiście statystyki dotyczą głównie zakupów na mniejszą skalę, niemniej w handlu trend RWD jest mocno zauważalny, co potwierdza tylko regułę, że sklepy online muszą być RWD. Przyczyniły się do tego także banki i systemy płatności, które promują zakupy online za pomocą telefonów (liczne aplikacje lub uwierzytelnianie przez smartfon), co jest po prostu wygodne. Nadal jednak poważniejsze zakupy na większe kwoty wolimy dokonywać tradycyjną metodą, przez strony w wersji desktop.
Nasze wnioski potwierdzają statystyki wyświetleń. Oto procentowy udział urządzeń dla poszczególnych stron z różnych branż:
Przykład wejść na stronę SEOfactor.co.uk (tworzenie stron, pozycjonowanie, grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 65.5%
Mobile: 33.8%
Tablet: 0.7%
Przykład wejść dla firmy, oferującej usługi budowlane (grupa docelowa 35+) (ostatnie 365 dni).
Desktop: 55.2%
Mobile: 43.2%
Tablet: 1.6%
Przykład wejść dla firmy oferującej montaż okien (grupa docelowa 35+) (ostatnie 365 dni).
Desktop: 60.5%
Mobile: 35.8%
Tablet: 3.7%
Sklep internetowy - branża motoryzacyjna (grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 19.3%
Mobile: 77.8%
Tablet: 2.9%
Przykład wejść dla firmy oferującej skup samochodów (grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 27.4%
Mobile: 60.0%
Tablet: 12.6%
Przykład wejść dla strony rozrywkowej i lifestyle (grupa docelowa 10+) (ostatnie 365 dni).
Desktop: 10.8%
Mobile: 73.9%
Tablet: 15.3%
Podsumowanie
Jak widać nie na każdej stronie RWD jest kluczowe. Branże przemysłowe, budowlane czy transportowe są niemałym wyjątkiem w ogólnych statystkach przydatności RWD. Nie zrozumcie nas źle, żaden właściciel strony nie może ignorować postępu technologicznego i społecznego, którego efektem jest pojawienie się RWD. Dlatego my w SEO Factor nigdy nie doradzimy Klientowi, aby zrezygnował z mobilnej wersji strony.
Przez ponad 14 lat pracy w branży Web stworzyliśmy setki stron, byliśmy świadkami zmian technologicznych, nowych funkcji czy standardów internetowych (do takich można zaliczyć RWD) i wiemy, jak ważny jest rozwój. Wiedząc, że rynek internetowy obecnie bardzo mocno podzielił się na internautów korzystających z sieci mobilnej i w tradycyjny sposób, nie mielibyśmy sumienia tworzyć naszym Klientom stron, które nie są przyjazne RWD. Jednocześnie chcemy, aby każdy miał świadomość, że RWD nie zawsze będzie kluczowe – dowiedliśmy, że są branże i grupy odbiorców, które po prostu preferują tradycyjną wersję strony.
RWD to wymóg współczesnych czasów i trendów, jakie panują (wszędobylskie smartfony, zwiększone tempo życia i chęć bycia mobilnym). Zamykanie się na tę technologię to zły pomysł, nawet dla branży, w której RWD nie jest kluczowe. Nigdy bowiem nie wiemy, czy jakiś poważny kontrahent nie szuka kontaktu za pomocą tabletów czy smartfonów, aby później w biurowym zaciszu na spokojnie zapoznać się z właściwą wersją strony i oferty, jaką prezentujemy. Dlatego nie warto zamykać się na RWD, warto jednak znać różnice i ograniczenia wynikające z mobilnych wersji stron.
Mamy nadzieję, że wyjaśniliśmy wszystkie różnice między wersjami RWD i Desktop oraz fakt, że responsywność stron jest potrzebna każdej branży, choć nie w każdej będzie tak samo istotna.
Czym właściwie jest RWD i Desktop?
Aby każdy mógł w identycznym stopniu zrozumieć przekaz naszego artykułu, najpierw musimy wyjaśnić kluczowe pojęcia związane ze stylem budowy i wyświetlania stron.
RWD to skrót od Responsive Web Design i oznacza responsywność strony. Przejawia się ona możliwością automatycznego dopasowania do ekranu, na którym jest wyświetlana – bez żadnej dodatkowej ingerencji internauty czy właściciela/twórcy strony. W praktyce oznacza to, że strona projektowana i budowana jest tak, aby inaczej wyświetlać się na telefonach lub tabletach a inaczej na laptopach, komputerach stacjonarnych czy innych większych ekranach (na przykład telewizorach). Oczywiście w obu przypadkach strona musi być czytelna i zachowywać kluczowe treści czy grafiki.
Wersja Desktop to wersja tradycyjna, wyświetlana tylko na laptopach lub większych ekranach. Jest to domyślny design strony, który nie przycina grafik, nie deformuje zdjęć i nie zmienia położenia tekstu na stronie.
Najważniejsze różnice między RWD a Desktop
Jak wspomnieliśmy na początku, jeden z naszych Klientów z branży budowlanej nie mógł zrozumieć, dlaczego na stronie w wersji Desktop wykonaliśmy ładny slider prezentujący jego usługi, natomiast ten sam slider nie wyświetla się po wejściu na stronę z urządzenia mobilnego. Ponadto Klient spostrzegł, że wiele zdjęć przestało wyświetlać się w wysokiej rozdzielczości, zniknęło menu a sam tekst został nieco inaczej ułożony.
Klient tym samym wypunktował wszystkie najważniejsze różnice między wersjami RWD a Desktop. Przede wszystkim w wyniku ograniczeń sprzętowych i faktu, że strony wyświetlane mobilnie muszą być o wiele lżejsze, nie zawsze dobre jest zastosowanie sliderów i wielu modułów do prezentacji grafik. Same zdjęcia i materiały graficzne również skalowane są do mniejszej rozdzielczości, aby witryna była jak najlżejsza i wczytywała się możliwie szybko (chodzi o oszczędność transferu). Menu w wersji RWD musi być ukryte w pasku, który rozwija się po kliknięciu w ekran. Jeżeli chodzi o ułożenie tekstów, cała strona w wersji mobilnej musi przypominać listę. Dlatego jeżeli w wersji Desktop mamy ładnie ułożony tekst i zdjęcia w blokach (to naturalny sposób budowy stron, który gwarantuje odpowiednią prezencję treści), w wersji mobilnej wszystkie ułożenia przestają mieć znaczenie – mobilna wersja wyświetli treści i zdjęcia według hierarchii, bez dodatkowych możliwości zmian.
RWD mocno zniekształca strony i powoduje, że każda witryna wygląda niemal identycznie (czego w SEO Factor nie lubimy, jednak z racji technologii nie możemy nic z tym zrobić). Rezygnacja z tła, wyświetlanie stron jako list, mniejsze grafiki i wiele więcej – to przykładowe różnice między wersją mobilną a desktopową. Warto jednak podkreślić, że RWD nie zmienia treści tekstów czy nie ogranicza działania modułów sklepowych – nie musimy się obawiać, że na stronie w wersji mobilnej wyświetli się inna cena produkty czy inny opis niż na stronie w wersji tradycyjnej. Różnice są w wyglądzie (narzucone przez technologię i sam charakter urządzeń mobilnych) i chociaż nie są kosmetyczne, nie powodują, że witryna nie jest zdatna do użytku (na urządzeniach mobilnych to jedyny sposób poprawnego i akceptowalnego wyświetlenia serwisu i jego zawartości). Po prostu nie wygląda tak, jak wersja desktop i nie jest w stanie wyświetlić niektórych rozwiązań technologicznych – należy mieć tego świadomość.
Czy muszę mieć stronę RWD?
Jeszcze kilka lat temu w sieci spotkać można było tylko wersje desktop stron. Nagły postęp technologiczny w sferze telefonów komórkowych i tabletów wymusił na właścicielach stron konieczność implementacji witryn obsługujących RWD. Samo Google wręcz nakazuje, aby nowo budowane witryny były responsywne. Dlaczego nie warto tego ignorować? Google oznacza strony internetowe w wynikach wyszukiwania jako te nieprzyjazne i niepoprawnie wyświetlające się na smartfonach (dotyczy tylko mobilnych wyników wyszukiwania). Nie byłoby z tym problemu, gdyby nie fakt, że według badań już ponad połowa internautów z całego świata codziennie korzysta z Internetu właśnie za pomocą urządzeń mobilnych. To wygodne, dzięki technologii LTE/5G możliwe niemal w każdym miejscu i po prostu poręczne.
Tutaj jednak nie każdy w badaniach podkreśla, że nie we wszystkich branżach RWD jest kluczowe – tym sposobem przechodzimy do meritum naszego artykułu.
Statystyki wyświetleń dla stron z różnych branż
Google szumnie oznajmia, że w roku 2019 wyrównał się współczynnik wyświetleń dla wersji mobilnych i tradycyjnych (50/50). W ciągu kilku lat rynek mobilny dogonił tradycyjny sektor desktopowy a w roku 2020 i kolejnym sektor mobilny ma prześcignąć tradycyjny sposób wyświetlania stron. Niestety w oficjalnych statystykach zawsze pomijane są ważne dane, jak chociażby fakt, że w wielu przypadkach ilość odwiedzin mobilnych generowana jest przez ludzi młodych, którzy żyją w erze mobile i nie wyobrażają sobie przeglądania Internetu w inny sposób. Zapomina się natomiast o tym, co tak naprawdę buduje codzienność, czyli branżach przemysłowych, transporcie czy budownictwie – tu grupa odbiorców woli skorzystać z tradycyjnej wersji desktop strony, gdyż to właśnie tam może w pełnej okazałości zapoznać się z materiałami, zdjęciami czy treścią. To kluczowe, gdy w grę schodzą poważne inwestycje.
Tego samego nie można powiedzieć o branży rozrywkowej – w tej zdecydowanie dominują mobilne wersje stron. Potwierdza to tezę, że młodsza grupa docelowa z racji stylu życia i innego podejścia do codzienności woli przeglądać Internet za pomocą smartfonów, natomiast starsi odbiorcy i osoby, które podejmują kluczowe decyzje w biurach – preferują wersję desktop, gdyż gwarantuje ona poprawność wyświetlania materiałów bez zniekształceń. Oczywiście starsze osoby również mogą korzystać z wersji RWD, ale zwykle robią to tylko po to, aby potwierdzić kluczowe informacje lub będąc poza biurem w szybki sposób znaleźć dane kontaktowe.
Wyjątkiem od tej reguły są sklepy internetowe – wiele osób, zarówno młodych i starszych woli szukać produktów za pomocą telefonu. Oczywiście statystyki dotyczą głównie zakupów na mniejszą skalę, niemniej w handlu trend RWD jest mocno zauważalny, co potwierdza tylko regułę, że sklepy online muszą być RWD. Przyczyniły się do tego także banki i systemy płatności, które promują zakupy online za pomocą telefonów (liczne aplikacje lub uwierzytelnianie przez smartfon), co jest po prostu wygodne. Nadal jednak poważniejsze zakupy na większe kwoty wolimy dokonywać tradycyjną metodą, przez strony w wersji desktop.
Nasze wnioski potwierdzają statystyki wyświetleń. Oto procentowy udział urządzeń dla poszczególnych stron z różnych branż:
Przykład wejść na stronę SEOfactor.co.uk (tworzenie stron, pozycjonowanie, grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 65.5%
Mobile: 33.8%
Tablet: 0.7%
Przykład wejść dla firmy, oferującej usługi budowlane (grupa docelowa 35+) (ostatnie 365 dni).
Desktop: 55.2%
Mobile: 43.2%
Tablet: 1.6%
Przykład wejść dla firmy oferującej montaż okien (grupa docelowa 35+) (ostatnie 365 dni).
Desktop: 60.5%
Mobile: 35.8%
Tablet: 3.7%
Sklep internetowy - branża motoryzacyjna (grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 19.3%
Mobile: 77.8%
Tablet: 2.9%
Przykład wejść dla firmy oferującej skup samochodów (grupa docelowa 25+) (ostatnie 365 dni).
Desktop: 27.4%
Mobile: 60.0%
Tablet: 12.6%
Przykład wejść dla strony rozrywkowej i lifestyle (grupa docelowa 10+) (ostatnie 365 dni).
Desktop: 10.8%
Mobile: 73.9%
Tablet: 15.3%
Podsumowanie
Jak widać nie na każdej stronie RWD jest kluczowe. Branże przemysłowe, budowlane czy transportowe są niemałym wyjątkiem w ogólnych statystkach przydatności RWD. Nie zrozumcie nas źle, żaden właściciel strony nie może ignorować postępu technologicznego i społecznego, którego efektem jest pojawienie się RWD. Dlatego my w SEO Factor nigdy nie doradzimy Klientowi, aby zrezygnował z mobilnej wersji strony.
Przez ponad 14 lat pracy w branży Web stworzyliśmy setki stron, byliśmy świadkami zmian technologicznych, nowych funkcji czy standardów internetowych (do takich można zaliczyć RWD) i wiemy, jak ważny jest rozwój. Wiedząc, że rynek internetowy obecnie bardzo mocno podzielił się na internautów korzystających z sieci mobilnej i w tradycyjny sposób, nie mielibyśmy sumienia tworzyć naszym Klientom stron, które nie są przyjazne RWD. Jednocześnie chcemy, aby każdy miał świadomość, że RWD nie zawsze będzie kluczowe – dowiedliśmy, że są branże i grupy odbiorców, które po prostu preferują tradycyjną wersję strony.
RWD to wymóg współczesnych czasów i trendów, jakie panują (wszędobylskie smartfony, zwiększone tempo życia i chęć bycia mobilnym). Zamykanie się na tę technologię to zły pomysł, nawet dla branży, w której RWD nie jest kluczowe. Nigdy bowiem nie wiemy, czy jakiś poważny kontrahent nie szuka kontaktu za pomocą tabletów czy smartfonów, aby później w biurowym zaciszu na spokojnie zapoznać się z właściwą wersją strony i oferty, jaką prezentujemy. Dlatego nie warto zamykać się na RWD, warto jednak znać różnice i ograniczenia wynikające z mobilnych wersji stron.
Mamy nadzieję, że wyjaśniliśmy wszystkie różnice między wersjami RWD i Desktop oraz fakt, że responsywność stron jest potrzebna każdej branży, choć nie w każdej będzie tak samo istotna.