Personalizacja witryny 101: Jak sprawić, by odwiedzający poczuli się docenieni

Opublikowany: 2022-11-22

Daj trochę czułości odbiorcom Twojej marki.

Wyobraź sobie, że jesteś w japońskiej restauracji, aby po raz pierwszy spróbować sushi. Gdy wchodzisz, twoje oczy napotykają zupełnie inny widok. Wyobrażałeś sobie spokój podobny do zen, ale zostałeś uderzony przez zamieszanie pracowników i klientów.

Nie marnując ani sekundy więcej, wybiegasz.

To miejsce po prostu sprawiło, że poczułeś się niemile widziany. Podobnie, jeśli klient napotka złe wrażenia użytkownika w witrynie Twojej marki, odrzuci i nigdy nie wróci. Tym, co przykuwa ich uwagę, jest personalizacja strony internetowej.

Dzisiejsze marki wykorzystują moc mechanizmów personalizacji do segmentacji danych konsumentów i tworzenia dostosowanych doświadczeń, które rezonują z zamiarem zakupu. Chodzi o to, aby pomóc kupującemu znaleźć drogę do właściwego rozwiązania bez utraty fabuły tego, czego potrzebuje.

Być może zastanawiasz się, czy musisz być kodującym ninja, aby personalizować strony internetowe. Dowiedzmy Się!

Zamiast pokazywać odwiedzającemu uniwersalną stronę, korzystasz z dostępnych danych własnych (własne dane) i danych zewnętrznych (wzbogaconych z zaufanego źródła), aby strona była bardziej trafna, responsywna i wnikliwa dla każdego gościa lądującego.

Personalizacja witryny to nie tylko to, co widzą użytkownicy, ale skumulowane zmiany w układach stron, dodatkowe zabezpieczenia treści i wiele więcej. Wpływ personalizacji witryny na powodzenie ogólnej strategii propozycji wartości i celów ruchu jest ogromny i wymierny.

Ważne czynniki personalizacji serwisu

Kiedy mówimy o dobrze zorganizowanej stronie internetowej, mamy na myśli harmonijną relację kilku jej elementów składowych. Niezależnie od tego, czy projektujesz statyczną stronę docelową o charakterze informacyjnym, czy multimedialną stronę produktu promującą Twoją aplikację, musisz wziąć pod uwagę następujące kwestie:

  • Projekt graficzny: dzięki interaktywnym obrazom, infografikom, układom stron, wykresom lub innym elementom projektu możesz nadać komunikatowi kontekst, zmniejszyć obciążenie poznawcze i zoptymalizować wrażenia użytkownika.
  • Tworzenie treści: Treść witryny musi być dynamiczna, zwięzła i powiązana z odwiedzającym. Chociaż żargonowe treści mogą czasami powodować względny wzrost ruchu, na dłuższą metę tworzą wątpliwy wizerunek Twojej marki.
  • Wezwanie do działania: wezwanie do działania zachęca odwiedzającego do podjęcia dalszych działań na ścieżce sprzedaży. Jest to złote narzędzie do generowania i konwersji leadów, które może przynieść bezpośredni organiczny wzrost sprzedaży ze strony internetowej.
  • SEO: SEO porównuje konkurencyjność, jakość i wiedzę twojego produktu z domenami o wysokiej wydajności na stronie wyników wyszukiwania (SERP).

76%

Konsumenci stwierdzili, że otrzymywanie spersonalizowanej komunikacji było kluczowym czynnikiem zachęcającym ich do rozważenia marki.

źródło: McKinsey

Przykłady personalizacji stron internetowych

Odkąd pojawił się Internet, marki walczą o dobrą reputację online. Walka zaczęła się od posiadania podstawowej strony internetowej HTML, po dodanie języków JSON, React.JS, XML i PHP do ich kodu w celu stworzenia responsywnych stron internetowych.

Używają teraz również informacji o lokalizacji, rodzajach produktów i cenach, które kierują konsumentów do najbliższych sklepów stacjonarnych. Dzięki niezliczonym wynalazkom w dziedzinie technologii cyfrowej, sieci i mediów społecznościowych marki zbliżyły się o krok do swoich konsumentów.

Wskazówka: niektóre marki idą o krok dalej w zakresie personalizacji i umieszczają marketing AR na swoich stronach internetowych. Ta technika pomaga poszczególnym osobom zwizualizować produkt w ich otoczeniu, zrobić wirtualną demonstrację, a następnie zdecydować, co robić.

