Cum să afișați legăturile de navigare Breadcrumb în WordPress

Când vizitați un site web și vedeți ceva de genul „ Acasă-> Magazin-> Contul meu” , acestea se numesc breadcrumbs .

Acestea servesc drept „pistă” pentru a ajuta utilizatorii să înțeleagă locația lor actuală pe site și cum au ajuns acolo. Numit după povestea lui Hansel și Gretel, pesmeturile ajută utilizatorul prin navigarea pe site.

În scrisul de astăzi, vom acoperi:

• Beneficiile adaugarii de pesmet
• Cele mai bune metode pentru implementarea breadcrumb-urilor pe site-ul dvs. WordPress.
• Cel mai bun plugin WordPress pentru a adăuga pesmet pe site-ul tău.

Fără să pierdem timpul, să începem...

Beneficiile adăugării de pesmet pe site-ul dvs. web

Înainte de a ajunge la partea tutorial, trebuie să cunoașteți beneficiile pesmetului-

1. Breadcrumbs oferă utilizatorilor o hartă clară a călătoriei lor, utilă pe site-uri web mari, cum ar fi site-uri de comerț electronic sau bloguri.
2. Pesmeturile contribuie la o experiență de navigare mai fluidă.
3. Vizitatorii pot sări rapid la pagini fără a se baza pe meniul principal sau pe butonul înapoi.
4. Motoarele de căutare folosesc breadcrumbs pentru a înțelege structura site-ului dvs.
5. Breadcrumbs pot apărea în rezultatele motoarelor de căutare, pot crește ratele de clic și pot ajuta motoarele de căutare să indexeze mai bine site-ul dvs.
6. Breadcrumb reduce ratele de respingere și crește implicarea.
7. Sunt ușoare și ușor de adaptat

Breadcrumb-urile nu sunt doar un ajutor de navigare, ele sunt o componentă crucială a oricărui site web ușor de utilizat și optimizat pentru căutare.

Acum să vedem cum puteți adăuga navigare pe site-urile WordPress.

Cum se adaugă navigare Breadcrumb pe site-ul WordPress

Așadar, vă vom arăta cum să adăugați navigare pe site-ul dvs. WordPress folosind 3 metode.

• Folosind un plugin WordPress
• Utilizarea codului personalizat
• Utilizarea suportului unei teme.

Să începem-

1. Folosind un plugin WordPress pentru a adăuga navigație Breadcrumb

După cum se întâmplă în mod normal, există întotdeauna un plugin WordPress pentru a adăuga orice fel de funcționalități site-ului tău WordPress. Există un plugin numit Breadcrumb NavXT care adaugă navigare prin breadcrumb.

Acesta este unul dintre cele mai populare pluginuri de tip WordPress, cu peste 900.000 de instalări active. Pluginul are toate caracteristicile necesare în versiunea gratuită care vă vor ajuta să adăugați și să personalizați navigarea pe site-ul dvs.

Iată pașii pentru a afișa navigarea pe site-ul dvs. web-

Pasul 1: Instalați și activați pluginul

În primul rând, instalați pluginul din tabloul de bord WordPress. Accesați Plugins–> Add New și tastați Breadcrumb NavXT în caseta de căutare. Apoi instalați și activați pluginul-

Pasul 2: Configurați setările Breadcrumb NavXT

Veți găsi opțiunile de personalizare ale pluginului în Setări–> Breadcrumb NavXT . Veți găsi diverse opțiuni pentru a personaliza pesmetul. Dar dacă aveți puțin timp sau aveți puține cunoștințe tehnice, atunci păstrați setările implicite.

Notă: Când am instalat pluginul, nu am modificat nicio setare. Le-am păstrat pe cele implicite. A funcționat bine pentru mine.

Pasul 3: Adăugați blocul Gutenberg

După configurarea setărilor, trebuie să adăugați blocul Breadcrumb Trail pe pagina sau postarea căreia doriți să afișați breadcrumbs. Selectați orice pagină sau postare, alegeți și adăugați blocul traseu.

Aceasta va adăuga navigarea pe pagină sau post-

De asemenea, puteți utiliza widget-ul pentru a adăuga pesmet. Doar accesați Aspect –> Widgeturi . Acolo găsiți widgetul Breadcrumb Trail și adăugați unde doriți să afișați breadcrumb pe site-ul dvs. -

Acesta este cât de ușor puteți naviga pe site-ul dvs. web.

Dar există o captură. Puteți face această pagină numai după pagină sau postare prin postare. Asta îți va lua mult timp.

Dacă doriți să faceți acest lucru la nivel de site, atunci trebuie să utilizați codare personalizată.

2. Folosirea codului personalizat pentru a adăuga navigarea pe breadcrumb

Dacă aveți instalat pluginul Breadcrumb NavXT, atunci puteți folosi un pic de cod pentru a afișa breadcrumb-urile pe tot site-ul.

Puteți folosi opțiunea Theme File Editor din Aspect sau deschideți Managerul de fișiere din CPanel și găsiți fișierul header.php.

