służąc jako wirtualne drzwi wejściowe Twojej firmy, ta strona jest odpowiedzialna za przyciąganie większości ruchu w Twojej witrynie. Mimo to, pomimo jego znaczenia, wiele firm ma problemy z prawidłową jego optymalizacją.
widzisz, Twoja strona musi nosić dużo czapek. Zamiast traktować ją jak dedykowaną stronę docelową zbudowaną wokół jednej konkretnej akcji, powinna być zaprojektowana tak, aby służyć różnym odbiorcom, z różnych źródeł. A aby to zrobić skutecznie, musi być zbudowany z przeznaczeniem. Innymi słowy, musisz uwzględnić elementy, które przyciągają ruch, edukują odwiedzających i zapraszają do konwersji.
aby poprawić wydajność strony głównej, sprawdź te elementy, które musi mieć każda strona główna.
12 elementy krytyczne każda Strona główna musi mieć
Udostępnij ten obraz na swojej stronie
co powinieneś uwzględnić w projekcie strony głównej witryny
nagłówek
w ciągu trzech sekund witryna musi poinformować odwiedzających, co ma do zaoferowania firma. Tu pojawia się twój nagłówek. To może być tylko kilka słów,ale jest to jeden z najważniejszych elementów kopii na twojej stronie.
Wiele osób może odwiedzić Twoją witrynę, a Ty będziesz ciężko znaleźć kilka słów, które trafią do domu dla wszystkich. Zamiast tego napisz nagłówek, aby dotrzeć do jednej trzeciej osób, które najprawdopodobniej będą zadowolone z twojego produktu.
Zachowaj sam nagłówek jasny i prosty. Nagłówek Dropbox to świetny przykład: „wszystko, czego potrzebujesz do pracy, wszystko w jednym miejscu.”To proste, ale potężne rozwiązanie — nie ma potrzeby dekodowania żargonu, aby dowiedzieć się, co naprawdę robi Dropbox.
podtytuł
Twój podtytuł powinien uzupełniać nagłówek, oferując Krótki opis tego, co robisz lub co oferujesz. Można to zrobić skutecznie, zerując na wspólny punkt bólu, który rozwiązuje twój produkt lub usługa.
oto przykład świetnego podtytułu z Mirror: „Hiding in plain sight.”Jest to główny punkt sprzedaży siłowni lustrzanej: To pełna siłownia w domu, osobisty trener i plan treningowy w zaciszu domu bez zajmowania cennych metrów kwadratowych z wyposażeniem.
aby zoptymalizować nagłówki dla urządzeń mobilnych, użyj większych czcionek, aby zapewnić odwiedzającym lepsze wrażenia. Małe czcionki mogą zmusić użytkowników mobilnych do szczypania i powiększania, aby czytać i wchodzić w interakcje z treściami w witrynie. Nasza rada? Użyj opcji nagłówka w edytorze stron. Nagłówki H1 są idealne dla tytułów stron-na stronie powinien być tylko jeden H1. Podpozycje powinny być zgodne z kolejnością hierarchii, H2, H3 … H6 i tak dalej. Możesz mieć kilka z tych pozycji, tylko upewnij się, że są w porządku. Na przykład nie będziesz chciał przeskakiwać z H1 do H3 — zamiast tego wybierz H2.
podstawowe wezwania do działania
celem twojej strony głównej jest zmuszenie odwiedzających do głębszego zagłębiania się w Twoją stronę i przenoszenia ich w dół lejka. Uwzględnij od dwóch do trzech wezwań do działania powyżej zakładki, które kierują ludzi do różnych etapów cyklu zakupowego — i umieść je w miejscach, które są łatwe do znalezienia.
te CTA powinny być wizualnie uderzające, najlepiej w kolorze, który kontrastuje z kolorystyką strony głównej, a jednocześnie pasuje do ogólnego projektu. Zachowaj krótką kopię-nie więcej niż pięć słów-i zorientowane na działanie, więc zmusza odwiedzających do klikania tego, co oferujesz. Przykłady kopii CTA to „Zarejestruj się”, „umów się na spotkanie” lub ” wypróbuj za darmo.”
strona internetowa Afterschool HQ zawiera dwa CTA nad fałdą, oba skierowane do dyrektorów programów, którzy są zainteresowani promowaniem swoich programów po szkole dla rodzin na stronie. Uwaga poniżej dłuższego CTA „Create your Free Profile” daje odwiedzającym impuls, którego potrzebują, aby utworzyć konto — pierwszy krok do zostania dostawcą HQ po szkole.
wspieranie obrazu
większość ludzi jest wizualna. Upewnij się, że używasz obrazu (lub nawet krótkiego filmu), który wyraźnie wskazuje, co oferujesz. Korzystaj z obrazów, które wychwytują emocje, napędzają akcję i wizualnie opowiadają historię, o której piszesz.
aby zoptymalizować obrazy dla użytkowników mobilnych, Użyj wysokiej jakości obrazów o zmniejszonym rozmiarze pliku. (Klienci HubSpot nie muszą się tym martwić, ponieważ obrazy przesłane do oprogramowania HubSpot są automatycznie kompresowane. W przeciwnym razie narzędzia takie jak TinyPNG zrobią wszystko.) Ponadto zawsze dodawaj tekst alternatywny do zdjęć, aby były bardziej dostępne dla odwiedzających, którzy korzystają z czytników ekranu i aby zwiększyć wysiłki SEO.
Strona główna 4 Rivers Smokehouse to świetny przykład emocjonalnego obrazu: zawiera serię krótkich, pełnych smaku filmów w wysokiej rozdzielczości, które odtwarzają się w pętli za prostym nagłówkiem, pod nagłówkiem i podstawowym CTA:
korzyści
ważne jest nie tylko opisanie tego, co robisz, ale także dlaczego to, co robisz, ma znaczenie. Potencjalni klienci chcą wiedzieć o korzyściach płynących z zakupu od ciebie, ponieważ to, co zmusi ich do pozostania w pobliżu.
Zachowaj lekkość i czytelność kopii oraz mów językiem swoich klientów. Evernote wykonuje świetną robotę, wymieniając korzyści na swojej stronie głównej w sposób, który jest atrakcyjny, przyjemny wizualnie i łatwy do zrozumienia:
dowód społeczny
dowód społeczny jest potężnym wskaźnikiem zaufania. Twój produkt lub usługa mogą być najlepsze na świecie, i to jest w porządku, aby postawić to twierdzenie — chodzi o to, że ludzie mogą Ci nie wierzyć, chyba że usłyszą to od innych ludzi, zbyt. I to właśnie robi dowód społeczny.
Dołącz tylko kilka swoich najlepszych (krótkich) cytatów na stronie głównej i link do studiów przypadków, jeśli dotyczy. Dodanie nazwy i zdjęcia daje tym referencjom większą wiarygodność. Mniej więcej paznokcie to na ich stronie głównej z świecące referencje od rzeczywistych klientów.
Nawigacja
wygląd i treść w nawigacji strony głównej mogą oznaczać różnicę między konwersją witryny a odbiciem. Aby zmniejszyć współczynnik odrzuceń, daj odwiedzającym jasną ścieżkę do potrzebnych stron bezpośrednio ze strony głównej. Umieść menu nawigacyjne u góry strony i uporządkuj łącza w hierarchiczną strukturę.
nikt nie zna Twojej witryny lepiej niż ci, którzy pomogli ją zaprojektować, więc pamiętaj, aby przeprowadzić testy użytkowników, aby upewnić się, że jest prosta i intuicyjna, aby odwiedzający mogli znaleźć to, czego szukają w Twojej witrynie. Dołącz pole wyszukiwania, jeśli możesz. (Przeczytaj ten post na blogu, aby uzyskać więcej przydatnych wskazówek dotyczących nawigacji w witrynie.
oto przykład przejrzystego, dobrze zorganizowanego projektu nawigacji od Slim & Husky ’ S Pizza Beeria homepage:
Content Offer
aby wygenerować jeszcze więcej potencjalnych klientów ze strony głównej, skorzystaj z naprawdę świetnej oferty treści, takiej jak whitepaper, ebook lub przewodnik. Ludzie, którzy mogą nie być gotowi na zakup, mogą raczej pobrać ofertę, która daje im więcej informacji na temat, który ich interesuje. Jeśli potrzebujesz inspiracji, oto kilka różnych typów treści do wyboru.
dodatkowe wezwania do działania
Dołącz drugorzędne CTA na swojej stronie głównej, aby zaoferować dodatkowe możliwości konwersji dla potencjalnych klientów, którzy nie są zainteresowani Twoim głównym celem. Pomyśl o nich jak o planie awaryjnym: oferują inną ścieżkę dla odwiedzających, którzy nie są jeszcze gotowi na coś tak dużego zaangażowania, jak prosisz.
podczas gdy twoje podstawowe CTA powinny znajdować się powyżej zakładki, umieść drugorzędne CTA poniżej zakładki, aby dać odwiedzającym rzeczy do kliknięcia podczas przewijania w dół. Na przykład pod zakładką na stronie głównej Spanx znajdziesz trzy wyraźnie oznaczone wezwania do działania, które dają ludziom, którzy przewijali tak daleko, kilka dodatkowych opcji do kliknięcia. Te wtórne CTA są dla dwóch różnych rodzajów konwersji: jeden po lewej stronie za $20 off, a drugi, „Kup teraz”, aby zapoznać się z katalogiem online.
Features
oprócz korzyści, wymień niektóre z kluczowych funkcji. Dzięki temu ludzie lepiej rozumieją, co zapewniają Twoje produkty i usługi. Ponownie zachowaj lekkość i czytelność kopii. Na przykład Dropbox dla firm nie stroni od pokazywania matrycy funkcji bezpośrednio na stronie głównej poniżej zakładki.
zasoby
ponownie większość odwiedzających Twoją witrynę nie będzie gotowa na zakup … jeszcze. Dla osób, które szukają więcej informacji, zaoferuj link do centrum zasobów, w którym mogą przeglądać odpowiednie informacje. Nie tylko utrzymuje je na swojej stronie internetowej przez dłuższy czas, ale także pomaga ustalić swoją wiarygodność jako lidera myśli w branży.
Lovesac dodaje link do zasobów w stopce pod zakładką. Zauważ, jak każdy z tych drugorzędnych CTA obejmuje wiele etapów cyklu zakupu: link do karty kredytowej, aby pomóc klientom w łatwym zakupie mebli, przewodnik po próbkach tkanin dla tych, którzy nadal szukają idealnego koloru przed dokonaniem zakupu, oraz katalog online dla osób, które są na rynku nowych mebli, ale nie są jeszcze gotowe do zakupu.
wskaźniki sukcesu
oprócz historii sukcesu klientów, zarówno nagrody, jak i uznanie mogą również pomóc w wywołaniu dobrego pierwszego wrażenia. Czy Twoja firma jest cenioną restauracją? Zostałeś wybrany najlepszą nową aplikację w tym roku? Poinformuj odwiedzających stronę główną o swoich osiągnięciach. Podobnie jak dowód społeczny, zwiększy wiarygodność Twojej firmy dla tych, którzy cię nie znają.
na przykład na stronie głównej Calendly znajdziesz nazwy znanych organizacji, które je rozpoznały, takich jak Gartner i Dropbox.
Strona główna, którą warto odwiedzić
Strona główna Twojej witryny jest pierwszym wprowadzeniem, które każdy odwiedzający będzie musiał wprowadzić do Twojej firmy. Zanim zdecydują się zostać klientem, przejrzą Twoją stronę główną, aby dowiedzieć się, co sprzedajesz, dlaczego ma to dla nich znaczenie i w jaki sposób mogą skorzystać z tego, co masz do zaoferowania.
zrób genialne pierwsze wrażenie dzięki stronie głównej, która zawiera elementy opisane powyżej. Aby uzyskać więcej inspiracji, sprawdź wspaniałe przykłady stron głównych, pobierając bezpłatny lookbook poniżej.
Nota wydawcy: Ten post został opublikowany w styczniu 2012 roku i został zaktualizowany pod kątem świeżości, dokładności i kompleksowości.
