Cum vă poate ajuta Divi să ghideze vizitatorii prin pagini web lungi

Publicat: 2017-04-14

Nu este un secret faptul că crearea unui conținut excelent de formă lungă contribuie la o clasare mai bună a motoarelor de căutare. Cu toate acestea, această strategie se poate întoarce cu ușurință dacă materialul este greu de consumat sau de navigat, creând astfel o experiență slabă pentru utilizator. Aici intervine navigarea în pagină. Din fericire, Divi vine cu un set de caracteristici și module native pentru a vă ajuta să vă ghidați cititorii prin astfel de conținut.

În acest articol, vom explica mai întâi de ce ar trebui să luați în considerare utilizarea navigării în pagină și apoi vă vom arăta trei moduri în care o puteți implementa folosind Divi. Să începem!

De ce ar trebui să luați în considerare utilizarea Navigării în pagină

exemplu de navigare în pagină

Filele superioare sunt un exemplu de navigare în pagină. Fiecare filă reprezintă un link către o anumită secțiune a paginii.

Navigarea în pagină este esențială în două scenarii principale: conținutul de formă lungă în general și site-urile web de o pagină în special. Pe măsură ce peisajul s-a deplasat către conținut de formă lungă în ultimii ani, structurarea și organizarea corespunzătoare a conținutului respectiv a devenit mai importantă ca niciodată. Perioada de atenție scade și, dacă oamenii trebuie să treacă prin prea multe informații pentru a ajunge la ceea ce caută, sunt șanse să le pierzi.

Navigarea în pagină vă permite să vă prezentați conținutul într-un mod mult mai digerabil, sporind probabilitatea ca vizitatorul dvs. să rămână în jurul său pentru a explora mai mult din conținutul dvs. Acest lucru poate ajuta la îmbunătățirea experienței generale a utilizatorului, la reducerea ratei de respingere și, sperăm, la un număr crescut de conversii.

3 moduri de a oferi navigare în pagină folosind Divi

O metodă populară de navigare în pagină (pe care am tratat-o ​​pe larg într-o postare anterioară) este utilizarea hiperlegăturilor de text ancoră care se leagă de elemente interne de pe aceeași pagină. Cu toate acestea, Divi oferă câteva alte modalități excelente de a vă ajuta să vă ghidați utilizatorii prin conținutul dvs. de formă lungă. Vă vom prezenta trei dintre aceste opțiuni și vă vom arăta cum să le implementați.

1. Activați Navigarea prin puncte

Un exemplu de navigare cu puncte

După cum puteți vedea din exemplul de imagine de mai sus, odată activată, funcția de navigare prin puncte apare sub forma unui meniu punctat în partea laterală a paginii. Fiecare punct reprezintă o secțiune pe acea pagină specifică, ceea ce înseamnă că vizitatorul dvs. este în mod constant conștient de punctul în care se află. De asemenea, este ușor să accesați orice secțiune făcând clic pe punctul corespunzător, eliminând necesitatea de a derula printre grămezi de conținut.

Puteți activa cu ușurință navigarea cu puncte în orice postare sau pagină. Mai întâi, asigurați-vă că utilizați Divi Builder și, dacă nu, activați-l făcând clic pe butonul violet Utilizați Divi Builder .

Utilizați butonul Divi Builder

În colțul din dreapta sus, sub Setări postare Divi ( sau Setări pagină Divi dacă vă aflați într-o pagină ) , deschideți meniul derulant Navigare punct și alegeți Activat .

Meniul Setări post Divi

Ești gata! Navigarea cu puncte ar trebui să apară acum în postarea dvs. când o previzualizați. Pe măsură ce adăugați mai multe secțiuni, punctele corespunzătoare vor fi adăugate automat la meniu.

După ce ați activat navigarea cu puncte, vă recomandăm să consultați acest videoclip cu sfaturi pentru stilul meniului.

2. Separați conținutul utilizând modulul Tabs

Un exemplu de file

Utilizarea filelor poate fi o modalitate excelentă de a separa bucăți de conținut și le puteți crea folosind modulul Divi Tabs. Numai conținutul dintr-o filă activă (fila pe care tocmai a dat clic) va fi vizibil pentru vizitatorii dvs. Acest lucru minimizează șansa ca vizitatorii să fie copleșiți de cantitatea de material și le permite să-l exploreze în ritmul lor, făcând clic pe fiecare filă și consumând conținutul său separat.

Un exemplu de utilizare bună a filelor este atunci când doriți să afișați servicii diferite pe aceeași pagină. De exemplu, dacă sunteți o agenție digitală care oferă servicii de design web, marketing digital și branding, puteți crea o filă pentru fiecare. Acest lucru neagă necesitatea ca utilizatorul să deruleze în jos la serviciul relevant, oferind o experiență generală îmbunătățită.

