Cum să afișați linkurile de navigare de tip Breadcrumb în WordPress

Dacă ați navigat vreodată pe un site web și ați văzut o serie de linkuri precum Acasă » Blog » Acest articol, aproape de partea de sus a paginii, atunci ați folosit deja breadcrumbs. Aceste ajutoare de navigare oferă vizitatorilor o modalitate simplă de a vedea unde se află pe site-ul dvs. și de a reveni la un nivel superior.

Folosim breadcrumbs pe propriile noastre site-uri web și acestea facilitează deplasarea cititorilor între pagini. Breadcrumbs pot apărea și în rezultatele căutării Google, ceea ce ajută listarea dvs. să iasă în evidență.

În acest ghid, vă vom arăta cum să adăugați linkuri de navigare de tip breadcrumb în WordPress, începând cu cea mai ușoară metodă.

Ce este navigarea de tip traseu (breadcrumbs) și de ce aveți nevoie de ea?

Navigarea de tip breadcrumb este un termen folosit pentru a descrie un meniu de navigare sub forma unei cărări de linkuri. Este adesea folosit ca un meniu de navigare secundar care permite utilizatorilor să urce în ierarhia de pagini a site-ului web.

Există trei tipuri comune de breadcrumbs:

• Bazate pe ierarhie (cele mai comune): Arată unde se află pagina în structura site-ului dvs., cum ar fi Acasă » Categorie » Articol. Acesta este tipul pe care majoritatea temelor WordPress și plugin-urile SEO îl generează.
• Bazate pe atribute: Arată atributele paginii pe care se află un vizitator, cum ar fi Acasă » Îmbrăcăminte » Bărbați » Albastru. Veți vedea acestea cel mai des pe magazinele WooCommerce.
• Bazate pe istoric: Arată calea pe care a parcurs-o un vizitator pentru a ajunge la pagină, ca o urmă de întoarcere a browserului. Acestea sunt mai puțin comune pe site-urile WordPress.

Linkurile de navigare de tip breadcrumb sunt diferite de sistemul implicit de meniu de navigare din WordPress. Ele ajută utilizatorii să se deplaseze pe site-ul dvs. web și, de asemenea, ajută motoarele de căutare să înțeleagă structura și ierarhia paginilor dvs.

Dacă breadcrumbs sunt configurate corect, atunci motoarele de căutare precum Google le pot afișa, de asemenea, împreună cu titlul paginii în rezultatele căutării. Acest lucru face ca listarea dvs. să iasă în evidență în rezultatele căutării și poate ajuta la îmbunătățirea ratei de clic.

Metodele din acest ghid vă vor ajuta să configurați corect breadcrumb-urile folosind schema markup. Schema este un cod inteligent de markup care ajută Google să identifice breadcrumb-urile dvs., astfel încât acestea să fie afișate în rezultatele căutării.

Cu alte cuvinte, linkurile de pe pagină sunt pentru vizitatorii dvs., iar schema markup este pentru Google. Unele metode adaugă ambele, în timp ce altele adaugă doar linkurile vizibile, motiv pentru care vă vom arăta cum să vă verificați configurarea mai târziu folosind rich snippets.

Acum, să vedem cum să adăugați linkuri de navigare de tip breadcrumb în WordPress. Vă vom arăta mai multe metode, începând cu cea mai ușoară, astfel încât să puteți alege pe cea care funcționează cel mai bine pentru dvs.:

Metoda 1: Adăugați blocul nativ WordPress Breadcrumbs (Nu este necesar un plugin)

Dacă folosiți o temă de tip bloc, aceasta este cea mai ușoară modalitate de a adăuga breadcrumbs și nu necesită niciun plugin.

WordPress include un bloc nativ Breadcrumbs pe care îl puteți adăuga chiar în Editorul Complet al Site-ului, în doar câteva clicuri.

Pur și simplu accesați pagina Aspect » Editor pentru a deschide Editorul Site-ului.

De aici, puteți edita un șablon precum „Postări individuale” sau partea de șablon a antetului dvs.

Apoi, adăugați blocul Panglică (Breadcrumbs) acolo unde doriți să apară traseul.