Oto kilka innych przykładów personalizacji witryny, która zwiększa ruch w Twojej witrynie:

  • Amazon: Amazon śledzi intencje użytkowników i wykorzystuje je do tworzenia konkretnych stron docelowych produktów. Już na swojej stronie głównej analizują całą podróż odwiedzającego, aby wywołać konkretne działania sprzedażowe.
  • Bombfell : Bombfell przeprowadza ankiety e-mail marketingowe, aby zrozumieć preferencje dotyczące stylu i ich różnice w zależności od rodzaju, rozmiaru i budżetu.
  • Stitch fix: Podobnie jak Bombfell, Stich Fix porównuje Twoje sugestie na podstawie losowego próbkowania i tworzy e-maile i strony internetowe.
  • Netflix: Netflix śledzi Twoje obecne zegarki, aby proponować Ci filmy, podcasty i filmy należące do tego samego gatunku rozrywki.
  • Spotify: Spotify zapewnia, że ​​jego zawartość jest dostosowana do muzyki, którą kochasz, często odtwarzasz lub odtwarzasz okazjonalnie. Tworzy także niestandardowe listy odtwarzania, podobnie jak Netflix.

Tworzenie strategii personalizacji serwisu

Na pierwszy rzut oka personalizacja witryny może wydawać się trudnym tematem. Do Twojej dyspozycji jest po prostu wiele możliwych eksperymentów, segmentów odbiorców i punktów danych. Ponadto większość przypadków personalizacji wymaga pewnego poziomu wiedzy technicznej. Nie denerwować!

Znaleźliśmy pięć szybkich i łatwych instancji personalizacji, które można wdrożyć w prawie każdej witrynie. Przedstawimy Ci, czym one są, doskonałe przykłady technik w działaniu oraz kilka narzędzi programowych, których możesz użyć, aby wprowadzić te zmiany we własnej witrynie.

50%

użytkowników odbija się po obejrzeniu tylko jednej strony witryny

źródło: Contentsquare

1. Spersonalizuj treść za pomocą persony kupującego

Zacznij dostosowywać zawartość swojej strony dla każdego unikalnego użytkownika z unikalną osobowością kupującego. Rozważmy przykład. Na naszej stronie głównej w Proof, gdy nie mamy informacji o branży odwiedzającego, wyświetlamy następujący ogólny nagłówek:

dowód
Ale jeśli jesteśmy w stanie zidentyfikować branżę, zawód lub inne szczegóły odwiedzającego (w tym przypadku branżą jest handel elektroniczny) na podstawie jego wcześniejszego zachowania lub odpowiedzi w naszej witrynie, możemy dostosować zawartość do jego potrzeb.

marki e-commerce

Analiza intencji kupującego jest przeprowadzana poprzez uzyskiwanie informacji o odwiedzających ze stron internetowych, takich jak Unbounce lub zaangażowaniebay, za pomocą testów A/B.

Drift, agencja marketingu cyfrowego, również stosuje dokładnie ten sam protokół. Jeśli znajdujesz się w segmencie reklam remarketingowych i klikniesz, aby przejść do ich witryny, zobaczysz stronę docelową, która opisuje, jak „Wszystko zaczyna się od rozmowy”.

dryf


Ale jeśli zajmujesz się sprzedażą i widzisz reklamę online dotyczącą Drift, zostajesz przeniesiony na tę stronę, na której Drift jest deklarowany jako „tajna broń” dla Twoich zespołów ds. sprzedaży i przychodów:


dryf sprzedaży

2. Rekomendacja treści

Mówiąc najprościej, rekomendacja treści to system sugerowania odpowiednich treści odwiedzającym, którzy już w jakiś sposób zaangażowali się w Twoją witrynę. Jest to forma reklamy natywnej, która sugeruje dodatkowe treści wraz z istniejącymi treściami.

Możesz zobaczyć rekomendacje treści w formie powiadomień push, górnych pasków lub widżetów treści zatytułowanych „sugerowane lektury” lub „użytkownicy też są zainteresowani”. Powoduje strach przed przegapieniem gościa i zmusza go do dalszego czytania.

Oto przykład tej taktyki zastosowanej na blogu Salesforce, gdzie wykorzystują inteligentne treści, aby spersonalizować podróż dla swoich gości:

źródło: Salesforce

Pique, witryna eCommerce z popularnym blogiem dotyczącym zdrowia, idzie o krok dalej, polecając spersonalizowane eBooki z korzyścią dla odwiedzających.

źródło: pik

Wynik? Czytelnicy widzą bardziej trafne treści — a odwiedzający witrynę zostają dłużej. wygrana-wygrana!

