Anatomia idealnej strony docelowej od nagłówka do stopki

Opublikowany: 2021-01-12

Każda strona docelowa składa się z określonych bloków konstrukcyjnych. Musisz je wszystkie znać, aby tworzyć najbardziej przekonujące strony i nigdy nie ryzykować nieszczelnego lejka sprzedaży. Gdy nauczysz się podstaw, będziesz mógł eksperymentować z tymi blokami. W tym artykule przyjrzymy się głównym elementom dobrej strony docelowej i podamy kilka wskazówek dotyczących tworzenia kopii i projektu strony.

Zawartość
  1. Jaka jest anatomia strony docelowej?
  2. Kluczowe elementy strony docelowej
    1. Nagłówek
    2. Kopia ciała
    3. Obrazy, animacje lub wideo
    4. Formularz kontaktowy
    5. Przycisk wezwania do działania
    6. Minutnik
    7. Dowód społeczny
    8. Korzyści
    9. Cechy
    10. FAQ
    11. Stopka
  3. Gotowy na więcej?

Jaka jest anatomia strony docelowej?

Wszystkie strony docelowe to rodzaj strony po kliknięciu, której celem jest skłonienie odwiedzających do podjęcia decyzji.

Wyjaśniasz wszystkie zalety i korzyści swojej oferty oraz zachęcasz użytkowników do podjęcia pożądanego działania. Ponieważ jest to niezwykle ważny etap ścieżki, nie powinno być żadnych elementów rozpraszających, takich jak paski nawigacji czy linki do innych stron.

Solidna struktura strony docelowej pomaga opowiedzieć całą historię. Bez tego potencjalni klienci w końcu się odbiją, ponieważ Twoja strona nie wygląda na wiarygodną ani przekonującą. Pamiętaj, że chcesz, aby użytkownicy dokonali konwersji — upewnij się, że dajesz im wystarczająco dużo powodów, aby to zrobić.

Czy wiesz, że istnieją psychologiczne sztuczki, które pozwalają złapać użytkowników? Zapoznaj się z naszym artykułem na temat sztuczek zwiększających konwersję strony docelowej.

Oto główne elementy strony docelowej, nad którymi musisz się zastanowić:

  • wyjątkowa oferta;
  • angażujące treści wizualne;
  • ostra i zwięzła kopia ciała;
  • korzyści z Twojej oferty;
  • cechy;
  • dowód społeczny;
  • formularz kontaktowy i wyraźne wezwanie do działania.

Wyjaśnimy znaczenie tych elementów, ale najpierw powiedzmy od razu, że Twoja oferta powinna być esencją całego landing page. Mówiąc metaforycznie, to nie tylko lukier waniliowy — to całe ciasto. Możesz przekazać swoją propozycję za pomocą kilku elementów strony docelowej, a my opiszemy, jak to zrobić.

Prosty, ale potężny kreator stron docelowych

Utwórz stronę docelową, sklep internetowy lub stronę z biolinkami na Instagram i promuj je, wysyłając link do subskrybentów za pośrednictwem wiadomości e-mail, SMS-ów lub chatbota — na jednej platformie.

Utwórz stronę

Kluczowe elementy strony docelowej

Tutaj znajdziesz więcej elementów niż wymieniliśmy wcześniej. Dlaczego? Cóż, nie wszystkie z nich są obowiązkowe, a ostatnie słowo należy do Ciebie. Na przykład, jeśli Twój produkt jest prosty i niskomarżowy, możesz całkowicie pominąć FAQ. Mimo wszystko zalecamy uwzględnienie wszystkich tych bloków w strukturze strony docelowej — po prostu spraw, aby były proste i od razu do rzeczy.

Nagłówek

Każda oferta sprowadza się do jednego zdania — weź swoją i użyj jej jako nagłówka. Możesz uczynić go odważnym, wyrazistym lub zwięzłym, po prostu nie rozcieńczaj głównego pomysłu za tym niepotrzebnym sformułowaniem. To, co możesz zrobić, to wprowadzić nowe rozwiązanie, wskazać irytujący problem, z którym borykają się wszyscy, lub wykorzystać ludzkie pragnienie szybkich rozwiązań. Dodaj małą kopię pomocniczą, aby podać szczegóły i wykonać kopię zapasową swojego roszczenia.