Blocul construiește automat traseul din poziția paginii curente în ierarhia site-ului dvs., deci trebuie doar să îl adăugați o singură dată.

În setările blocului, puteți personaliza exact cum arată și cum se comportă traseul. Puteți afișa sau ascunde linkul către pagina de pornire, puteți afișa sau ascunde titlul paginii curente și puteți schimba caracterul separator dintre elemente.

De asemenea, puteți alege dacă traseul urmează ierarhia strictă a paginilor dvs. sau folosește structura categoriilor dvs. pentru a organiza linkurile.

Un lucru de reținut este că blocul nativ este conceput în principal pentru a afișa traseul de pe pagină pentru vizitatorii dvs.

Este posibil să nu adauge marcajul de schemă BreadcrumbList de care Google are nevoie pentru a afișa panglicile în rezultatele căutării, așa că recomandăm confirmarea acestui lucru cu Testul pentru Rezultate Bogate (Rich Results Test).

Metoda 2: Adăugarea navigării de tip Breadcrumb în WordPress folosind All in One SEO (Recomandat)

Dacă tema dvs. nu gestionează panglicile sau doriți beneficiul rezultatelor căutării care provin din marcajul de schemă corespunzător, atunci un plugin SEO este soluția. Această metodă este potrivită pentru începători și funcționează pe orice temă.

Pentru această metodă, vom folosi pluginul gratuit All in One SEO for WordPress, care este cel mai bun plugin WordPress SEO de pe piață.

Acesta vă ajută să vă îmbunătățiți cu ușurință SEO-ul WordPress fără nicio abilitate tehnică. De asemenea, vine cu o funcție de panglici ușor de utilizat.

Odată ce ați instalat și activat pluginul, veți fi direcționat către expertul de configurare. Puteți urma instrucțiunile de pe ecran pentru a-l configura.

Aveți nevoie de ajutor cu configurarea? Consultați tutorialul nostru pas cu pas despre cum să instalați și să configurați All in One SEO.

În continuare, trebuie să vizitați pagina All in One SEO » General Settings și să comutați la fila „Breadcrumbs”.

Marcajul schema pentru breadcrumbs este adăugat automat de All in One SEO la codul site-ului dvs. web, astfel încât motoarele de căutare să îl poată găsi.

Cu toate acestea, dacă doriți să afișați și linkuri de navigare de tip breadcrumb pe site-ul dvs., atunci trebuie să activați opțiunea „Enable Breadcrumbs”.

Comutarea comutatorului vă permite să vedeți diferitele setări de afișare a panglicilor pe care le puteți utiliza pe site-ul dvs. WordPress.

Există patru moduri pe care le puteți utiliza pentru a afișa traseul de navigare cu panglici pe site-ul dvs. WordPress:

• Bloc (cel mai ușor): Editați orice postare sau pagină și adăugați blocul AIOSEO – Breadcrumbs acolo unde doriți traseul. Pluginul afișează o previzualizare live chiar în editor.
• Shortcode: Adăugați shortcode-ul furnizat în orice postare, pagină sau produs unde doriți să apară traseul.
• Widget (la nivel de site): Accesați Aspect » Widgeturi și adăugați widgetul AIOSEO – Breadcrumbs în bara laterală, subsol sau în orice zonă de widgeturi, astfel încât să apară automat pe tot site-ul dvs.
• Cod PHP (plasare exactă): Adăugați fragmentul de cod de mai jos în șablonul temei dvs. acolo unde doriți traseul. Aceasta este cea mai bună opțiune pentru utilizatorii avansați care doresc să afișeze panglicile într-un loc specific, cum ar fi chiar sub titlul postării.

Ca în cazul oricărei editări de temă, recomandăm utilizarea unei teme copil sau a unui plugin de fragmente de cod, astfel încât modificarea dvs. să nu se piardă la următoarea actualizare.

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Pentru mai mult ajutor, consultați ghidul nostru despre cum să adăugați fragmente de cod în WordPress și foaia noastră de referință despre ce fișiere să editați într-o temă WordPress.