Aby stworzyć spersonalizowaną witrynę internetową, musisz szczegółowo określić zasięg swoich klientów w taki sposób, aby uzyskać jak najwięcej informacji. Oto, co musisz zebrać:

  • Lokalizacja : kraj, region lub stan, w którym mieszka użytkownik.
  • Technologia : typ urządzenia użytkownika (komputer stacjonarny, laptop, telefon komórkowy), system operacyjny, przeglądarka i ekran,
  • Źródła ruchu : Wielopoziomowa atrybucja ruchu do źródeł (bezpośredni, płatny, PPC, organiczny, społecznościowy)
  • Dane stron trzecich : Informacje zebrane z zewnętrznych ankiet i marketingu BTL.
  • Zachowanie : średni czas spędzony na stronie, czas oczekiwania, współczynnik wyświetleń, współczynnik odrzuceń, CTR, współczynnik zaangażowania i konwersje demonstracyjne.
  • Jawne dane : dane zbierane za pomocą wewnętrznych ankiet, seminariów internetowych lub formularzy rejestracyjnych.
  • Przedział czasowy : analiza przedziału czasowego określająca, kiedy użytkownik jest najbardziej aktywny w ciągu dnia, tygodnia lub miesiąca.
  • Bieżąca strona : Sygnały o tym, co użytkownik aktualnie sprawdza w odniesieniu do cyklu życia sprzedaży. Może to być adres URL, strona kategorii lub oferty rabatowe.

3. Zmieniaj wezwania do działania w oparciu o cykl zakupowy

Gdy odwiedzający odwiedza Twoją witrynę — masz możliwość stworzenia znaczących wezwań do działania. Większość popularnych systemów zarządzania treścią, niezależnie od stopnia zaawansowania ich programu do obsługi danych, zbiera przynajmniej dane dotyczące tego, czy ktoś jest gościem po raz pierwszy, powracającym, leadem czy klientem. Na podstawie tych danych CTA jest dostosowywane.

A wiele firm stosuje jeszcze bardziej wyrafinowaną metodę oceny potencjalnych klientów. Na podstawowym poziomie większość witryn może utworzyć cztery różne wersje wezwań do działania dla następujących scenariuszy:

Gość po raz pierwszy Powitaj gościa na swojej stronie, zareklamuj swój produkt
Powracający gość Powitaj ich z powrotem na swojej stronie i przypomnij im, dlaczego odwiedzili ją ostatnio
Opieka nad leadami Delikatnie popchnij ich, aby dokończyli rejestrację lub zakup konkretnego zamówienia z zawartością.
Klient Uroczo powitaj ich z powrotem, sprzedaj więcej

Zobaczmy przykład tego w działaniu.

Doskonałym tego przykładem jest strona główna Gusto. Podczas pierwszej wizyty na ich stronie zobaczysz poniższą stronę. Nagłówek wezwania do działania mówi „jedno miejsce na listę płac, świadczenia i wiele więcej”.

werwa

Ale jeśli jesteś klientem, Gusto o tym wie. Oto ta sama strona główna, którą widzi ten segment użytkowników:

witaj gust


Odwiedzający po raz pierwszy i klient widzą ten sam adres URL, ale doświadczenie wydaje się o wiele bardziej odpowiednie dla każdej grupy.

4. Nawigacja po bułce tartej

Breadcrumb to mała ścieżka tekstowa, którą przechodzi użytkownik, aby dotrzeć do bieżącej strony w Twojej witrynie. Użytkownik może nawigować od góry stron lejka (ToFU) do środka lejka (MoFU) do dolnej części strony lejka (BoFu), która zwykle jest oknem płatności. Breadcrumb to techniczny aspekt personalizacji witryny pod kątem SEO, który nie pozwala odwiedzającemu stracić orientacji.

Uwaga, Google uwielbia bułkę tartą. Poza mapami witryn XML informuje robot indeksujący, w jaki sposób usystematyzowałeś i ustrukturyzowałeś swoją witrynę internetową, aby była zrozumiała dla ludzi.

Możesz tworzyć różne rodzaje kreatywnej bułki tartej, aby tworzyć wspomnienia dla użytkowników.

  • Bułka tarta oparta na hierarchii: Strona główna > Blog > Kategoria > Nazwa wpisu
  • Bułka tarta oparta na atrybutach: Strona główna > Kategoria produktu > Płeć > Rozmiar > Kolor
  • Bułka tarta oparta na historii: Strona główna > Poprzednia strona > Poprzednia strona > Poprzednia strona > Bieżąca strona

5. Formatowanie nagłówka

