Jak zaprojektować stronę główną, która działa

Projekt strony głównej decyduje, czy odwiedzający zostaną, czy wyjdą. Zobacz, co umieścić, jak ją ułożyć i czym strona, która konwertuje, się wyróżnia.

Wersja robocza

Strona główna to pierwsza podstrona, którą widzi większość odwiedzających, gdy chcą dowiedzieć się więcej o Twojej firmie. To sprawia, że stawka jest na niej najwyższa, a jednocześnie często dostaje najmniej skupionej uwagi projektowej. Większość stron głównych próbuje powiedzieć wszystko. Te, które działają, mówią jedną rzecz jasno.

Projekt strony głównej decyduje o tym, czy Twoja strona działa, czy marnuje ruch, który dostaje. Strona główna, która ładuje się czysto i wyraźnie pokazuje następny krok, utrzymuje odwiedzających w ruchu. Taka, która jest zagracona, wolna lub niejasna, traci ich, zanim dotrą do Twoich najlepszych treści.

Ten artykuł opisuje, co strona główna musi robić, jak ułożyć treść i jakie konkretne decyzje odróżniają stronę główną, która konwertuje, od takiej, która po prostu istnieje.

Co ma robić strona główna?

Strona główna ma jedno zadanie: pomóc właściwemu odwiedzającemu zrozumieć, że jest we właściwym miejscu, i pokazać mu, dokąd iść dalej. Brzmi prosto. Większość stron głównych zawodzi, bo próbuje robić zbyt wiele rzeczy naraz.

Odwiedzający trafiają na stronę główną z różnych miejsc i z różnym poziomem świadomości. Niektórzy szukali dokładnie tego, co oferujesz, i są gotowi działać. Niektórzy usłyszeli o Tobie od kogoś i chcą sprawdzić, czy jesteś wiarygodny. Niektórzy przeglądają i nie są jeszcze pewni, czy czegokolwiek potrzebują. Dobry projekt strony głównej obsługuje wszystkie trzy grupy, nie zamieniając się w ogólną broszurę.

Najprościej ocenić stronę główną, pytając, czy nowy odwiedzający potrafi w pięć sekund od wejścia odpowiedzieć na trzy pytania: co to za firma, dla kogo jest i co mam zrobić dalej? Jeśli odpowiedź na którekolwiek z nich jest niejasna, strona główna nie działa.

Co umieścić w pierwszym widoku strony głównej?

Pierwszy widok strony głównej (above the fold) ma największą wagę, bo to jedyne, co każdy odwiedzający widzi, zanim zdecyduje, czy przewijać, czy wyjść. Musi odpowiadać na te trzy pytania jak najbardziej bezpośrednio.

Nagłówek, który mówi, co robisz i dla kogo. Nie slogan ani deklaracja misji. Prosty, bezpośredni opis wartości, którą dajesz. Zdanie uzupełniające, które dodaje konkretu lub odpowiada na główną obawę odwiedzającego, na którym Ci najbardziej zależy. Wezwanie do działania, które daje gotowym odwiedzającym jasny następny krok i nie wywiera presji na tych, którzy nie są gotowi.

Obraz, który wzmacnia przekaz, a nie go zastępuje. Abstrakcyjne obrazy lub czysto dekoracyjne tła dodają atmosfery, ale odejmują jasności. Najmocniejsze obrazy w pierwszym widoku pokazują produkt, efekt albo osobę, która na tym korzysta.

W tej części powinna znaleźć się nawigacja. Odwiedzający, którzy chcą zajrzeć głębiej, potrzebują drogi, której nie muszą szukać. Artykuł czym jest above the fold szczegółowo opisuje, co sprawia, że pierwszy widok jest skuteczny i czym różni się na telefonie i na komputerze.

Jak ułożyć treść poniżej pierwszego widoku?

Poniżej pierwszego widoku strona główna ma miejsce, by przekonać odwiedzającego, który nie podjął działania od razu. Najlepiej działa struktura o logicznej kolejności: co robisz, dowód, że to działa, dla kogo to jest i co zrobić dalej.

Krótkie wyjaśnienie podstawowej oferty, na tyle konkretne, by odsiać odwiedzających, którzy nie są właściwą grupą, i uspokoić tych, którzy są. Dowód społeczny w formie, która jest najbardziej wiarygodna dla Twojej firmy: opinie klientów, wyniki, logo rozpoznawalnych klientów albo liczba pokazująca skalę. Sekcja, która odpowiada na główne obawy lub sytuacje, z których pochodzą Twoi najlepsi klienci. Drugie wezwanie do działania dla odwiedzających, którzy doczytali do tego miejsca i są już gotowi.