Przy czym jest to usługa, która sprawia, że ​​współpraca zdalna jest bardziej dostępna. I to jest pierwsza rzecz, o której dowiadują się odwiedzający, kiedy trafiają na swoją stronę:

landing page structure headline
Przy czym używa prostych nagłówków i tekstów pomocniczych

Możesz sprawić, by nagłówek był bardziej emocjonalny i odwoływać się do problemów użytkowników, tak jak robi to Perspective API:

landing page headline example
Perspective API swoim nagłówkiem zachęca użytkowników do zwiększania bezpieczeństwa ich przestrzeni cyfrowej

Z punktu widzenia projektanta ważne jest, aby nagłówek był jednym z głównych punktów odniesienia. Używaj eleganckich par czcionek, ponieważ piękna typografia pomaga przekazać wiadomość i stworzyć nastrój. Wybierz kontrastujące rozmiary czcionek dla nagłówka i tekstu pomocniczego, na przykład 30 i 15 pikseli.

Kopia ciała

Najlepszą praktyką jest mówienie językiem odbiorców. Skróć akapity — po dwa lub trzy zdania. Zachęcamy do korzystania z ponumerowanych list i wypunktowań, aby podzielić kopię na łatwe do strawienia fragmenty. Główną zasadą jest, aby Twoi potencjalni klienci nie musieli przedzierać się przez długie czytanie, aby uzyskać potrzebne informacje.

Niech tekst na stronie docelowej będzie skoncentrowany na korzyściach, mówiąc więcej o pozytywnym wpływie produktu, a mniej o samym produkcie. Jaki jest twój specjalny sos? W jaki sposób Twój produkt ułatwi komuś życie? W skrócie. Oto przykład:

landing page copy
Letter to ekskluzywna platforma bankowa, a kopia strony docelowej wyjaśnia, jak to działa

Zwróć uwagę na wybór typografii. Twoje czcionki powinny być atrakcyjne, ale także czytelne. Użyj różnych odstępów między wierszami i odstępów między literami dla różnych krojów pisma. Unikaj używania czcionki o rozmiarze 6 pikseli i jasnoszarego tekstu do kopiowania treści — mogą wyglądać stylowo na Twoich makietach, ale utrudniają czytanie tekstu.

Obrazy, animacje lub wideo

Używaj angażujących treści, które sprawiają, że ludzie marzą. Możesz przekazać określone emocje lub stworzyć metaforę, używając odpowiednich, wysokiej jakości obrazów i animacji. Nigdy nie używaj obrazów tylko do wypełnienia pustego miejsca.

W przypadku złożonego produktu możesz użyć unikalnych abstrakcyjnych ilustracji:

landing page images
Superhi używa jasnej abstrakcyjnej grafiki na swojej stronie docelowej

Jak wspomnieliśmy wcześniej, pomocne jest również dodawanie metaforycznych ilustracji, jeśli masz do czynienia z wysoce technicznymi produktami:

landing page illustrations
Directus wykorzystuje zdjęcia kolorowych slajdów i dołów z kulkami do wizualizacji dystrybucji danych

Jeśli sprzedajesz produkty fizyczne lub usługi offline, użyj zdjęć produktów i zdjęć Twoich prawdziwych zadowolonych klientów, aby przekazać to uczucie:

landing page structure
Mack i Pouya oferują fotografię ślubną i wykorzystują zdjęcia ze swoich stron docelowych, aby zainspirować odwiedzających

Czasami chcesz od razu zaangażować użytkowników, a obrazy nie wystarczą. Dotyczy to zwłaszcza usług eksperymentalnych i firm technologicznych. Często wykorzystują wideo, aby wyjaśnić swoją ofertę lub zaprezentować poprzednie prace:

landing page structure video
Metomic woli rozmawiać bezpośrednio z użytkownikami za pomocą filmów

Pamiętaj, że używanie stereotypowych zdjęć stockowych nie jest mile widziane. Lepiej, aby Twoje wizualizacje były niezapomniane i nigdy nie rezygnuj z autentyczności.

Formularz kontaktowy

