Jak zakotwiczone tagi poprawiają wrażenia użytkownika strony docelowej

Co się stanie, gdy wrzucisz kotwicę do wody?

Kotwica utrzymuje łódź na miejscu, prawda? Nadal masz swobodę poruszania się na pewną odległość od punktu zakotwiczenia w dowolnym kierunku, ale bez względu na to, w którą stronę pójdziesz, jesteś ograniczony do określonego promienia.

Jest to podobne do działania tagów kotwicy na stronie internetowej. Pozwalają odwiedzającym przeskakiwać do różnych miejsc na stronie, ale utrzymują ich na stronie.

Marketerzy uwielbiają tę technikę projektowania stron internetowych, ponieważ pozwala im wyróżnić określone punkty zainteresowania, szczególnie w przypadku stron docelowych po kliknięciu, których celem jest inspirowanie do działania. Aby to osiągnąć, musisz zaprojektować przekonującą stronę docelową po kliknięciu z odpowiednimi zoptymalizowanymi elementami. Nasz nowy e-book, The Ultimate Guide to Building a perswazyjny landing page po kliknięciu, zawiera więcej szczegółów na ten temat:

Ale w dzisiejszym poście pokażemy, w jaki sposób marketerzy używają tagów kotwicy, aby zwrócić uwagę na określone elementy strony i ostatecznie dokonać konwersji na stronie.

Co to jest znacznik kotwicy?

Znacznik zakotwiczenia lub link do zakotwiczenia to element strony internetowej, który prowadzi do innej lokalizacji na tej samej stronie. Są one zwykle używane w przypadku stron długich lub z dużą ilością tekstu, dzięki czemu odwiedzający mogą przejść do określonej części strony bez konieczności przewijania strony.

Ponieważ kliknięcie linku kotwiczącego przenosi odwiedzających tam, gdzie chcą, bez większego wysiłku, poprawiają ogólne wrażenia użytkownika, co pomaga w procesie konwersji. Nie tylko ułatwiają i przyspieszają poruszanie się po Twojej stronie, ale mogą też służyć jako wskazówki wizualne, wskazujące użytkownikom elementy, które są integralną częścią Twojego celu konwersji.

Warto wspomnieć, że mogą być statyczne lub animowane. Animowane tagi kotwicy mogą przyciągnąć większą uwagę, ponieważ jest to prawdopodobnie jedyna rzecz poruszająca się po stronie. A kiedy połączysz animację z białą przestrzenią, uzyskasz potężną kombinację, która przyciągnie uwagę ludzi tam, gdzie chcesz.

W poniższych przykładach znaczników kotwicy zauważysz, że ta technika projektowania może być używana na wiele sposobów.

Co mogą wyróżniać tagi kotwicy na stronach docelowych po kliknięciu?

Ważna kopia

Ponieważ korzyści z Twojego produktu lub usługi są przekazywane za pośrednictwem kopii, idealne jest użycie linku kotwiczącego do konkretnej kopii. Constant Contact robi to na swojej stronie docelowej po kliknięciu w połowie strony. Gdy użytkownik kliknie strzałkę w dół, strona przewinie się dla niego:

SocialMediaCompanies.com to kolejna marka z linkiem kotwiczącym, który kieruje odwiedzających poniżej ekranu. W tym przykładzie chcą, aby odwiedzający zauważyli kluczowe obszary, które firma ocenia i recenzuje:

Każdy przykład pokazuje, że podkreślając korzyści lub ważne szczegóły dotyczące Twojej oferty za pomocą docelowego tagu kotwicy, jest bardziej prawdopodobne, że odwiedzający przeczytają (przejrzą) kopię.

Historie sukcesu klientów

Prezentowanie historii sukcesu i referencji klientów to świetny sposób na dostarczenie odwiedzającym przekonującego dowodu społecznego. Budują zaufanie i zaufanie do Twojego produktu lub usługi i pomagają prowadzić ich do konwersji.

Aby zapewnić, że historie sukcesu ich klientów nie zostaną przeoczone, Dynamic Yield oferuje odbijającą się strzałkę znacznika kotwicy, która przyciąga uwagę i prowadzi odwiedzających we właściwym kierunku. Kiedy potencjalni klienci klikają strzałkę, omijają logo marki i są przenoszeni bezpośrednio do filmów z historią sukcesu:

Ponieważ tego rodzaju recenzje klientów mogą często sprzedawać Twój produkt skuteczniej niż cokolwiek innego na stronie, po co ryzykować, że potencjalni klienci je pominą?

Przypadków użycia