Nawigacja w stopce na dole strony głównej daje odwiedzającym, którzy przeczytali wszystko, drogę do stron dodatkowych. Służy też tym, którzy od razu przewijają na dół w poszukiwaniu danych kontaktowych, linków prawnych lub innych potrzebnych podstron. Artykuł czym jest nawigacja strony szczegółowo opisuje projekt zarówno nawigacji głównej, jak i w stopce.

Co sprawia, że tekst na stronie głównej działa?

Tekst na stronie głównej zawodzi na dwa przewidywalne sposoby. Jest albo zbyt ogólnikowy, by cokolwiek znaczyć, albo mówi tak dużo, że nic nie zostaje w głowie.

Wersja ogólnikowa używa sformułowań w rodzaju „Pomagamy firmom się rozwijać” albo „Zmieniamy sposób, w jaki pracujesz”. Te stwierdzenia są technicznie prawdziwe o niemal każdej firmie, a więc nie są prawdziwe o żadnej w użyteczny sposób. Odwiedzający nie może z nich poznać, czy Twoja firma jest istotna w jego sytuacji.

Wersja przeładowana próbuje wyjaśnić każdą funkcję, wspomnieć każdy przypadek użycia i odpowiedzieć na każde możliwe pytanie na jednej podstronie. Wynik to podstrona, która czyta się jak broszurę i konwertuje jak broszura.

Tekst, który działa, jest konkretny, bezpośredni i napisany dla jednego rodzaju odwiedzającego. Nazywa problem lub sytuację, opisuje efekt i sprawia, że następny krok jest oczywisty. Najlepszy tekst na stronie głównej brzmi tak, jakby ktoś, kto dobrze zna Twoją firmę, napisał go dla osoby, która decyduje, czy Ci zaufać.

Jak strona główna powinna działać na telefonie?

Strona główna zaprojektowana tylko pod komputer straci większość odwiedzających. Ponad 60 procent ruchu w internecie pochodzi z urządzeń mobilnych, a strona główna jest często pierwszą podstroną, którą ci odwiedzający widzą.

Na telefonie kolumny układu się zwijają, czcionki muszą być większe, a obszary dotyku przycisków muszą być na tyle duże, by trafić palcem. Pierwszy widok jest mniejszy, więc nagłówek i wezwanie do działania muszą zmieścić się w ciaśniejszym oknie. Duże obrazy dekoracyjne, które sprawdzają się na komputerze, często wypełniają cały ekran telefonu, nie niosąc nic użytecznego.

Przetestowanie strony głównej na prawdziwym telefonie, zanim uznasz ją za gotową, nie jest opcjonalne. Podglądy w przeglądarce są przydatne podczas pracy, ale nie oddają doświadczenia urządzenia dotykowego. Artykuł jak dostosować stronę do telefonów opisuje pełny zestaw zmian, dzięki którym strona jest naprawdę użyteczna na telefonie.

Czy projekt strony głównej wpływa na SEO?

Strona główna jest zwykle najczęściej linkowaną podstroną witryny i ma największy autorytet. To, jak jest zbudowana, wpływa zarówno na to, jak wyszukiwarki rozumieją witrynę, jak i na to, jak ten autorytet płynie do innych podstron.

Przejrzysta struktura nagłówków, z jednym H1 określającym, o czym jest strona, i sekcjami H2 omawiającymi powiązane tematy, pomaga wyszukiwarkom zrozumieć podstronę. Linki wewnętrzne ze strony głównej do kluczowych podstron produktów, usług lub treści przekazują im autorytet i sygnalizują ich wagę.

Szybkość strony głównej ma nieproporcjonalnie duże znaczenie, bo jest to najczęściej odwiedzana podstrona. Strona główna, która wolno ładuje się na telefonie, obniża wyniki całej witryny w wyszukiwarce. Artykuł czym jest projektowanie stron wyjaśnia, jak decyzje o układzie i strukturze łączą się z wynikami w wyszukiwarce. Pełny obraz pozycji w wyszukiwarce, czyli czynniki techniczne i treściowe, które wpływają na ocenę podstron, znajdziesz w artykule czym jest SEO.

