Cum să afișați link-uri de navigare Breadcrumb în WordPress

Publicat: 2020-08-07

Capacitatea vizitatorilor site-ului de a naviga prin site-ul dvs. joacă un rol crucial în UX-ul său. Trebuie să vă asigurați că oricine ajunge pe site-ul dvs. web are instantaneu o idee despre structura principală a site-ului. În caz contrar, riscați să vă creșteți rata de respingere și să pierdeți potențiale clienți potențiali. Una dintre modalitățile de a evita acest tip de problemă este utilizarea navigației prin breadcrumb. Breadcrumb-urile pot crește performanța generală a site-ului dvs. prin UX, contribuind în același timp la SEO site-ului dvs. WP. În acest articol, aruncăm o privire mai atentă asupra modului în care se afișează linkurile de navigare de tip breadcrumb în WordPress .

Ce este navigarea Breadcrumb?

  • Navigarea prin breadcrumb este un traseu de linkuri reprezentând un meniu de navigare ierarhic. Acesta acționează ca un sistem de navigare secundar care oferă utilizatorilor informații despre poziția unei pagini în ierarhia site-ului dvs. .

Ceea ce fac pesmeturile este să creeze un traseu care să conducă utilizatorii până la pagina de pornire, de unde și numele. Acest lucru poate fi deosebit de util pentru anumite site-uri unde utilizatorii au nevoia de a putea naviga cu ușurință către alte pagini, magazinele online fiind un exemplu evident . Cu toate acestea, când vine vorba de SEO, navigarea prin breadcrumb ajută motoarele de căutare să înțeleagă ierarhia și structura paginilor tale web. În plus, pesmeturile apar în rezultatele căutării Google, ceea ce oferă întregului site web mai multă vizibilitate.

Cum se adaugă și se afișează linkuri de navigare Breadcrumb în WordPress

Nu este greu să adăugați și să afișați link-uri de navigare de tip breadcrumb în WordPress. Deci, indiferent dacă sunteți începător sau expert în codificare, ar trebui să puteți face acest lucru în câțiva pași simpli . Deoarece există mai multe moduri de a face acest lucru, vă vom arăta cum să adăugați și să afișați breadcrumbs folosind diferite plugin-uri.

Pluginul NavXT Breadcrumb

Cea mai simplă modalitate de a adăuga acest tip de navigare pe site-ul dvs. WordPress este Breadcrumb NavXT Plugin. După cum știți, pluginurile WordPress pot fi folosite pentru o mulțime de scopuri diferite. Puteți folosi pluginuri pentru a clona sau a duplica site-ul dvs. sau pentru rețelele sociale sau în alte scopuri. Cu toate acestea, atunci când vine vorba de navigarea pe breadcrumb, NavXT este un plugin popular care oferă un widget WordPress folosit pentru a plasa sistemul de navigare. O mulțime de opțiuni vă permit să personalizați navigarea pentru utilizatori.

Ceea ce trebuie să faceți mai întâi este să căutați pluginul Breadcrumb NavXT și să îl instalați. După ce ați terminat, faceți clic pe panoul de administrare din stânga și selectați Adăugare opțiune nouă , care va deschide pagina principală de setări. Setările implicite ar trebui să funcționeze pentru majoritatea site-urilor web. Există file diferite și fiecare oferă setări diferite care ar putea funcționa mai bine pentru site-ul dvs.

  • În fila Setări generale , puteți determina setările globale ale pluginului de pe site-ul dvs. web.
  • Fila Tipuri de postări este foarte importantă, deoarece vă permite să configurați legături de breadcrumb pentru postări și pagini în mod individual.
  • În fila Taxonomii , puteți seta categoriile după cum credeți de cuviință și puteți găsi șabloane similare pentru link-urile dvs.
  • Fila Diverse vă permite să modificați setările autorului.
  • Efectuați modificările pe care le considerați care vă ajută cel mai bine site-ul web și nu uitați să faceți clic pe butonul „ Salvați modificările ” pentru a păstra modificările.

Se afișează Breadcrumb NavXT pe site-ul dvs. web