Pentru a insera un modul Tabs, în Divi Builder, selectați Insert Column (s) și alegeți câte coloane doriți să adăugați. (Rețineți că aveți nevoie doar de un modul Tabs pentru a crea un set de file side-by-side.)

Butonul Insert Column (s)

Acum faceți clic pe Inserați modul (e) și alegeți Filele .

Ecranul Insert Module cu butonul Taburi evidențiat

Veți ajunge la ecranul de setări al modulului, unde puteți face clic pe Adăugare filă nouă .

Ecranul Setări modul modul Tab

Acest lucru vă va duce la ecranul de setări al filei individuale. Aici trebuie să introduceți titlul și conținutul, apoi să faceți clic pe Salvare .

Ecranul Setări filă

Ați terminat de creat prima filă. Puteți repeta acest proces până când ați adăugat toate filele necesare și conținutul acestora.

3. Introduceți acordeonuri sau comutatoare

Un exemplu de acordeon

Acordeoanele sunt foarte asemănătoare cu filele, diferența majoră fiind că conținutul apare într-o listă verticală. De fiecare dată când faceți clic pe un element acordeon, orice alt element extins se prăbușește și se afișează conținutul elementului făcut clic.

Comutările au, de asemenea, o natură similară, cu excepția faptului că dacă faceți clic pe un element de comutare, nu veți restrânge altele. În schimb, conținutul tuturor comutărilor selectate va fi afișat simultan.

Un loc popular pentru a utiliza aceste elemente este în paginile de întrebări frecvente. Sunt convenabile, deoarece oamenii pot vizualiza toate întrebările simultan și pot extinde doar răspunsurile relevante pentru ele. Atât acordeonele, cât și comutatoarele pot fi adăugate cu ușurință în Divi folosind modulul Acordeon și respectiv modulul Toggle.

Introducerea unui acordeon în Divi este similară cu adăugarea de file, deoarece puteți adăuga mai multe elemente în fiecare modul. Urmați pașii pentru inserarea unui modul de mai sus, cu excepția de data aceasta, selectați Acordeon în loc de Tabs .

Ecranul Insert Module cu butonul Accordian evidențiat

În ecranul de setări rezultat, faceți clic pe Adăugare element nou .

Ecranul Setări modul Accordian

În următorul ecran, introduceți titlul și conținutul și apăsați Salvare . Puteți repeta acest lucru pentru fiecare articol din acordeon.

Ecranul Setări articole Accordian

Crearea unui set de comutare în Divi este, de asemenea, similară cu adăugarea de file, dar diferența majoră aici este că veți crea un nou modul de comutare pentru fiecare rând de conținut. Pentru a insera prima comutare, după ce faceți clic pe Inserare modul (module) , selectați Comutare .

Ecranul Insert Module cu butonul Toggle evidențiat

Acum vi se va afișa ecranul de setări a modulului în care puteți adăuga titlul, puteți alege o stare implicită (dacă comutatorul trebuie să fie deschis sau închis în mod implicit atunci când vizitatorul aterizează pentru prima dată pe pagina dvs.) și introduceți conținutul. Când ați terminat, faceți clic pe Salvați și ieșiți .

Ecranul Setări modul de comutare

Pentru a adăuga modulul următor, faceți clic pe Inserare modul (e) sub primul, apoi selectați din nou Comutare și introduceți detaliile corespunzătoare. Continuați să adăugați module până când setul dvs. de comutare este complet.

Concluzie

Cercetarea și scrierea conținutului de formă lungă care oferă valoare cititorului dvs. este adesea o sarcină intensivă în resurse. În consecință, este foarte frustrant să depui toate acele eforturi doar pentru a avea conținutul tău abandonat la jumătatea drumului din cauza structurii și utilizabilității slabe.

În acest articol, am analizat de ce ați putea dori să luați în considerare navigarea în pagină pentru conținutul dvs. și am oferit trei moduri diferite de abordare a acestuia folosind Divi. Să recapitulăm aceste metode rapid:

  1. Activați navigarea prin puncte pe postările și paginile dvs.
  2. Separați conținutul utilizând modulul Tabs.
  3. Introduceți acordeonuri sau comutatoare utilizând modulul Acordeon sau modulul Toggle.

Aveți vreun sfat pentru a ghida vizitatorii prin pagini web lungi? Împărtășiți-le cu noi în secțiunea de comentarii de mai jos!

Imagine în miniatură a articolului de la Graphic farm / shutterstock.com