Jak WEMASY podchodzi do projektu strony głównej

Kreator stron WEMASY zawiera szablony stron głównych uporządkowane według rodzaju firmy, każdy zbudowany wokół przejrzystego pierwszego widoku, logicznego przepływu treści i responsywnych układów. Edytor wizualny pozwala dostosować treść, kolory i sekcje bez dotykania kodu. Podgląd mobilny pokazuje w trakcie budowania, jak strona główna wygląda na telefonie, więc po publikacji nie ma niespodzianek.

Zobacz, co jest w zestawie, na stronie kreatora stron WEMASY albo sprawdź plany na stronie z cennikiem.

Najczęściej zadawane pytania

Jak długa powinna być strona główna?

Na tyle długa, by odpowiedzieć na pytania, na które nowy odwiedzający potrzebuje odpowiedzi, zanim zadziała, i ani trochę dłuższa. Dla prostej firmy usługowej mogą to być trzy do pięciu sekcji. Dla produktu bardziej złożonego lub z dłuższym cyklem decyzji siedem lub osiem. Celem nie jest długość. Celem jest pokrycie właściwych treści we właściwej kolejności. Zbyt krótka strona główna zostawia odwiedzających bez wystarczających informacji do działania. Zbyt długa gubi ich, zanim dotrą do wezwania do działania. W kreatorze stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.

Ile wezwań do działania powinna mieć strona główna?

Jedno główne wezwanie do działania, powtarzane w logicznych miejscach w miarę przewijania. Jedno wyraźne główne działanie, czy to umówienie rozmowy, rozpoczęcie darmowego okresu próbnego czy zapytanie o wycenę, sprawia, że odwiedzający nie musi wybierać między kilkoma konkurującymi opcjami. Działania dodatkowe, takie jak „Dowiedz się więcej” czy „Zobacz, jak to działa”, mogą istnieć obok głównego, ale powinny wyraźnie wyglądać na drugorzędne, by najważniejsze działanie się wyróżniało.

Czy strona główna powinna mieć wideo?

Wideo może dobrze sprawdzić się na stronie głównej, jeśli pokazuje coś, co naprawdę trudno przekazać tekstem i obrazami, na przykład demonstrację produktu lub proces. Ryzyka to czas ładowania i autoodtwarzanie. Wideo na stronie głównej, które samo włącza się z dźwiękiem, od razu irytuje większość odwiedzających, zwłaszcza na telefonie. Wideo, które dodaje kilka sekund do ładowania podstrony, zanim pojawi się cokolwiek użytecznego, zwiększy współczynnik odrzuceń. Jeśli dodajesz wideo, zadbaj, by było opcjonalne, domyślnie wyciszone i nie blokowało ładowania reszty podstrony.

Jaki jest największy błąd firm na stronie głównej?

Projektowanie jej dla siebie, a nie dla nowego odwiedzającego. Właściciele firm znają swój produkt, swoje atuty i swoją historię. Nowi odwiedzający nie znają nic z tego i w ciągu sekund decydują, czy poświęcić uwagę. Najczęstszy efekt to strona główna, która zaczyna od wewnętrznego języka, używa ogólnikowych nagłówków, które w firmie brzmią sensownie, ale obcej osobie nic nie mówią, i chowa właściwą ofertę za długim opisem wartości firmy. Rozwiązaniem jest pisanie strony głównej tak, jakbyś tłumaczył, czym się zajmujesz, komuś, kto nigdy o Tobie nie słyszał i jest lekko sceptyczny.

Jak często należy przeprojektowywać stronę główną?

Wtedy, gdy przestaje działać, a nie według stałego harmonogramu. Sygnały, że strona główna wymaga uwagi, to wysoki współczynnik odrzuceń wśród nowych odwiedzających, niski współczynnik konwersji głównego wezwania do działania albo opinie, że odwiedzający nie rozumieją, czym zajmuje się firma. Drobne poprawki tekstu, obrazów i wezwań do działania zwykle rozwiązują większość problemów bez pełnego przeprojektowania. Pełne przeprojektowanie ma sens, gdy firma znacząco się zmieniła, obecny projekt już nie odzwierciedla jej tożsamości albo fundament techniczny jest na tyle przestarzały, że łatwiej odbudować niż łatać.

Wykorzystaj to od razu
na własnej stronie.

Zacznij za darmo z WEMASY i zbuduj stronę w kilka minut.