Autor: Bartek Raducha
Jak zrobić jeszcze lepszą stronę internetową (lub jak ją poprawić)?
Masz stronę internetową.
Wiesz, jaki jest jej cel, wiesz do kogo ją kierujesz, wiesz co chcesz osiągnąć.
Ale strona nie przynosi oczekiwanych rezultatów.
Lub patrzysz na nią i masz wrażenie, że coś Ci się zwyczajnie na niej nie podoba.
Żeby ułatwić Ci znalezienie tego czegoś i poprawienie, przygotowałem 14 najważniejszych rzeczy, którym warto przyjrzeć się na stronie.
Ta lista przyda Ci się gdy chcesz zabrać się za przebudowę strony, zrobić jeszcze lepszą stronę lub… zamówić ją.
Zobacz, na co warto zwrócić uwagę, żeby zrobić jeszcze lepszą stronę :).
Co znajdziesz w tym artykule:
Czy użytkownik wie, co ma zrobić?
Czy nawigacja jest intuicyjna?
Czy tekst na stronie jest czytelny?
Jak wyglądają linki na Twojej stronie?
Jak szybko ładuje się Twoja strona – ludzie nie lubią czekać
Czy na Twojej stronie są jakieś opinie?
Jak wygląda bezpieczeństwo strony?
Przejrzyj jeszcze raz teksty – czy są OK?
Czy użytkownik wie, co ma zrobić?
To dosyć ważna rzecz na stronie, która niemal na początku dyskwalifikuje wiele projektów.
Pomyśl o tym ze swojej perspektywy: szukasz jakiejś informacji na stronie lub chcesz na niej zrobić coś konkretnego.
I szukasz, klikasz, ale nie znajdujesz nigdzie tego, czego szukasz – chociaż wiesz, że to tam powinno być.
Teraz popatrz na swoją stronę internetową.
Czy wiesz dokładnie co użytkownik musi zrobić, żeby zrealizować jej cel?
Jeśli nie, zastanów się, jak to poprawić.
Podobnie jak kilka kolejnych punktów, poprawienie tego pomaga poprawić user experience.
Czyli – w jednym zdaniu – to, jak użytkownikom korzysta się z tej strony.
Czy nawigacja jest intuicyjna?
Nawigacja to kręgosłup każdej strony internetowej.
Kropka.
Do tego musisz pamiętać, że użytkownicy lubią rozwiązania, które znają.
Dlatego nietypowe menu strony czy brak stopki może sprawić, że Twoja strona będzie zamykana szybciej, niż tego chcesz.
„Nawigacyjny klasyk”, czyli poziome menu na górze, z czterema-pięcioma standardowymi elementami (strona główna, oferta, kontakt, cennik, blog, o nas, co robimy – któreś z tych) i informacje o firmie lub Tobie w stopce strony to coś, co zadowoli każdego użytkownika.
Z bardzo prostego powodu – każdy to zna. I w dużej mierze dlatego ten zestaw najlepiej się sprawdza.
Popatrz na najbardziej rozbudowane projekty stron – zobaczysz w nich właśnie ten „nawigacyjny klasyk”.
Jeśli zastanawiasz się, jak zrobić dobre menu, to fajny tekst znajdziesz tutaj.
Jakie są grafiki na stronie?
Grafiki na stronie to temat rzeka.
Jednak to one często sprawiają kłopoty.
Zbyt duże wczytują się wolno, przez co cała strona chodzi jak mucha w smole.
W praktyce nie potrzebujesz na stronie grafik o większej szerokości niż 1600 pikseli (mało który wyświetlacz ma taką rozdzielczość).
A może zdjęcia, które masz na swojej stronie, są po prostu brzydkie, kiepskiej jakości lub wyglądają sztucznie? Warto je zoptymalizować.
Mogą odstraszać ludzi równie skutecznie.
Jeśli szukasz dobrych zdjęć, to zawsze warto skorzystać z jakiegoś darmowego banku zdjęć (na przykład Unsplash lub z tego, który mamy w WebWave).
Pamiętaj, żeby skorzystać z formatów „przyjaznych” stronom internetowym (JPG, PNG lub SVG).
JPG świetnie się sprawdza do publikacji zdjęć (dobrze się kompresuje i zachowuje niezłą jakość – to trochę kompromis, ale sprawdza się świetnie). Do kompresji przyda Ci się na przykład TinyJPG.
PNG to dobry format, gdy potrzebujesz grafik i/lub zdjęć bez tła (lub przezroczystym tłem).
Z kolei SVG to popularny format grafik wektorowych w internecie. Czyli plik jest mały, możesz go dowolnie powiększać, a on nie traci na jakości (w przeciwieństwie do dwóch poprzednich formatów).
Do tego o SVG można powiedzieć, że to format grafik idealnie pasujący do responsywnych stron internetowych.
Czy tekst na stronie jest czytelny?
To bardzo ważne pytanie, bo większość stron internetowych to wciąż głównie tekst.
Dobre fonty i ich odpowiednia wielkość poprawiają czytelność i ogólny UX.
Jeśli na Twojej brakuje stronie nagłówków, to warto z nich skorzystać. Porządkują tekst i pomagają użytkownikom w szybkim „skanowaniu” wzrokiem treści. I dobrze wpływa na hierarchię typograficzną.
Przyjęło się, że w internecie najlepiej czyta się fonty bezszeryfowe (na przykład Lato – tego fontu używamy na naszej stronie). Chociaż na monitorach o większej rozdzielczości fonty szeryfowe wyglądają świetnie, to dalej większość użytkowników internetu korzysta z mniejszych wyświetlaczy.
Dobre połączenia krojów pisma sugeruje na przykład Google Fonts – warto skorzystać z takiej sugestii :).
Jednak lepiej wybrać nie więcej niż dwa kroje pisma – wtedy strona wygląda po prostu spójnie.
Ale co jeszcze ważniejsze – pamiętaj o odpowiednim rozmiarze liter. Tekst powinien być czytelny, a duży rozmiar tekstu znacznie w tym pomaga.
Wbrew pozorom połączenie czarnego z białym robi doskonałą robotę. Zwłaszcza jeśli sam tekst będzie wystarczająco duży (22-24 piksele wysokości na komputerze i około 20 pikseli na urządzeniach mobilnych).
Ostrożnie z wideo i dźwiękiem
Mało co tak denerwuje, gdy słuchasz swojej ulubionej muzyki lub podcastu, wchodzisz na stronę, a tam…
Muzyka w tle strony.
Albo inne „głosy”.
Zamiast szukać przycisku wyciszenia pewnie po prostu zamykasz tę kartę i starasz się zapomnieć o tym incydencie i tej konkretnej stronie.
Czy użytkownicy nie pomyślą tak o Twojej stronie?
Z kolei automatycznie włączające się w nagłówku strony wideo może robić efekt wow, jednak najlepiej, gdy jest wyciszone.
Dobry przykład znajdziesz na portalach informacyjnych. Od kilku lat materiały wideo w tekstach włączają się podczas przewijania ekranu, jednak najczęściej są one bez dźwięku.
Jeśli ktoś się nimi zainteresuje – jednym kliknięciem włączy głos.
Jest oczywiście kwestia szybkości ładowania strony, czyli lepiej gdy przeglądarka musi załadować jak najmniej danych. A duże filmy, w wysokiej rozdzielczości, mogą to znacznie spowolnić.
Od kilku lat materiały wideo w tekstach włączają się podczas przewijania ekranu, jednak najczęściej są one bez dźwięku.
Jak wyglądają linki na Twojej stronie?
Tak zwany slug może wzbudzić zaufanie lub zaniepokoić użytkownika.
Przyjrzyj się wyglądowi linków na swojej stronie. Czy adresy podstron wyglądają bardziej jak „www.adresstrony.pl/kontakt” czy raczej jak „www.adresstrony.pl/33413412/strona/kontakt”?
Co budzi Twoje zaufanie? Ten adres z nieznanymi cyframi, czy ten bez nich?
Do tego zgrabny slug wygląda po prostu lepiej w oknie przeglądarki.
Ponad 600 000 ludzi tworzy strony za darmo, bez kodowania i przy wsparciu AI. Zobacz, jakie to proste
Czy strona jest responsywna?
To jeden z najczęstszych problemów związanych ze stroną: nie jest ona responsywna.
Wbrew pozorom sporo jest stron, które wyświetlają się źle na urządzeniach mobilnych.
Jeśli Twoja strona należy do tego grona, to niestety, ale pora to zmienić.
Od dwóch lat większość ruchu w internecie to urządzenia mobilne. Do tego Google wprowadziło niedawno Mobile-First Indexing. A to oznacza, że strona responsywna to nie tylko ukłon w stronę użytkownika (bardzo ważny), ale też w stronę algorytmów wyszukiwarek.
Dobre praktyki przy robieniu strony RWD znajdziesz tutaj.
Czy kolory na stronie są OK?
Chociaż nie każdy ma wyczucie kolorów, to każdy może dobrać idealne kolory do strony.
Często kakofonia (takie ładne słowo na gryzące się kolory, które powodują ból oczu) kolorów na stronie sprawia, że użytkownicy ją zamykają.
Warto się zastanowić nad tym, czy kolory są przyjazne lub nie odciągają uwagi od strony i jej celu.
Jeśli nie podoba Ci się to, co masz na swojej stronie, to masz kilka możliwości poprawienia tego.
Możesz pójść w klasykę, czyli czerń i biel. Minimalizm na stronie jest zawsze w cenie, a czarny tekst na białym tle robi robotę w 99% przypadków. Do tego stonowane zdjęcia i gotowe.
Możesz stworzyć własną paletę kolorów. To świetne rozwiązanie, gdy masz na przykład logo na stronie (lub dopiero teraz je masz) i chcesz dopasować do niego stronie kolorystycznie.
Albo masz pomysł, jaki kolor najlepiej pasuje do Twojej strony.
Pomoże Ci w tym na przykład coolors.co.
Po co Ci ten pop-up?
Masz na stronie pop-upy?
Może lepiej z nich zrezygnuj lub przemyśl ich funkcję.
Nawet jeśli to informacja o zapisie na fajny newsletter, który masz dla swoich użytkowników – warto przemyśleć jego rolę. A przy okazji zastanowić się, czy ten sposób zbierania leadów jest przyjazny.
Jest kilka dobrych praktyk związanych z pop-upami: lepiej żeby pojawiały się na stronie po jakimś czasie, żeby dało się je łatwo zamknąć i oczywiście – muszą dawać użytkownikowi konkretną wartość.
A nie tylko denerwować.
Dlatego lepiej dwa razy się zastanowić nad tym, czy umieszczać na stronie pop-upa i czy nie lepiej wybrać jakieś fajne okno modalne.
Jest kilka dobrych praktyk związanych z pop-upami: lepiej żeby pojawiały się na stronie po jakimś czasie, żeby dało się je łatwo zamknąć i oczywiście – muszą dawać użytkownikowi konkretną wartość.
Jak szybko ładuje się Twoja strona – ludzie nie lubią czekać
Wspomniałem o grafikach na stronie na początku.
Więc warto zadać sobie jeszcze raz pytanie: czy Twoja strona jest (wystarczająco) szybka?
To bardzo szeroki temat, a do tego dosyć złożony (bo gdyby był prosty, to nie byłoby wokół niego tyle szumu).
Chodzi tu o bardzo prostą rzecz: jak długo użytkownik musi czekać na załadowanie strony?
Im więcej grafik, skryptów czy dodatkowych elementów na stronie, tym wolniej się ona ładuje. To dosyć prosta zależność.
Z jednej strony możesz zrobić dużo samodzielnie: zmniejszyć rozmiar grafik i ograniczyć ilość rozszerzeń (skryptów, elementów HTML, itp.).
Z drugiej – możesz zająć się optymalizacją kodu strony lub zainteresować się na przykład lazy loading, który świetnie sprawdza się na stronach z dużą ilością zdjęć.
Wspomnę tylko, że kod stron w WebWave jest optymalizowany „w locie”, a lazy loading jest u nas standardem :).
Czy na Twojej stronie są jakieś opinie?
Jeśli prowadzisz firmę lub świadczysz usługi, to na Twojej stronie na pewno powinny znaleźć się opinie.
Tak zwany social proof bardzo pomaga użytkownikom w wyborze konkretnych usług.
Jednak pamiętaj, że te opinie muszą być prawdziwe.
Jak je zdobyć? Poproś swoich klientów. Warto dać im też coś w zamian – na przykład jakiś rabat na kolejną usługę. Wtedy jest też szansa, że z zadowolonego klienta zamienią się w ambasadorów Twojej marki :).
Formularz kontaktowy!
Jakąkolwiek stronę prowadzisz – musi być na niej formularz kontaktowy, adres mailowy lub inny sposób skontaktowania się z Tobą.
Po prostu – musi.
Nie masz go? No… najwyższa pora go dodać.
Jeśli już masz taki formularz, to upewnij się, że działa dobrze (czy dochodzą z niego wiadomości), a korzystanie z niego jest proste.
No i jeszcze ważniejsze: czy znalezienie tego formularza lub maila jest łatwe (czyli czy masz podstronę Kontakt i czy tam faktycznie jest szansa na kontakt z Tobą).
Dobrym rozwiązaniem jest dodanie adresu w stopce strony. Jeśli działasz lokalnie – też dodanie mapy z pinezką i adresem.
Zadbaj o bezpieczeństwo strony
To rzecz, na którą musisz zwrócić uwagę, gdy bierzesz się za aktualizację (lub poprawianie) strony.
2018 rok przyniósł sporo zmian jeśli chodzi o bezpieczeństwo (danych) w internecie – od wejścia w życie RODO, aż do forsowania przez Google (w sumie całkiem słusznego) dodawania do stron certyfikatu SSL.
Dlatego warto zainteresować się tematem bezpieczeństwa strony.
Upewnij się, że stoi ona na bezpiecznych serwerach (i czy są na terenie Unii). Sprawdź jak wygląda temat przechowywania danych użytkowników, czy połączenie ze stroną jest szyfrowane i tak dalej.
Wbrew pozorom komunikat, że połączenie ze stroną nie jest bezpieczne może odstraszyć wielu użytkowników.
A przecież tego nie chcesz.
Przejrzyj jeszcze raz teksty – czy są OK?
Jeśli tekst napisany kilka miesięcy dalej Ci się podoba, to… super!
Warto je raz na jakiś czas przejrzeć i zastanowić się, czy aby na pewno wszystko z nimi OK i czy zwyczajnie Ci się podobają. Albo czy nie wymagają aktualizacji.
Bo teksty na stronie czasem się dezaktualizują.
Jeśli masz coś do nich, to warto się zastanowić nad ich przepisaniem.
Możesz to zrobić samodzielnie lub zlecić komuś – to wszystko zależy od tego, czego potrzebujesz i jakim dysponujesz budżetem.
Mam nadzieję, że tych 14 punktów pomoże Ci lepiej zrozumieć o co chodzi w poprawianiu i przebudowywaniu strony.
Nie pisałem o pozycjonowaniu, bo to bardzo obszerny temat i lepiej poświęcić mu obszerny poradnik.
Zawsze możesz zapisać się na darmowy webinar z pozycjonowania stron www – poznasz na nim mocne podstawy SEO.
A może chcesz zrobić stronę od zera? W WebWave zajmie Ci to jeszcze mniej czasu, a możliwości nie brakuje :).
Koniecznie przeczytaj podobne artykuły:
Popularne artykuły.
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.
contact@webwavecms.com
+48 731 395 898
Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00
Ta strona została stworzona w kreatorze WebWave.
Znajdziesz nas na:
Kreator WebWave.
Oferta.