W większości przypadków chcesz zebrać dane od potencjalnych klientów, aby rozpocząć rozmowę i lepiej zrozumieć swoich odbiorców. Te cenne informacje mogą być tak proste, jak adres e-mail użytkownika i stanowisko.

Możesz stworzyć formularz subskrypcji za pomocą naszego prostego i intuicyjnego kreatora formularzy!

Zachowaj minimalistyczny, intuicyjny formularz kontaktowy i dodaj do niego dodatkową kopię:

lead form example
Wydział to studio projektowe wykorzystujące formularze kontaktowe do przekształcania odwiedzających w klientów

Niektórzy marketerzy nalegają, aby umieścić go w części strony widocznej na ekranie, u góry strony docelowej. Ale to zależy wyłącznie od Ciebie: podziel się testem i dowiedz się, co najlepiej pasuje do Twojej oferty.

Przycisk wezwania do działania

To jest to, co zwykle widzisz w części strony widocznej na ekranie iw stopce każdego dobrego landing page. Myślisz, że musisz przedstawić swój produkt i złożyć ofertę zakupu, a następnie szczegółowo opisać jego zalety i zakończyć jeszcze bardziej przekonującym wezwaniem do działania.

Niektórzy użytkownicy potrzebują czasu, aby przeczytać o wszystkich funkcjach i poznać zalety Twojej oferty.

Niektórzy użytkownicy mogą być gotowi do konwersji od momentu, gdy trafią na Twoją stronę — musisz dać im również tę opcję, więc posiadanie dwóch lub nawet trzech przycisków CTA na stronie jest w porządku.

Tak zwykle wygląda przycisk CTA:

landing page structure cta button
Jutro to system bankowy, który pomaga użytkownikom otrzymać nową kartę w kilka minut

Używaj aktywnych czasowników i kontrastujących kolorów podczas projektowania przycisku CTA. Powinien zawierać pięć lub mniej słów i być otoczony negatywną przestrzenią, aby skupić uwagę użytkownika. Nie zapomnij dodać wyzwalaczy kliknięć, takich jak „Karta kredytowa nie jest wymagana” lub „Gwarancja zwrotu pieniędzy”. I oczywiście daj mu kopię uzupełniającą.

Chcesz dowiedzieć się więcej o tworzeniu przekonujących CTA? Mamy post na blogu o tym, jak zoptymalizować stronę internetową i e-maile wezwania do działania.

Minutnik

Ta stara, ale złota sztuczka zwiększa niedobór Twojej oferty, a ludzie nie lubią przegapić wspaniałych okazji. Ale staromodny minutnik wygląda i wydaje się nieco podejrzany, żeby nie powiedzieć oszukańczy. Do tej pory wiele osób już wie, że marketerzy używają wiecznie zielonego licznika, który odlicza od momentu wejścia użytkownika na ich stronę. A zaufanie użytkowników gwałtownie spada.

Możesz przechytrzyć swoich konkurentów i dodać trochę niedoboru, używając znacznie bardziej subtelnych narzędzi. Na przykład pokaż odwiedzającym, że zostało tylko kilka wolnych miejsc i muszą działać szybko:

limited time offer
Studio Predesign pokazuje liczbę wolnych miejsc obok przycisku CTA, aby stworzyć pilność

Oczywiście nadal możesz korzystać z typowego minutnika, gdy jest naprawdę limitowana oferta, na przykład w Czarny piątek.

Dowiedz się, jak stworzyć skuteczną ofertę na ograniczony czas, aby zwiększyć sprzedaż i zwiększyć zyski.

Dowód społeczny

Anatomia strony docelowej jest ważna, ale to nie ona napędza sprzedaż. Zanim zdecydują się na cokolwiek, ludzie chcą wiedzieć, kto już korzysta z Twojego produktu i jakie było ich doświadczenie. Aby zdobyć zaufanie, używaj dowodów społecznych, takich jak recenzje, referencje i filmy. W idealnym przypadku dowód społeczny powinien wspierać Twoje twierdzenia marketingowe i wykazywać, że dotrzymujesz obietnic.

Twoi potencjalni klienci będą mogli dowiedzieć się, jakie problemy rozwiązał już Twój produkt. Nawet krótka informacja zwrotna może być pouczająca:

