Cum să adăugați pesmeturi la WordPress pentru a ajuta utilizatorii să navigheze mai bine pe site-ul dvs

Dacă rulați un site web bogat în conținut sau dacă vă întrebați cum atunci acest articol vă va ajuta să învățați cum să adăugați pesmeturi la WordPress.

În basmul german, „ Hansel și Gretel ”, fratele și sora mai mici – auzind planul maleficului lor vitreg de a-i arunca în pădure ca să se descurce singuri – au luat o felie de pâine și au lăsat o urmă de pesmet urmează înapoi acasă odată ce părinții lor i-au abandonat.

În editura modernă; pe web, software sau documente, pesmeturile sunt folosite în mod similar pentru a ajuta un cititor să-și găsească drumul înapoi acasă. Sau cel puțin să-și poată reveni pe pași în funcție de locul în care se află.

Breadcrumb-urile sunt elemente secundare de navigare pe un site web care arată locația unui vizitator.

Citiți acest articol, pentru că știți ce este, dar în cazul în care vă întrebați cum arată, puteți merge pe eBay și îl vedeți pe al lor.

Un cumpărător care vizualizează un suport de încărcare Qi Wireless Fast Charger Stand Dock pentru Galaxy S9+ iPhone X XS Max, știe cu ușurință unde se află și cum să obțină diferitele categorii în care este listat produsul său.

În acest caz, există un link înapoi la pagina de pornire, apoi un link către categoria principală a unui produs este listat – Telefoane mobile și accesorii, urmată de o subcategorie – Accesorii pentru telefoane mobile și o altă subcategorie – Încărcătoare și suporturi .

De ce să adăugați pesmet pe un site WordPress?

Privind structura eBay de mai sus, puteți vedea cum breadcrumbs sunt excelente pentru experiența utilizatorului pe site-ul web stratificat sau ierarhic. Un vizitator știe unde se află la un moment dat în timp ce navighează pe un site. Dacă trebuie să meargă la categoria părinte în care este listat produsul sau articolul pe care îl vizionează, trebuie doar să facă clic pe linkul din pesmet.

Ceea ce ne duce la un alt beneficiu al adăugării de pesmet pe un site web WordPress, un utilizator nu trebuie să facă clic pe butonul înapoi al unui browser, ci doar pe pesmet.

Breadcrumb-urile permit descoperirea de conținut pe un site web. Luați în considerare un vizitator trimis la un articol dintr-un motor de căutare sau un link pe un alt site web. Când un utilizator a citit articolul, rubrica oferă utilizatorului mai multe opțiuni pentru a merge la o categorie superioară pentru a vedea conținut similar. Acest lucru, după cum puteți ghici, duce la un utilizator să petreacă mai mult timp pe un site web, ceea ce duce la rate reduse de respingere.

Pesmeturile nu numai că ajută utilizatorii să navigheze pe un site web, ci și motoarele de căutare să navigheze pe un site.

Orice lucru care îmbunătățește experiența utilizatorului, orice reduce ratele de respingere, orice permite roboților motoarelor de căutare să acceseze cu crawlere și să indexeze cu ușurință un site, ajută site-ul să obțină laude pentru motorul de căutare.

Așa cum este, adăugarea de breadcrumbs ajută un site web cu eforturile sale de optimizare pentru motoarele de căutare.

Cum să adăugați pesmet pe un site web WordPress?

Cele mai multe teme WordPress moderne și aproape toate temele de comerț electronic au caracteristici de tip breadcrumb prin design.

Pentru a adăuga breadcrumb pe site-ul dvs. cu o astfel de temă, activați opțiunea, care se găsește adesea în opțiunile temei. Consultați documentația temei dvs. sau dezvoltatorii de teme dacă aveți îndoieli.

Dacă tema dvs. nu acceptă în mod nativ pesmeturile, atunci le puteți adăuga cu ușurință folosind pluginuri pesmet. De asemenea, puteți utiliza majoritatea pluginurilor SEO WordPress, cum ar fi Yoast, pentru a adăuga pesmet pe site-ul dvs.

