Powiązane wpisy to jeden z tych elementów bloga, które często trafiają na sam koniec listy. Najpierw robi się listing, potem pojedynczy wpis, potem archiwum kategorii, a dopiero później ktoś przypomina sobie, że dobrze byłoby jeszcze podpowiedzieć użytkownikowi, co czytać dalej.
I właśnie wtedy okazuje się, że ten mały blok robi więcej, niż wygląda. Bo dobrze ustawione powiązane wpisy nie są ozdobą pod artykułem. One przedłużają sesję, porządkują ścieżkę czytania i pomagają nie urwać ruchu na końcu wpisu.
W Divi 5 da się to zrobić bez dodatkowej wtyczki i bez dokładania kolejnego ciężkiego rozwiązania do bloga. To dokładnie ten typ tematu, który pasuje do serii „Zrób to w Divi 5”: jeden konkretny blok, jedno konkretne zastosowanie, gotowy efekt.
W tym poradniku zrobisz prosty blok „czytaj dalej” krok po kroku.
Po co w ogóle dodawać powiązane wpisy
Bo koniec artykułu to moment, w którym użytkownik najłatwiej odpada.
Przeczytał treść, dotarł do ostatniego akapitu i jeśli nie dostanie sensownej podpowiedzi, co dalej, po prostu zamknie kartę albo wróci do wyników wyszukiwania.
Blok powiązanych wpisów pomaga to zatrzymać. Dobrze działa szczególnie wtedy, gdy:
-
masz już kilka tekstów w jednym temacie,
-
budujesz klastry treści,
-
chcesz podtrzymać czytanie bez wciskania od razu formularza czy CTA sprzedażowego,
-
zależy Ci na logicznym linkowaniu wewnętrznym.
To nie musi być rozbudowany system rekomendacji. Na początek wystarczy prosty, czytelny blok pod treścią.
Gdzie najlepiej umieścić taki blok
Najczęściej:
-
bezpośrednio pod treścią wpisu,
-
pod bio autora,
-
przed komentarzami,
-
albo przed końcowym CTA, jeśli blog wspiera sprzedaż.
Najbezpieczniejsza wersja to po prostu:
koniec treści → powiązane wpisy → ewentualnie CTA.
Taki układ jest naturalny, bo najpierw proponujesz użytkownikowi kolejny materiał w podobnym temacie, a dopiero potem próbujesz go kierować dalej.
Zanim wejdziesz do buildera
Dobrze mieć już gotowe trzy rzeczy:
-
szablon single post,
-
kilka opublikowanych wpisów,
-
sensowny porządek kategorii albo tagów.
To ważne, bo blok powiązanych wpisów nie ma sensu, jeśli blog ma dwa teksty albo wszystkie wpisy wrzucone są do jednej przypadkowej kategorii.
Im lepiej uporządkowany content, tym lepiej taki blok zaczyna działać.
Krok 1 — otwórz szablon pojedynczego wpisu
Wejdź do:
Divi → Theme Builder
i otwórz szablon, którego używasz dla pojedynczych wpisów.
To tam powinien trafić blok „czytaj dalej”, bo ma być elementem powtarzalnym, a nie ręcznie dokładanym do każdego artykułu osobno.
Jeśli masz już zrobiony single post, to ten wpis jest naturalnym rozwinięciem tamtego tutoriala. Nie budujesz nowego szablonu od zera — tylko rozbudowujesz istniejący układ o jeden sensowny element.
Krok 2 — dodaj nową sekcję pod treścią wpisu
Pod modułem z treścią artykułu dodaj nową sekcję.
Na start najlepiej sprawdza się prosty układ:
-
jeden nagłówek,
-
pod nim lista lub siatka wpisów.
Nie komplikuj tego za bardzo.
Blok powiązanych wpisów ma być czytelny i lekki. Jeśli zrobisz z niego pół strony z wielkimi kartami, dużymi opisami i kilkoma dodatkowymi warstwami, zacznie konkurować z samym wpisem zamiast go domykać.
Krok 3 — dodaj prosty nagłówek sekcji
Na górze tej sekcji dodaj krótki nagłówek, na przykład:
-
Czytaj dalej
-
Powiązane wpisy
-
Zobacz też
-
Kolejne artykuły na ten temat
Najlepiej działa coś prostego i neutralnego.
Nie ma potrzeby robić z tego osobnej sekcji sprzedażowej ani bardzo kreatywnego hasła. Użytkownik ma od razu rozumieć, że niżej znajdzie kolejne teksty do przeczytania.
Krok 4 — wybierz prosty układ wpisów
Na początek najlepiej działa:
-
2 albo 3 wpisy,
-
prosty układ kart albo lista,
-
obrazek wyróżniający opcjonalnie,
-
tytuł obowiązkowo,
-
krótki excerpt tylko jeśli naprawdę pomaga.
Najbezpieczniejsza wersja to:
-
miniatura,
-
tytuł,
-
link.
To wystarczy.
Przy powiązanych wpisach bardzo łatwo przesadzić i zrobić drugi listing bloga pod każdym artykułem. A przecież nie o to chodzi. Ten blok ma być krótką podpowiedzią, nie osobnym archiwum.
Krok 5 — zdecyduj, po czym te wpisy mają być „powiązane”
To najważniejsza decyzja w całym bloku.
Najczęściej sens mają trzy drogi:
-
wpisy z tej samej kategorii,
-
wpisy z podobnego tematu,
-
ręcznie wybrane wpisy, jeśli zależy Ci na pełnej kontroli.
Jeśli chcesz najprostszą i najbardziej naturalną wersję, zacznij od:
wpisów z tej samej kategorii.
To zwykle wystarcza, żeby blok był logiczny i nie wyglądał na przypadkowy.
Nie próbuj od razu budować skomplikowanego systemu rekomendacji. W większości projektów prosta logika działa lepiej niż przekombinowany układ.
Krok 6 — pilnuj, żeby nie pokazać bieżącego wpisu
To niby drobiazg, ale bardzo ważny.
Jeśli w sekcji „powiązane wpisy” pojawia się właśnie czytany artykuł, cały blok zaczyna wyglądać niedbale.
Dlatego upewnij się, że:
-
bieżący post jest wykluczony,
-
liczba wpisów jest sensowna,
-
układ działa także wtedy, gdy w kategorii jest mniej treści.
Lepiej pokazać 2 dobre wpisy niż 5 losowych.
Krok 7 — nie przeciążaj tego bloku treścią
To częsty błąd.
Ludzie próbują wcisnąć tam:
-
długi excerpt,
-
autora,
-
datę,
-
kategorię,
-
przyciski,
-
czas czytania,
-
dodatkowy opis sekcji,
-
duże miniatury.
I nagle powiązane wpisy zaczynają wyglądać ciężej niż główny listing bloga.
Na końcu artykułu zwykle działa prostota:
-
krótki nagłówek,
-
2–3 pozycje,
-
czytelny rytm,
-
jasny kierunek kliknięcia.
To ma pomagać przejść dalej, a nie znowu zatrzymywać użytkownika ścianą treści.
Krok 8 — sprawdź ten blok na krótkich i długich wpisach
Po dodaniu sekcji nie testuj jej tylko na jednym artykule.
Sprawdź:
-
długi wpis,
-
krótki wpis,
-
wpis z kategorii, która ma dużo treści,
-
wpis z kategorii, która ma mało treści,
-
tytuły krótkie i długie.
To najlepszy sposób, żeby zobaczyć, czy blok faktycznie działa jako element systemu, a nie tylko jako ładny przykład na jednym wpisie testowym.
Krok 9 — sprawdź wersję mobilną
Na telefonie powiązane wpisy bardzo łatwo robią się:
-
zbyt ciasne,
-
za ciężkie,
-
za długie,
-
zbyt podobne do głównego contentu.
Sprawdź:
-
czy tytuły dobrze się łamią,
-
czy karty nie są za wysokie,
-
czy miniatury nie dominują całego bloku,
-
czy kliknięcie jest wygodne.
Na mobile zwykle najlepiej działa jeszcze prostsza wersja niż na desktopie.
Kiedy ten blok działa najlepiej
Najlepiej działa wtedy, gdy:
-
blog jest już trochę rozbudowany,
-
wpisy są logicznie połączone,
-
użytkownik ma po co klikać dalej,
-
sekcja nie konkuruje z głównym CTA.
Jeśli blog dopiero startuje, możesz potraktować ten blok jako inwestycję na później. Ale jeśli masz już kilka sensownych wpisów, warto go dodać wcześniej niż później.
Najczęstszy błąd przy budowie powiązanych wpisów w Divi 5
Najczęstszy błąd nie leży w samym builderze.
Polega na tym, że ktoś próbuje zrobić z tego bloku wszystko naraz:
-
rekomendacje,
-
dodatkowy listing,
-
mini archiwum,
-
kolejne CTA,
-
sekcję z dużymi kartami i pełnymi opisami.
A wtedy ten element zamiast domykać wpis, zaczyna go rozsadzać.
Lepsza zasada:
to ma być krótka, logiczna podpowiedź, co przeczytać dalej.
Jak powinien wyglądać dobry pierwszy blok „czytaj dalej”
Pierwsza wersja powinna być:
-
prosta,
-
krótka,
-
osadzona pod treścią wpisu,
-
oparta na logicznym powiązaniu,
-
łatwa do kliknięcia na telefonie.
To wystarczy.
Nie musisz od razu budować najbardziej zaawansowanej sekcji related posts. Ważniejsze jest to, żeby użytkownik po przeczytaniu tekstu dostał naturalny kolejny krok.