landing page social proof example
Tailwind CSS pokazuje prawdziwe referencje od swoich klientów

Nie możemy wystarczająco podkreślić, jak ważne jest korzystanie z prawdziwych zdjęć i prawdziwych referencji od Twoich klientów. Nadużywane i łatwo rozpoznawalne zdjęcia stockowe są absolutnymi zabójcami zaufania. Zapytaj swoich klientów, czy możesz zamiast tego użyć ich rzeczywistych zdjęć.

Korzyści

Jaki wpływ ma Twój produkt? W tym bloku opisz wszystkie pozytywne zmiany, jakie przynosi Twoje rozwiązanie. Na przykład Elementor pomaga projektantom uporządkować chaos w procesach pracy, a jego strona docelowa opisuje dokładne zalety narzędzia:

landing page structure
Elementor pokazuje projektantom, jak mogą pracować wydajniej

Użyj wypunktowań lub prostych akapitów, aby wymienić korzyści — dzięki temu będą bardziej chwytliwe i czytelne. Dodaj również wizualizacje, aby ta część strony była bardziej atrakcyjna.

Cechy

Spośród wszystkich elementów strony docelowej ten jest najbardziej zorientowany na produkt. Na koniec możesz tutaj przejść do szczegółów i opisać sam produkt. Podkreśl cechy, które czynią go naprawdę wyjątkowym lub innowacyjnym. Wymień wszystkie specyficzne cechy Twojego produktu lub usługi:

landing page elements
Hypersay Events wyjaśnia, w jaki sposób użytkownicy mogą korzystać ze wszystkich swoich funkcji

Nie przytłaczaj użytkowników listą 20 funkcji i długimi opisami — zachowaj prostotę i informacje oraz nie zapomnij użyć bardziej aktywnych czasowników.

FAQ

To ważny blok, w którym możesz odpowiedzieć na popularne pytania, rozwiać zastrzeżenia i odpowiedzieć na obawy klientów. Przede wszystkim zaoszczędzisz trochę zasobów. Zbuduje również zaufanie, ponieważ ludzie zobaczą, że zależy Ci na ich pozytywnym doświadczeniu.

Na przykład Squarespace udziela odpowiedzi na najczęściej zadawane pytania, a także sugeruje skorzystanie z ich spersonalizowanego wsparcia:

landing page elements
Squarespace używa FAQ na swojej stronie docelowej

Oprzyj swoje FAQ na prawdziwych opiniach i danych obsługi klienta, aby nowicjusze mogli znaleźć najtrafniejsze odpowiedzi i przezwyciężyć swoje obawy.

Stopka

Stopka na stronie docelowej po kliknięciu nie powinna być typową, ciężką stopką wypełnioną linkami. Nie potrzebuje mapy witryny ani żadnych powiązanych linków, z wyjątkiem być może Twoich informacji kontaktowych (dojdziemy do tego za sekundę). To, czego chcesz, to pozbyć się rozpraszających elementów i dodać przycisk CTA o wysokiej konwersji:

landing page footer
Narracyjne BI powtarza swoje wezwanie do działania na całej stronie docelowej

Czasami, zwłaszcza jeśli Twoja oferta jest premium lub złożona, odwiedzający będą chcieli najpierw porozmawiać z ekspertem z Twojej firmy. Stopka to dobre miejsce na dodanie formularza kontaktowego do wypełnienia. Możesz zachować niektóre linki do swoich stron w mediach społecznościowych, ponieważ są to również platformy sieciowe.

Gotowy na więcej?

Jak widzisz, wszystkie te elementy strony docelowej pomagają rozwinąć Twoją ofertę i prowadzą użytkowników przez stronę, aż w końcu dokonają konwersji. Niski współczynnik odrzuceń to znak, że opanowałeś anatomię strony docelowej. To, czego będziesz potrzebować, to narzędzie do pielęgnowania potencjalnych klientów i pozostawania w kontakcie z klientami. SendPulse może zrobić jedno i drugie, a nawet znacznie więcej — świetnie nadaje się do wysyłania automatycznych wiadomości e-mail i tworzenia chatbotów na Facebooku i Telegramie. Możesz również skorzystać z naszej usługi do wysyłania powiadomień web push i SMS-ów do swoich klientów!