Weź dowolną stronę główną, która traci odwiedzających w pierwszych sekundach, a znajdziesz ten sam problem. Mówi coś o firmie, ale nigdy nie mówi odwiedzającemu, co ma zrobić. Ten artykuł pokazuje, jak napisać stronę główną od nagłówka w dół, co ma osiągnąć każda sekcja, czym tekst strony głównej różni się od każdej innej podstrony i jakie konkretne błędy sprawiają, że odwiedzający wychodzą, zanim w ogóle przewiną stronę.
Wiedza, jak napisać stronę główną, zaczyna się od zrozumienia, do czego ona służy. Strona główna nie jest przeglądem firmy. Nie jest deklaracją misji. To jedyna podstrona, która musi od razu odpowiedzieć na trzy pytania, zanim odwiedzający zdecyduje, czy zostać, czy odejść. Czym się zajmujesz? Dla kogo to jest? Co mają zrobić dalej? Tekst strony głównej, który nie odpowiada na wszystkie trzy w pierwszym przewinięciu, to tekst, który nie działa.
Co ma robić strona główna?
Strona główna ma inne zadanie niż jakakolwiek inna podstrona. Strona usługi sprzedaje konkretną usługę. Strona "O nas" buduje zaufanie do ludzi za firmą. Strona główna robi coś węższego i pilniejszego. Musi na tyle szybko zorientować odwiedzającego, by zdecydował się zostać i patrzeć dalej.
Odwiedzający, którzy trafiają na stronę główną, często przychodzą z wyniku wyszukiwania, linku w mediach społecznościowych lub polecenia. Nie czytali nic innego na Twojej stronie. Nie wiedzą, kim jesteś ani co oferujesz. Tekst strony głównej ma kilka sekund, by ustalić, że są we właściwym miejscu dla tego, czego potrzebują. Jeśli tego testu nie przejdzie, odchodzą.
Zadaniem nie jest wyjaśnić wszystko. Zadaniem jest stworzyć dość jasności i zainteresowania, by odwiedzający zrobił następny krok, czy to klikając w usługę, przewijając dalej, czy wypełniając formularz. Każde słowo na stronie powinno w tym pomagać albo zostać wycięte.
Jak napisać nagłówek strony głównej, który nie pozwala odwiedzającym odejść
Nagłówek to najważniejszy pojedynczy tekst na całej Twojej stronie. To pierwsza rzecz, którą czyta odwiedzający, często zanim w ogóle przetworzy wygląd strony. Nagłówek mglisty, sprytny lub abstrakcyjny traci odwiedzającego, zanim reszta podstrony dostanie szansę. Nagłówek konkretny i jasny robi dla Twojej konwersji więcej niż prawie jakakolwiek inna zmiana, którą możesz wprowadzić.
Najpewniejsza formuła nagłówka opiera się na rezultacie. Mówi, co odwiedzający dostaje lub osiąga, i jest napisana dla osoby, dla której zbudowano stronę. Nie "Pomagamy firmom rosnąć", ale "Zdobądź więcej rezerwacji z okolicy bez prowadzenia reklam". Nie "Twój zaufany partner w dbaniu o dobre samopoczucie", ale "Zajęcia jogi w Amsterdamie dla początkujących i regularnie ćwiczących".
Dobry nagłówek odpowiada na dwa pytania naraz. Co to jest? Czy to dla mnie? Jeśli odwiedzający czyta nagłówek i potrafi odpowiedzieć na oba, wykonałeś najważniejszą pracę na podstronie. Jeśli nie, nagłówek trzeba przepisać, zanim zoptymalizujesz cokolwiek innego.
Napisz pięć do dziesięciu wersji, zanim wybierzesz. Pierwszy szkic prawie nigdy nie jest właściwy. Wytnij przymiotniki. Usuń słowa typu "wiodący", "innowacyjny" i "zaufany", bo mówią to, w co odwiedzający nie uwierzy bez dowodu. Zastąp opisy firmy opisami tego, co dostaje odwiedzający.
Co podtytuł dodaje, czego nie dodaje nagłówek?
Podtytuł stoi bezpośrednio pod nagłówkiem i rozwija to, co nagłówek zaczął. Jego zadaniem nie jest powtarzać nagłówek innymi słowami. Dodaje jedną warstwę konkretnej informacji, której nagłówek z założenia nie może pomieścić.
Dobry nagłówek jest krótki i mocny. Ta zwięzłość to zaleta, a nie ograniczenie. Podtytuł to miejsce na szczegół, który nagłówek musiał pominąć. Jeśli nagłówek nazywa rezultat, podtytuł nazywa, jak go dostarczasz. Jeśli nagłówek mówi, dla kogo to jest, podtytuł mówi, jaki konkretny wynik dostają.
Trzymaj podtytuł w dwóch lub trzech zdaniach najwyżej. Powinien dać się przeczytać jednym rzutem oka. Długie podtytuły, które wyjaśniają cały proces lub wymieniają wszystko, co oferujesz, należą do dalszej sekcji, a nie na górę strony, gdzie odwiedzający wciąż decydują, czy zostać.
Co musi być widoczne bez przewijania?
Above the fold to część strony, którą odwiedzający widzi przed przewinięciem. Nazwa pochodzi z druku gazet, gdzie artykuły nad fizycznym zgięciem na pierwszej stronie to te, które sprzedawały gazetę. Na stronie zasada jest ta sama. To, co pojawia się bez przewijania, decyduje o tym, czy odwiedzający w ogóle przewinie.
Sekcja above the fold musi zawierać cztery rzeczy. Nagłówek. Podtytuł. Jasne wezwanie do działania. I dość kontekstu wizualnego, by odwiedzający zrozumiał, jaki to rodzaj strony. Wszystko inne może być niżej.
Największy pojedynczy błąd w sekcji above the fold to wypełnienie jej czymś pięknym, ale niejasnym. Zdjęcie na cały ekran bez tekstu. Tło wideo z nagłówkiem schowanym pod spodem. Hasło zbyt abstrakcyjne, by cokolwiek powiedzieć odwiedzającemu. Sekcja above the fold zarabia na siebie jasnością, a nie estetyką. Jedno i drugie mogą współistnieć, ale gdy się ścierają, jasność musi wygrać.
Głębsze spojrzenie na to, jak linia zgięcia wpływa na zachowanie użytkowników i co odwiedzający zauważają najpierw, daje artykuł o tym, co oznacza above the fold na stronie.
Gdzie na stronie głównej umieścić dowód społeczny?
Dowód społeczny na stronie głównej zmniejsza wątpliwości, które nowy odwiedzający naturalnie czuje wobec firmy, o której nie słyszał. Recenzje, opinie, logotypy klientów, fragmenty studiów przypadków i wyróżnienia w publikacjach działają jako dowód, że inni wybrali tę firmę i uznali, że warto.
Miejsce ma znaczenie. Dowód społeczny na samym dole długiej podstrony to dowód, do którego większość odwiedzających nigdy nie dociera. Umieszczenie rzędu logotypów klientów lub krótkiej opinii zaraz pod sekcją above the fold utrzymuje rozpęd nagłówka. Odwiedzający czyta nagłówek, rozumie, do czego służy strona, i od razu widzi potwierdzenie, że inni ufają tej firmie. Ta kolejność buduje wiarygodność w momencie, gdy jest najbardziej potrzebna, zanim odwiedzający przeczyta cokolwiek innego.
Opinia, którą wyróżniasz, powinna być konkretna. "Współpraca z nimi zmieniła moją firmę" jest mniej użyteczna niż "Po przebudowie strony na tych szablonach przeszliśmy z trzech zapytań miesięcznie do dwudziestu". Konkretny wynik jest wiarygodny w sposób, w jaki ogólna rekomendacja nie jest.
Pełne omówienie tego, jak działa dowód społeczny i jakie przyjmuje formy, znajdziesz w artykule o dowodzie społecznym na stronie, który opisuje każdy typ i miejsce, gdzie działa najlepiej.
Jak opisać usługi lub produkty na stronie głównej?
Strona główna nie jest miejscem na pełne opisy usług. Odwiedzający, którzy trafiają na stronę główną, nie są gotowi na taki poziom szczegółu. Wciąż decydują, czy jesteś dla nich istotny. Strona główna, która zaczyna od długich opisów usług, zanim odwiedzający zdecyduje się zostać, każe mu odejść, zanim cokolwiek przeczyta.
Właściwe podejście to krótka sekcja przeglądowa. Nazwij każdą usługę lub kategorię produktów. Dodaj jedno zdanie opisujące, co robi lub dla kogo jest. Dodaj link do osobnej podstrony, na której odwiedzający dostanie pełny obraz. Ta struktura robi dwie rzeczy. Szybko mówi odwiedzającemu, co oferujesz. Prowadzi go też do właściwej podstrony dla jego konkretnej potrzeby, a tam naprawdę dzieje się konwersja.
Unikaj wypisywania funkcji na tym etapie. Funkcje należą na stronę usługi lub produktu, gdzie odwiedzający jest już zainteresowany i ocenia. Na stronie głównej napisz, co odwiedzający dostaje, a nie co usługa obejmuje. "Strony, które pozycjonują się w Google" jest dla niezdecydowanego odwiedzającego bardziej istotne niż "Własny HTML, metadane SEO i responsywny projekt w cenie".
Co powinno mówić wezwanie do działania na stronie głównej i dokąd prowadzić?
Każda strona główna potrzebuje głównego wezwania do działania. To jedna akcja, którą najbardziej chcesz, by odwiedzający wykonał po wejściu na stronę. Umów rozmowę. Zacznij darmowy okres próbny. Przeglądaj szablony. Zamów wycenę. Powinno być jedno główne CTA, a nie cztery konkurujące, które rozpraszają uwagę odwiedzającego w różne strony.
CTA musi pojawić się above the fold, jako część sekcji nagłówka. Powinno też pojawić się ponownie mniej więcej w połowie strony i jeszcze raz blisko dołu. Odwiedzający, który czyta poza linię zgięcia, a potem dociera do dołu bez kolejnego CTA, musi przewijać z powrotem w górę, by działać. To tarcie kosztuje konwersje.
Napisz przycisk CTA aktywnym, konkretnym językiem. "Zacznij" i "Dowiedz się więcej" są słabe, bo niczego nie opisują. "Zacznij darmowy okres próbny", "Umów darmową rozmowę" i "Zobacz cennik" są lepsze, bo nazywają dokładnie, co się stanie po kliknięciu. Im konkretniejszy tekst przycisku, tym zwykle wyższy współczynnik kliknięć, bo odwiedzający wie, czego się spodziewać.
Pełne wyjaśnienie, jak działają CTA i jak pisać je dla różnych podstron i kontekstów, znajdziesz w artykule czym jest wezwanie do działania na stronie.
Czego nie powinno być na stronie głównej?
Weź dowolną stronę główną, która brzmi jak broszura, a znajdziesz te same cztery rzeczy, które tam nie pasują. Historia firmy. Ogólna deklaracja misji. Ściana tekstu o historii założenia. Sekcje przeładowane nawigacją, które próbują linkować do każdej podstrony prosto ze strony głównej.
Historia firmy należy na stronę "O nas", gdzie odwiedzający, którego obchodzi Twoje tło, może ją znaleźć. Misja napisana abstrakcyjnym językiem ("Wierzymy w wzmacnianie społeczności dzięki innowacyjnym rozwiązaniom") nic nie komunikuje odwiedzającemu, który przyszedł szukać konkretnej usługi. Historia założenia ma znaczenie dla inwestorów i dziennikarzy, a nie dla osoby, która pierwszy raz wchodzi na stronę i w dziesięć sekund decyduje, czy zostać.
Zbyt dużo tekstu to najczęstszy problem strony głównej. Długie akapity spowalniają odwiedzającego i sygnalizują, że zrozumienie podstrony będzie wymagało wysiłku. Strony główne powinny używać krótkich zdań, dużo białej przestrzeni i wizualnych przerw między sekcjami. Ilość tekstu to minimum potrzebne, by pchnąć odwiedzającego dalej, a nie maksimum, które grafik zdoła zmieścić.
Czym tekst strony głównej różni się od strony usługi lub strony "O nas"?
Każda podstrona ma konkretne zadanie, a tekst powinien to zadanie odzwierciedlać. Tekst strony głównej jest szeroki i szybki. Odpowiada kto, co i dlaczego w kilku linijkach i wysyła odwiedzającego we właściwe miejsce. Strona usługi jest skupiona i szczegółowa. Odpowiada na wszystkie pytania odwiedzającego o jedną konkretną usługę, obsługuje obiekcje i prowadzi do konwersji. Strona "O nas" buduje relację między odwiedzającym a ludźmi stojącymi za firmą.
Pisanie strony głównej tak, jak pisałbyś stronę usługi, to częsty błąd. Strona usługi może być długa, bo odwiedzający, który ją czyta, jest już zainteresowany. Kliknął ze strony głównej, więc już uznał, że jesteś dla niego istotny. Strona główna nie ma tego luksusu. Odwiedzający wciąż decyduje, więc tekst musi działać szybciej i być szczuplejszy.
Pisanie strony głównej tak, jak pisałbyś stronę "O nas", to drugi częsty błąd. Strona "O nas" jest o Tobie. Strona główna jest o tym, co dostaje odwiedzający. Gdy tylko tekst strony głównej zaczyna skupiać się na historii firmy, wartościach lub wewnętrznym procesie, przestaje robić to, do czego strona główna służy.
Krok po kroku, jak napisać stronę usługi, gdy odwiedzający przeszedł już poza stronę główną, opisuje artykuł jak napisać stronę usługi, który omawia pełną strukturę.
Jak długa powinna być strona główna?
Długość strony głównej wyznacza Twój proces sprzedaży, a nie cel liczby słów. Prosty produkt z jasną grupą odbiorców może mieć krótką stronę główną. Firma usługowa z wieloma ofertami i dłuższym cyklem decyzyjnym może mieć dłuższą. Właściwa długość to taka, jakiej typowy odwiedzający potrzebuje, by dostać dość informacji do następnego kroku.
Przydatny test to spojrzenie w statystyki. Jeśli przeciętny odwiedzający wychodzi bez przewinięcia poza linię zgięcia, problemem nie jest zbyt długa strona. Problemem jest nagłówek lub CTA. Jeśli odwiedzający przewijają większość drogi w dół, a potem wychodzą bez działania, strona może być za długa albo CTA blisko dołu nie jest dość jasne.
W praktyce strona główna firmy usługowej zwykle potrzebuje sekcji nagłówka, krótkiego przeglądu usług, sekcji z dowodem społecznym i jednej wyraźnej sekcji CTA. Da się to zrobić dobrze na 300 do 500 słowach widocznego tekstu, rozłożonych w dobrze zaprojektowanych sekcjach. Niektóre firmy potrzebują więcej. Test jest zawsze ten sam: czy każda sekcja zasługuje na swoje miejsce, przybliżając odwiedzającego do następnego kroku.
Zrozumienie hierarchii wizualnej pomaga w decyzjach o układzie tak samo jak w decyzjach o tekście. Artykuł o tym, czym jest hierarchia wizualna, wyjaśnia, jak struktura podstrony kieruje wzrokiem i uwagą odwiedzającego.
Jak doświadczenie użytkownika wpływa na decyzje o tekście strony głównej?
Na stronie głównej tekst i projekt działają razem. To, jak ułożono sekcje, ile białej przestrzeni otacza tekst i w jakiej kolejności odwiedzający napotyka każdą informację, wpływa na to, czy tekst trafi. Mocny tekst w układzie, który mu przeszkadza, nadal da słabe wyniki.
Strona główna, która wrzuca za dużo tekstu, zanim odwiedzający ma kontekst, odpycha ludzi, zanim dotrą do treści, które by ich zatrzymały. Strona główna z mocnym tekstem ukrytym w gęstej siatce lub w kolorystyce o niskim kontraście traci odwiedzających, którzy by skonwertowali, gdyby informacje łatwiej się przeglądało. Decyzji o tekście i o układzie nie da się podejmować niezależnie.
Artykuł o tym, czym jest projektowanie UX, pokazuje, jak zasady doświadczenia użytkownika działają na całej stronie, w tym jak odwiedzający czytają podstrony i się po nich poruszają.
Jak WEMASY obsługuje tekst strony głównej
Kreator stron WEMASY zawiera szablony stron głównych zbudowane wokół elementów opisanych w tym artykule. Każdy szablon ma sekcję nagłówka, obszar przeglądu usług, sekcję z dowodem społecznym oraz miejsca na CTA above the fold i na dole podstrony. Ustawienia podstrony zawierają pola SEO dla meta tytułu i meta opisu strony głównej, edytowalne niezależnie od treści. Wszystkie podstrony, w tym strona główna, są domyślnie responsywne na komputerze, tablecie i telefonie.
Zobacz, co jest w zestawie, w kreatorze stron WEMASY, albo sprawdź plany na stronie z cennikiem.
Najczęściej zadawane pytania
Jak długi powinien być nagłówek strony głównej?
Nagłówek strony głównej działa najlepiej, gdy ma od 6 do 12 słów. Dość krótki, by przeczytać go jednym rzutem oka, dość konkretny, by powiedzieć odwiedzającemu, czym zajmuje się strona i dla kogo jest. Dłuższe nagłówki zwykle tracą czytelnika, zanim skończy zdanie. Jeśli nagłówek potrzebuje więcej niż 12 słów, by być jasny, tekst trzeba wyostrzyć, a nie rozbudować.
Czy strona główna powinna zawierać ceny?
To zależy od modelu biznesowego. Przy prostych produktach lub subskrypcjach z przejrzystym cennikiem krótka sekcja z cenami albo link do strony z cennikiem na stronie głównej może zmniejszyć tarcie. W firmach usługowych ze zmienną ceną strona główna nie jest miejscem na liczby. Zamiast tego kieruj odwiedzających do formularza wyceny lub rezerwacji, gdzie cenę można omówić zależnie od ich konkretnych potrzeb.
Ile wezwań do działania powinna mieć strona główna?
Jedno główne wezwanie do działania, powtórzone w dwóch lub trzech miejscach na stronie. Główne CTA powinno zawsze pojawiać się above the fold, gdzie odwiedzający widzi je bez przewijania. Drugie miejsce mniej więcej w połowie podstrony przechwytuje tych, którzy przeczytali część i są gotowi działać. Trzecie na dole łapie tych, którzy czytają wszystko przed decyzją. Wiele różnych CTA konkurujących o uwagę obniża konwersje.
Jaki jest największy błąd w tekście strony głównej?
Pisanie o firmie zamiast dla odwiedzającego. Strona główna, która zaczyna od historii firmy, wartości lub opisu samej siebie, stawia odwiedzającego w sytuacji, w której musi sam ustalić, czy cokolwiek z tego go dotyczy. Odwiedzający tej pracy nie wykonują. Wychodzą. Strona główna, która zaczyna od tego, co odwiedzający dostaje, dla kogo jest zbudowana i co zrobić dalej, zatrzymuje ludzi na stronie.
Czy kreator stron WEMASY pomoże ze strukturą strony głównej?
Kreator stron WEMASY zawiera szablony stron głównych ze strukturalnymi sekcjami na nagłówek, przegląd usług, dowód społeczny i CTA. Szablony są zbudowane wokół zasad układu, które wspierają czytelne, szybko ładujące się strony główne. Każdą sekcję możesz edytować bezpośrednio i zmieniać treść bez dotykania kodu. Pełną listę dostępnych szablonów znajdziesz w kreatorze stron WEMASY.