Nagłówki HTML w Twojej witrynie muszą być zwięzłe i posortowane malejąco. Na przykład, jeśli główny nagłówek Twojej witryny mówi „De facto CRM do automatyzacji ręcznego procesu”, nie wnosi to zbyt wiele do Twojego produktu. Zamiast mieć ten nagłówek jako H1, możesz zmienić jego przeznaczenie na „De facto Sales CRM, aby szybciej zamykać transakcje”. To stwierdzenie mówi odwiedzającemu dokładnie, gdzie produkt ma zastosowanie w cyklu sprzedaży.

Kilka wskazówek, których należy przestrzegać podczas projektowania nagłówków:

  • H1 lub Główny nagłówek: Pierwszy nagłówek Twojej witryny musi być głównym tematem rozmowy, który tworzy nową wizję Twojego produktu.
  • Hierarchia nagłówków : podążaj za nagłówkami, dzieląc się na podtematy swoich nagłówków. Z H1 przejdź do H2, z H2 do H3 i tak dalej.
  • Delikatne kolory i czcionka: Używaj delikatnych kolorów, które są przyjemne dla oka. Najbardziej preferowaną czcionką nagłówków jest Serif lub Sans-Serif.
  • Podstawowe wezwanie do działania: uzupełnij nagłówek główną propozycją wartości produktu. Wezwanie do działania powinno zachęcać użytkownika do natychmiastowego zgłoszenia zainteresowania.
  • Optymalizacja mobilna: pamiętaj o sformatowaniu nagłówków witryn mobilnych. Ogromna część odbiorców może przeglądać Twoją witrynę w dowolnym miejscu. Spłaszcz swój UX w różnych gadżetach.

6. Automatyczne wypełnianie formularzy danymi użytkownika

Najbardziej szalona koncepcja marketingu B2B polega na tym, że gdy ktoś chce zapłacić więcej za Twój produkt (np. kupić plan wysokiego poziomu lub Enterprise), marketerzy często odpowiadają większą biurokracją: lawina pytań wymaga spotkań i wielu e-maili.

Na przykład, jeśli powiesz „Chcę kupić to oprogramowanie, oto moja karta kredytowa, zapłacę wszystko”, taką odpowiedź otrzymasz. „Dobrze, czy możesz wypełnić ten formularz, podając 20 pól informacji, które już o Tobie wiemy, umówić się na prezentację, porozmawiać przez godzinę z kwalifikującym się przedstawicielem, a potem firma zdecyduje, czy się do Ciebie nadaje”.

Rozważ witrynę Mention. Na ich stronie głównej znajduje się strona z prośbą o podanie adresu e-mail, aby rozpocząć proces rejestracji.

wzmianka-strona główna

Firma Mention wyraźnie określa tę rejestrację jako okazję do zachwytu odwiedzających, inteligentnie identyfikując i weryfikując dane. Gdy tylko wstawisz swój e-mail na pierwszej stronie, trafią do bazy danych, aby pobrać dane demograficzne lub firmograficzne na Twój temat.

Następnie na następnej stronie Mention automatycznie wypełnia swój formularz informacjami, które pobrali o Tobie. Na poniższym zrzucie ekranu zobaczysz, że pobierają Twoje imię i nazwisko z podanego adresu e-mail, a także przenoszą Twój adres e-mail z pierwszego kroku. Zapewnia konsumentom lepsze wrażenia i sprawdza dane firmy.

wzmianka

Silnik personalizacji strony internetowej

Podążanie różnymi drogami do tego samego miejsca docelowego generowania i pielęgnowania MQL to wieloaspektowy proces. Personalizacja wymaga połączenia kropek między Twoją marką a potencjalnym konsumentem poprzez segmentację w czasie rzeczywistym, alokację i analizę ich osobistych wydarzeń, działań i danych behawioralnych.

Pozyskiwanie tych danych z wielu źródeł można scentralizować za pomocą mechanizmu personalizacji, który pomaga w tworzeniu potężnych, kontekstowych doświadczeń dla konsumentów.

Siatka G2 do personalizacji silników

Zdobądź ten dodatkowy kredyt

Klienci są ogólnie szczęśliwsi, gdy dostają to, czego chcą. Bardziej postrzegają Twoją markę, a co za tym idzie, zostają na całe życie.

Personalizacja może być przerażającym tematem dla marek. Może wydawać się czasochłonne, trudne w zarządzaniu i skomplikowane technicznie. I chociaż kiedyś tak było, to już nie jest problem.

Istnieje mnóstwo strategii, które marki mogą zacząć wdrażać już dziś, aby tworzyć bardziej atrakcyjne witryny, i mamy nadzieję, że te tutaj wystarczyły, aby pobudzić kreatywność.

Dowiedz się, jak drastycznie zwiększyć liczbę konwersji e-maili, budując zwycięską strategię e-maili.