Pentru mai mult ajutor, consultați ghidul nostru despre cum să adăugați fragmente de cod în WordPress și foaia noastră de parcurs despre ce fișiere să editați într-o temă WordPress.

Iată cum arătau panglicile de navigare pe site-ul nostru de test:

Schimbarea aspectului linkurilor din panglicile de navigare

Implicit, All in One SEO folosește un șablon pentru a afișa linkurile de navigare din panglicile dvs. Acesta conține un link către pagina principală, categorie, pagina părinte și titlul postării sau paginii, separate prin simbolul „»”.

Puteți schimba acest lucru vizitând pagina All in One SEO » General Settings și navigând la fila „Breadcrumbs”. Apoi, derulați în jos la secțiunea Breadcrumb Settings.

De aici, puteți schimba separatorul, afișa sau ascunde linkul către acasă, adăuga un prefix și multe altele.

După ce ați terminat, nu uitați să salvați setările.

Folosiți Yoast SEO sau Rank Math în schimb?

Ideea este exact aceeași cu alte pluginuri SEO populare.

Pur și simplu activați panglicile de navigare în setări, apoi introduceți blocul sau shortcode-ul pluginului, sau adăugați fragmentul acestuia în tema dvs.:

• Yoast SEO: Activați panglicile de navigare la Yoast SEO » Settings » Advanced » Breadcrumbs, apoi adăugați shortcode-ul [wpseo_breadcrumb], sau plasați <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> în tema dvs. Pentru o privire mai atentă asupra acestui plugin, consultați ghidul nostru despre cum să configurați Yoast SEO.
• Rank Math: Activați panglicile de navigare la Rank Math SEO » General Settings » Breadcrumbs, apoi adăugați shortcode-ul [rank_math_breadcrumb], sau plasați <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> în tema dvs.

Verificați dacă Breadcrumbs funcționează

Odată ce panglicile de navigare sunt active, trebuie să confirmați că Google le poate citi.

Pur și simplu deschideți instrumentul gratuit Google Rich Results Test, lipiți URL-ul unei postări sau pagini publicate și rulați testul.

Dacă totul este configurat corect, instrumentul va afișa „Breadcrumbs” ca un element detectat, cu un status verde, valid. Acest lucru confirmă că schema dvs. BreadcrumbList este prezentă și eligibilă pentru a apărea în rezultatele căutării.

Dacă vedeți un avertisment sau o eroare, sau dacă panglicile de navigare nu sunt detectate deloc, atunci metoda dvs. probabil a adăugat linkurile vizibile fără schema. În acest caz, trecerea la metoda pluginului SEO de mai sus va adăuga marcajul de care Google are nevoie.

Depanarea problemelor comune legate de Breadcrumbs

Panglicile de navigare sunt de obicei simple de configurat, dar apar frecvent câteva probleme. Iată cum să le remediați pe cele mai comune.

Panglicile de navigare nu apar în Google

Chiar și după ce testul Rich Results trece, panglicile de navigare nu vor apărea instantaneu în rezultatele căutării. Google se bazează pe boți automați pentru a parcurge miliarde de pagini și nu va ști că ați adăugat schema de panglici de navigare până când boții săi nu vor revizita URL-ul dvs. specific. Acest proces de parcurgere poate dura de la câteva zile la câteva săptămâni.

Pentru a accelera lucrurile, puteți solicita indexarea prin Google Search Console, folosind instrumentul de inspecție a URL-urilor. Acest lucru îl alertează pe Google că ați actualizat conținutul și semnalează sistemului lor să revizuiască marcajul schemei mai devreme.

Categoria lipsește din traseu

Urmărirea este construită din poziția paginii curente în ierarhia site-ului dvs. Pentru postări, acel nivel intermediar provine din categoria postării, iar pentru pagini, provine de la pagina părinte.

Deci, cauza obișnuită este un link lipsă în acea ierarhie. Postarea nu are nicio categorie atribuită (sau doar categoria implicită „Necategorisite”), sau pagina nu are nicio pagină părinte setată.

Pentru o postare, deschideți-o în editor, atribuiți-i categoria corectă sub Postare » Categorii, apoi reîncărcați pagina pentru a verifica urmărirea.