Boardvantage robi coś nieco innego niż poprzednie przykłady. Tutaj identyfikują cel, „Zbadaj przypadki użycia” obok znacznika kotwicy strzałki. Zwróć uwagę, że jest otoczony wystarczającą ilością białej przestrzeni, aby również się wyróżniał. Po kliknięciu odwiedzający są kierowani do sekcji poniżej zakładki, w której firma podkreśla główne funkcje i zalety MeetX z minimalną ilością kopii, krótkimi filmami i zrzutami ekranu:

Ta konkretna sekcja zawiera główne punkty sprzedaży produktów, więc chcieli się upewnić, że odwiedzający to zobaczą. Sprytny ruch Boardvantage.

Dodatki do produktów

Na tej stronie docelowej Lyft po kliknięciu łącza do nawigacji w menu to wszystkie zakotwiczone tagi, które prowadzą odwiedzających do różnych miejsc na stronie. Po kliknięciu linku „Get Yours” strona przewija się w pobliżu środka, gdzie mogą dowiedzieć się więcej o tym, jak zdobyć własny wzmacniacz:

Jeśli użytkownik kliknie łącze nawigacyjne FAQ, zostanie wysłany do sekcji „Wszystko, co musisz wiedzieć” u dołu strony. W porównaniu z innymi elementami wymienionymi w tym artykule sekcje FAQ nie są zbyt częste na stronach docelowych po kliknięciu. Ale nadal służą ważnemu celowi, zwłaszcza jeśli firma próbuje sprzedać coś specyficznego dla swojej marki.

Formularz przechwytywania ołowiu

Ta strona docelowa Salesgenie po kliknięciu jest wypełniona tagami kotwicy, z których każdy ma na celu zachęcenie odwiedzających do większego zaangażowania się w stronę. Każda strzałka w dół kieruje użytkowników dalej w dół strony, a każdy pomarańczowy przycisk wezwania do działania przekieruje użytkowników z powrotem na górę, aby wypełnić formularz:

Zwróć uwagę ponownie na przycisk CTA. Jego jasny pomarańczowy kolor przyciąga uwagę i wykorzystuje atrakcyjny tekst („bezpłatny”), co prawdopodobnie skutkuje większą liczbą kliknięć. Gdy odwiedzający klikną go (lub dowolny z przycisków współpracy CTA), zostaną odesłani z powrotem na górę strony, aby rozpocząć bezpłatny okres próbny Salesgenie.

AppFolio używa również przycisku CTA, aby przekierować potencjalnych klientów do ich formularza pozyskiwania potencjalnych klientów. Gdy odwiedzający przewiną całą stronę, zobaczą pomarańczowy przycisk wezwania do działania. Przycisk to link do kotwicy, który przekierowuje do formularza na górze strony:

W naszym trzecim przykładzie przycisku CTA, BambooHR podświetla swój przycisk CTA kontrastującym kolorem, kopia określa, że ​​demo jest bezpłatne, a po obu stronach są nawet wskazujące na niego wskazówki:

Formularz przechwytywania leadów jest jednym z najważniejszych elementów na stronie docelowej po kliknięciu, ponieważ bez niego nie masz możliwości uzyskania informacji o potencjalnych klientach. Bez łatwo dostępnego formularza potencjalni klienci mają trudności z konwersją, więc tagi kotwic to świetna technika projektowania, która pozwala im kierować ich do formularza i konwertować.

Przycisk wezwania do działania

Istnieje wiele sposobów na zoptymalizowanie przycisku CTA, ale możesz także utworzyć linki kotwiczące, które kierują odwiedzających bezpośrednio do nich. W poniższym przykładzie QuickBase firma stworzyła nawigację po kliknięciu strony docelowej (trzy sekcje na dole obrazu), w której wszystkie trzy linki są tagami kotwicy. Kiedy potencjalni klienci klikają „Sukces” i „Co to jest QuickBase”, są przekierowywani do dwóch różnych sekcji w dalszej części strony, z których obie zawierają przycisk CTA:

Oczywiście Twoje wezwanie do działania jest kluczowe. Dosłownie tak ludzie się nawracają. Wyróżnij go, bądź przekonujący z kopią i spraw, aby był jak najbardziej dostępny, tworząc znaczniki kotwicy, które prowadzą do niego bezpośrednio.

Jak używać znaczników kotwicy?

Powyższe przykłady nie są wyczerpującą listą, ale pokazują, jak tagi kotwicy wspomagają konwersje i wyróżniają różne elementy strony docelowej po kliknięciu. Niezależnie od tego, czy łączysz określone elementy strony docelowej po kliknięciu, czy konfigurujesz całe menu linków, nie możesz się pomylić z tagami kotwicy na stronach docelowych po kliknięciu. Zapewniają przyjemne doświadczenie użytkownika, co z kolei zwiększa Twoje szanse na konwersję.

Zacznij używać tagów kotwicy już dziś, dodając niestandardowy kod do swoich stron docelowych po kliknięciu. Zarejestruj się na demo Instapage Enterprise już dziś.