Pentru a afișa link-uri de navigare pe breadcrumb în WordPress, ar trebui să mergeți la Aspect și să alegeți Personalizare. Acolo, puteți alege poziția pesmeturilor dvs. în meniul derulant Poziție. De asemenea, trebuie să alegeți Breadcrumb NavXT în Breadcrumb Source.

Pluginul Yoast SEO

Un alt plugin popular este Yoast SEO și este util pentru aproximarea clasamentelor motoarelor de căutare și optimizarea conținutului. Cu toate acestea, există câteva funcții care sunt folosite pentru a crește vizibilitatea site-ului dvs. și îl puteți folosi și pentru a adăuga și afișa linkuri de tip breadcrumb în WordPress.

SEO.
Există mai multe despre Yoast SEO

Primul lucru pe care trebuie să-l faceți este să decideți unde doriți să puneți pesmet . În funcție de acesta, ar trebui să adăugați următorul cod în locația dorită:

  • <?php
  • dacă (funcție_există ('yoast_breadcrumb')) {
  • yoast_breadcrumb( '<p id=”breadcrumbs”>' , ' </p>' ) ;
  • }
  • ?>
Cod, uneori necesar pentru a afișa link-uri de navigare de tip breadcrumb în WordPress.
Codul este uneori necesar pentru a afișa link-uri de navigare de tip breadcrumb în WordPress

Cum se afișează link-uri de navigare pe breadcrumb cu YOAST SEO

În funcție de temă și de actualizări, există o șansă de înlocuire a codului. În acest caz, ar trebui să contactați dezvoltatorul temei. După ce plasați fragmentul, accesați SEO și alegeți Aspectul de căutare și faceți clic pe Breadcrumbs. În setările Breadcrumbs, activați Breadcrumbs. Când previzualizați site-ul dvs., ar trebui să puteți vedea locurile de pesmet pe părțile dorite ale site-ului dvs.

Pesmet flexibil

Flexy Breadcrumd este unul dintre pluginurile pe care le puteți folosi pentru a adăuga pesmeturi în WordPress. Odată ce instalați și activați pluginul, veți putea adăuga breadcrumb cu un shortcode [flexy_breadcrumb]. Dacă nu sunteți familiarizat cu codurile scurte din WordPress, există o mulțime de materiale care vă vor ajuta să înțelegeți mai bine codurile scurte.

În bara laterală a tabloului de bord, veți putea vedea elementul Flexy Breadcrumb. Odată ce faceți clic pe el, veți vedea setări care vă permit să vă modificați pagina de pornire – schimbați pictograma și textul, setați limita de caractere și ierarhia. Fila Tipografie vă permite să schimbați dimensiunea și culoarea fontului pentru pesmet. După ce ați terminat de personalizat traseul, adăugați codul scurt menționat în locul în care doriți să aveți pesmetul.

Pesmet WooCommerce

Dacă aveți nevoie de breadcrumbs pentru ca clienții să se deplaseze cu ușurință între paginile dvs. de produse, atunci luați în considerare instalarea WooCommerce Breadcrumbs. Deoarece utilizați deja pluginul WooCommerce, aceasta ar trebui să fie cea mai ușoară opțiune pentru dvs.

Instalați și activați pluginul și accesați Setări și găsiți WC Breadcrumbs. Nu trebuie să uitați să activați pesmeturile. Apoi, puteți alege paginile de produse.

Începeți să lucrați la îmbunătățirea UX a site-ului dvs. web astăzi

Este bine că știți cum să adăugați și să afișați linkuri de navigare Breadcrumb în WordPress. Cu toate acestea, ar trebui să vă amintiți și de faimosul basm – uneori vă puteți pierde drumul chiar și atunci când folosiți pesmet. Și acest lucru nu este ceva ce vrei să se întâmple vizitatorilor tăi. Acest sistem ar trebui să fie plasat într-o zonă în care se va simți ca un plus puternic pentru site-ul dvs. și să permită vizitatorilor să înțeleagă instantaneu structura site-ului dvs. La urma urmei, este important să aveți vizitatori în minte, deoarece doriți să le îmbunătățiți experiența.