Dacă nivelul lipsește în continuare, atunci problema poate fi ierarhia pe care o urmează urmărirea. Blocul nativ Breadcrumbs are o setare Avansată numită „Preferă termenii taxonomiei” care comută urmărirea între ierarhia paginilor dvs. și structura categoriilor dvs.

Dacă folosiți în schimb un plugin SEO, verificați sursa breadcrumb-urilor sau setarea taxonomiei. În All in One SEO, aceasta se găsește sub All in One SEO » Setări Generale » Breadcrumbs.

Breadcrumbs sunt afișate pe pagina de pornire

Breadcrumbs nu au prea mult scop pe pagina dvs. principală, deoarece nu există nicăieri „mai sus” de mers.

Dacă ați adăugat breadcrumbs cu blocul nativ sau un widget, atunci ar trebui să le plasați într-un șablon care nu se aplică paginii de pornire. Alternativ, puteți folosi setările încorporate ale plugin-ului dvs. SEO pentru a ascunde urmărirea pe pagina dvs. principală.

Ați primit o eroare PHP după adăugarea fragmentului de cod

În loc să editați fișierele direct, recomandăm adăugarea fragmentului de cod cu un plugin de fragmente de cod precum WPCode. Acest plugin validează codul dvs. și vă permite să dezactivați în siguranță un fragment de cod dacă ceva nu funcționează.

Adăugarea codului într-o temă copil este o altă opțiune sigură, deoarece păstrează modificările dvs. separate de tema părinte.

Concluzii cheie

• Verificați mai întâi tema dvs.: Adesea nu aveți nevoie de un plugin suplimentar pentru breadcrumbs, mai ales dacă folosiți o temă bloc care include blocul nativ Breadcrumbs.
• Marcajul schema contează pentru căutare: Marcajul schema, nu linkurile vizibile, este cel care face ca urmărirea breadcrumb-urilor dvs. să apară în rezultatele căutării Google. Confirmați întotdeauna că acest lucru funcționează cu Testul pentru Rezultate Bogate.
• Folosiți instrumentele existente: Dacă folosiți deja un plugin SEO precum All in One SEO, atunci îl puteți folosi pentru a gestiona breadcrumbs-urile. Nu este necesar să adăugați un al doilea instrument pe site-ul dvs.

Întrebări frecvente despre Breadcrumbs în WordPress

Am nevoie de un plugin pentru breadcrumbs în WordPress?

Nu, nu întotdeauna. Multe teme WordPress adaugă propriile breadcrumbs, iar WordPress include un bloc nativ Breadcrumbs, așa că este mai bine să verificați tema dvs. înainte de a instala ceva. Dacă tema dvs. nu suportă breadcrumbs, atunci un plugin SEO este cea mai ușoară modalitate de a le adăuga.

De ce nu apar breadcrumbs-urile mele în Google?

Acest lucru se datorează, de obicei, întârzierii la indexare sau lipsei schemei. Dacă Google nu a recrawlat încă paginile dvs., atunci solicitați indexarea în Google Search Console. Dacă urmărirea tot nu apare, rulați URL-ul dvs. prin Testul pentru Rezultate Bogate pentru a confirma că schema dvs. BreadcrumbList este validă.

Sunt breadcrumbs-urile bune pentru SEO?

Da. Breadcrumbs îmbunătățesc experiența utilizatorului făcând site-ul dvs. mai ușor de navigat și ajută motoarele de căutare să înțeleagă structura site-ului dvs. Când sunt configurate cu schema markup, ele pot, de asemenea, să obțină listări de căutare mai bogate care vă îmbunătățesc rata de clic.

Shortcode, bloc sau widget — pe care ar trebui să-l folosesc?

Utilizați blocul sau widgetul atunci când doriți ca breadcrumbs să apară automat pe întregul site. Utilizați shortcode-ul atunci când doriți doar să plasați traseul într-o postare sau pagină specifică.

Sperăm că acest articol v-a ajutat să învățați cum să afișați linkuri de navigare breadcrumb în WordPress. De asemenea, ați putea dori să consultați ghidul nostru SEO WordPress suprem sau selecția noastră de cele mai bune teme WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.