Acolo adauga acest cod-

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

Notă: inițial am avut probleme la adăugarea acestui cod ca fiind „<!–?php”. Dar codul avea deja un „<!–?php” de la început. De aceea îmi dădea o eroare. Am furnizat singura parte a codului pe care trebuie să o utilizați. Copiați-l și plasați-l la sfârșitul codului.

Aceasta va adăuga navigare pe întregul site-

E la fel de simplu.

3. Utilizarea suportului pentru teme pentru a adăuga breadcrumb

De asemenea, puteți utiliza suportul pentru teme pentru a adăuga pesmet pe site-ul dvs. De exemplu, în tema vitrinei, accesați opțiunea de personalizare a temei. Acolo, în secțiunea de widget-uri, veți găsi blocul Breadcrumb NavXt-

Puteți configura setările de aici. Apoi puteți adăuga un bloc Breadcrumb Trail pentru a afișa breadcrumbs-

Acesta este modul în care puteți afișa navigarea pe site-ul dvs. WordPress.

Pluginuri populare pentru a adăuga pesmet pe site-ul dvs. WordPress

Dacă nu vă simțiți confortabil să utilizați pluginul Breadcrumb NavXT, atunci există și alte plugin-uri pe care le puteți utiliza -

1. Yoast SEO

Yoast SEO este un plugin popular conceput pentru a îmbunătăți performanța SEO a site-ului dvs. web. Include o funcție încorporată de pesmet .

Acest lucru îl face o alegere excelentă pentru cei care doresc să combine navigarea cu optimizarea SEO.

Pesmeturile sunt personalizabile și vă ajută să vă potriviți cu structura și designul site-ului dvs.

Caracteristici:

• Se integrează perfect cu setările SEO ale site-ului dvs. web.
• Oferă flexibilitate pentru a ajusta structura și aspectul pesmetului.
• Ajută motoarele de căutare să indexeze mai bine site-ul dvs. prin includerea breadcrumb-urilor în marcajul HTML.
• Acceptă postări, pagini și tipuri de postări personalizate.

2. Matematică de rang

Rank Math este un alt plugin SEO foarte popular care oferă funcții avansate, inclusiv breadcrumbs. Este popular pentru interfața ușor de utilizat și opțiunile de personalizare. Pesmeturile sale pot fi ușor configurate și modelate pentru a se potrivi cu tema site-ului dvs.

Caracteristici:

• Oferă opțiuni detaliate pentru personalizarea breadcrumb.
• Adaugă automat breadcrumb la postări, pagini și alte tipuri de conținut.
• Se integrează complet cu suita de instrumente SEO Rank Math pentru funcționalitate suplimentară.
• Ușoare și prietenoase cu dispozitivele mobile pentru navigare.

3. Pesmet WooCommerce

WooCommerce Breadcrumbs este un plugin special conceput pentru magazinele WooCommerce. Îmbunătățește navigarea prin adăugarea de breadcrumb la paginile de produse, categoriile și alte secțiuni specifice magazinului.

Caracteristici:

• Adaugă automat breadcrumb la paginile de produse și categorii WooCommerce.
• Îmbunătățește experiența utilizatorului prin afișarea locației produsului în ierarhia magazinului.
• Etichete și separatoare de pesmet personalizabile pentru o estetică mai bună.
• Ajută la îmbunătățirea SEO prin furnizarea de navigare structurată pentru motoarele de căutare.

4. Pesmet flexibil

Flexy Breadcrumb este un plugin conceput pentru a adăuga breadcrumb personalizabile site-ului dvs. WordPress.

Funcționează cu majoritatea temelor și vă permite să ajustați designul și structura breadcrumbului pentru a se potrivi stilului site-ului dvs. web. Interfața sa ușor de utilizat îl face potrivit atât pentru începători, cât și pentru utilizatorii avansați.

Caracteristici:

• Oferă mai multe opțiuni de design pentru pesmet.
• Permite personalizarea ierarhiei breadcrumb și a separatorilor.
• Sprijină integrarea cu creatorii de pagini populari precum Elementor.
• Ușoare și optimizate pentru performanțe rapide

Îmbunătățiți-vă navigarea pe site cu Breadcrumbs

Nu veți găsi multe site-uri fără navigare prin breadcrumb. Este o modalitate excelentă de a menține clienții și vizitatorii implicați, de a le informa unde se află pe site-ul dvs. Și așa cum am spus, este grozav și pentru optimizarea SEO.

Indiferent dacă vă place sau nu, navigarea prin breadcrumb este importantă pentru un site. Chiar și Google spune că navigarea prin breadcrumb poate îmbunătăți structura site-ului și SEO.

V-am arătat 3 moduri de a adăuga pesmet pe site-ul dvs. Puteți urmări oricare dintre ele.

Așadar, adăugați breadcrumb pe site-ul dvs. și dacă rămâneți blocat în orice moment, anunțați-ne în secțiunea de comentarii.