Pentru acest articol, vom adăuga breadcrumb la WordPress cu un plugin gratuit WordPress – Breadcrumb NavXT

Pasul 1: Instalați pluginul Breadcrumb NavXT WordPress.

Breadcrumb NavXT generează breadcrumb pe baza locației unui utilizator. Traseele pot fi apoi personalizate după bunul plac.

Continuați și instalați Breadcrumb NavXT.

Dacă nu știi cum să instalezi pluginuri în WordPress, este ușor. Conectați-vă la tabloul de bord, apoi derulați în jos în meniul din stânga sub Pluginuri, faceți clic pe Adăugare nou.

Introduceți pluginul pe care doriți să îl instalați – Breadcrumb NavXT – în caseta de căutare.

Într-o secundă sau două, rezultatele vor reveni. Acum, faceți clic pe Instalați acum , după aceea, așteptați încă o secundă sau două, apoi faceți clic pe Activare .

Pasul 2: Afișarea Breadcrumb NavXT Breadcrumb pe un site WordPress.

Puteți afișa pesmetul în două moduri.

1. Folosind widget-ul oferit de Breadcrumb NavXT

Accesați meniul principal; Aspect > Widgeturi.

Găsiți Breadcrumb NavXT, apoi trageți-l în bara laterală în care doriți pesmeturile dvs.

Acum, accesați orice postare sau pagină în care apare bara laterală și ar trebui să vedeți pesmeturile dvs.

Dacă doriți pesmeturile dvs. oriunde, în afară de bara laterală, ca exemplul eBay, atunci va trebui să vă murdăriți mâinile și să vă modificați tema.

2. Modificați-vă tema

Fișierele pe care poate fi necesar să le modificați sunt; home.php, single.php, page.php. De asemenea, puteți modifica taxonomiile și orice alt fișier, atâta timp cât aveți nevoie de pesmet acolo.

Dar, înainte de a face ceva, faceți o copie de rezervă a site-ului dvs. Propriul nostru plugin de backup WPVivid vă va economisi timp și dureri de cap dacă lucrurile se vor întoarce înapoi.

În continuare, vă recomand să faceți orice modificări la o temă copil. Avem un articol care vă va arăta exact cum să creați o temă copil pentru site-ul dvs. WordPress.

Dacă ați făcut cele de mai sus, continuați și adăugați următorul cod la paginile pe care doriți să le afișați pe pesmet.

 <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">

<?php if(function_exists('bcn_display')) { bcn_display(); }?>

</div>

Dacă doriți să îl afișați într-un articol, fișierul single.php este ceea ce modificați. Lipiți codul în eticheta articolului.

Salvați modificările și apoi accesați articolele.

Pesmetul dvs. ar trebui să fie în zona în care ați plasat codul.

Puteți vedea că în cazul meu am pesmetul deasupra articolului.

Dacă pesmeturile dvs. nu sunt afișate corect, va trebui să-l stilați cu ceva CSS.

Breadcrumb NavXT folosește clasa css .breadcrumbs (aceasta poate depinde și de tema). Puteți modifica codul CSS al site-ului dvs. sau puteți utiliza personalizarea WordPress pentru a vă stila pesmeturile.

 .firimituri de pâine {

culoare: #000;

margine-jos: 20px;

}

Pasul 3: Personalizarea breadcrumb NavXT.

Dacă trebuie să faceți modificări la pesmeturile dvs., atunci puteți face asta în tabloul de bord WordPress.

Accesați pagina de setări Breadcrumb NavXT. Îl puteți găsi în meniul general WordPress – Setări > Breadcrumb NavXT – .

Asta este, sper că ai adăugat cu succes pesmet pe site-ul tău WordPress.

Nu vă pierdeți vizitatorii în jungla site-ului dvs. Adăugați pesmet pe site-ul dvs.

În continuare, poate doriți să aflați și cum să adăugați Google Custom Search la WordPress pentru a vă îmbunătăți navigarea la fața locului.