Słownik pojęć internetowych
Strona responsywna: co to jest?
Definicja
Strona responsywna to strona internetowa, która sama dopasowuje układ do szerokości ekranu. Na telefonie, tablecie i komputerze pokazuje tę samą treść, ale inaczej ułożoną, tak żeby dało się ją wygodnie czytać i obsługiwać.
Jak działa responsywność
Strona sprawdza szerokość ekranu i zmienia układ. Na komputerze trzy kolumny z usługami stoją obok siebie. Na telefonie układają się jedna pod drugą, menu chowa się pod ikoną, a przyciski robią się większe, żeby dało się w nie trafić palcem. Nie powstają dwie osobne strony: to jedna strona, która wygląda różnie.
Strony nieresponsywnej nie da się wygodnie używać na telefonie. Trzeba ją powiększać palcami i przesuwać na boki.
Dlaczego to ważne
Klient lokalnej firmy często szuka jej na telefonie: w drodze, w kolejce, na kanapie. Jeśli na stronie pizzerii nie da się kliknąć numeru telefonu, zamówi gdzie indziej.
Liczy się to także dla Google. Wyszukiwarka ocenia strony przede wszystkim w wersji na telefon, bo indeksuje je robotem udającym smartfon. Na wygodę na małym ekranie wpływają też wskaźniki Core Web Vitals.
Jak sprawdzić swoją stronę
Otwórz ją na własnym telefonie. Tekst powinien być czytelny bez powiększania, nic nie powinno wystawać poza ekran, a numer telefonu ma dać się kliknąć.
W Halo Strony wersja na telefon jest w cenie każdego planu i powstaje razem ze stroną, a każdy szablon jest responsywny. Na stronie jest też przycisk „Zadzwoń”.
Strona responsywna: pytania i odpowiedzi
Czy strona responsywna to to samo co aplikacja mobilna?
Nie. Aplikację instaluje się ze sklepu z aplikacjami, a responsywną stronę otwiera się zwykłą przeglądarką pod tym samym adresem co na komputerze. Małej firmie usługowej aplikacja zwykle nie jest potrzebna. Wystarczy strona, która wygodnie działa na telefonie i pozwala jednym dotknięciem zadzwonić.
Co się stanie, jeśli moja strona nie jest responsywna?
Klienci na telefonach będą musieli powiększać tekst i przesuwać ekran na boki, więc wielu zrezygnuje. Google ocenia strony głównie w wersji na smartfon, dlatego niewygodna wersja mobilna może też zaszkodzić widoczności. Jeśli Twoja obecna strona tak wygląda, to zwykle dobry powód, żeby zrobić nową.
Czy mogę ukryć część treści na telefonie?
Lepiej tego nie robić. Klient na telefonie potrzebuje tych samych informacji co na komputerze: oferty, cen, kontaktu. Google ocenia stronę według wersji na telefon, więc treść usunięta z wersji mobilnej może zostać przez niego pominięta. Zamiast ukrywać, skracaj i porządkuj teksty tak, żeby dobrze czytały się na każdym ekranie.
Jak sprawdzić stronę na różnych urządzeniach bez kupowania telefonów?
Przeglądarki na komputerze mają w narzędziach dla programistów podgląd urządzeń mobilnych, w którym zmienisz szerokość ekranu. To dobre przybliżenie, ale ostatecznie sprawdź stronę na prawdziwym telefonie, swoim i kogoś z rodziny. Zwróć uwagę na czytelność tekstu, wielkość przycisków i to, czy numer telefonu da się kliknąć.
Czy responsywność wpływa na szybkość strony?
Pośrednio tak. Na telefonie strona często wczytuje się przez wolniejsze połączenie, więc duże zdjęcia przygotowane z myślą o komputerze mogą ją spowalniać. Dobrze zrobiona strona responsywna wysyła na mały ekran odpowiednio mniejsze obrazy. Szybkość i wygodę na telefonie mierzą wskaźniki Core Web Vitals.
Czy w Halo Strony muszę osobno projektować wersję na telefon?
Nie. Każdy szablon jest responsywny, więc układ na telefon powstaje razem ze stroną i zmienia się razem z nią, gdy edytujesz treści. Warto jednak po większych zmianach otworzyć stronę na własnym telefonie i sprawdzić, czy długie nagłówki i nazwy usług dobrze się mieszczą na wąskim ekranie.