Wordpress, „breadcrumbs”: revizuirea pluginurilor. Pesmeturi pentru WordPress fără un plugin

Salutare tuturor!. Astăzi, în acest articol, aș dori să vă spun cum puteți îmbunătăți gradul de utilizare al site-ului dvs. folosind plugin-ul Yoast SEO, despre care voi vorbi în detaliu într-unul dintre următoarele articole.

Cu siguranță mulți au auzit deja despre acest plugin și știu că este necesar pentru a scrie articole optimizate pentru SEO. Dar puțini oameni își dau seama ce altceva poate face pesmeturile WordPress Yoast SEO.

Mai întâi, permiteți-mi să vă explic ce sunt „pesmetul” și de ce sunt necesare.

Asa de, „Breadcrumbs” sunt navigare suplimentară pagină cu pagină care afișează în ce categorie sau secțiune se află articolul. Un vizitator, care a mers pe o pagină a blogului dvs., trebuie să înțeleagă în ce secțiune se află și dacă caută informațiile de care are nevoie în categoria potrivită. Această navigare poate fi rezumată după cum urmează:

Pe site-ul nostru arata asa:

În plus, prezența acestei navigări îi ajută pe roboți să înțeleagă mai clar structura site-ului și să indexeze blogul mai repede. Și acest lucru este foarte important pentru proiectele online.

"De ce?" - întrebați, am decis să folosim acest plugin. Răspunsul aici va fi simplu. Există un număr mare de servicii similare pe Internet care vor ajuta la retragerea „fărâmiților”, dar, în același timp, vor încărca suplimentar site-ul, ceea ce cu siguranță nu îl va îmbunătăți. Și din moment ce încă folosim Yoast SEO pentru a optimiza postările, ar fi un păcat să nu profităm de capacitățile sale și să nu facem o utilizare convenabilă cu ajutorul lui.

Configurarea ieșirii breadcrumb folosind plugin-ul Yoast SEO

Nu voi scrie aici cum să instalez acest Yoast SEO. Dacă nu știi cum să faci asta, atunci citește acest articol al meu „”. În ea spun în detaliu și arăt în ce moduri puteți instala pluginurile necesare pentru lucru.

În fereastra care se deschide, bifați caseta de selectare „Activați pesmeturile”.

Spre bucuria noastră, setările se vor deschide toate în rusă și sunt intuitive. În videoclipul care va apărea în acest articol în curând, voi arăta mai clar ce se va întâmpla când vei schimba unele elemente din acest meniu. Între timp, puteți experimenta cu ușurință și încerca să schimbați singur setările. Este imposibil să facem ceva groaznic aici, deoarece acestea sunt doar ajustări vizuale ale „fărâmiturilor noastre”.

După activarea pesmeturilor, următorul pas este să inserați codul de activare pentru această caracteristică în șablonul dvs. de temă. Pentru a afla ce cod trebuie introdus, urmați linkul care vine după setările lanțului nostru.

După ce ajungem pe site-ul oficial al acestui plugin, copiem codul necesar și îl lipim în locul din tema noastră unde plănuim să fie afișat.

Nu pot recomanda un loc universal pentru a introduce acest cod, deoarece depinde de tema pe care o utilizați. Poate fi necesar să-l scrieți fie în fișierul single.php, fie în page.php și, în unele cazuri, în header.php.

În cazul nostru, am inserat codul aproape de la începutul fișierului single.php, care se află la www/wp-content/themes/your theme/.

Notă: Vă rugăm să rețineți că este mai bine să introduceți codul printr-un client FTP. Folosim Filezilla, despre a cărui lucrare a fost scrisă în detaliu. Asigurați-vă că citiți instrucțiunile noastre pentru a evita multe greșeli pentru începători.

Mai mult, vă rugăm să rețineți că codul pe care îl avem este ușor diferit de cel recomandat nouă de dezvoltatori. Și anume, am împachetat funcția pesmet într-o etichetă div. Acest lucru se face astfel încât să vă puteți seta propriul stil de afișare individual.

Pentru a face acest lucru, în fișierul style.css scriem stilurile de care avem nevoie. În ele putem seta culoarea, fundalul, dimensiunea fontului, sublinierea, adică să conducă la un aspect care s-ar potrivi complet gustului nostru sau să fie combinat cu stilul general al paginii. In cazul nostru arata asa:

În acest moment, configurarea pluginului este aproape completă, dar în această versiune, după afișarea titlurilor, va fi afișat și titlul articolului. Acest lucru poate duce la spam excesiv. Cred că veți fi de acord cu mine că acest lucru este inutil, deoarece titlul articolului este deja vizibil pentru utilizator și nu este nevoie să îl duplicați din nou.

Pentru a evita acest lucru, trebuie să inserați suplimentar un mic cod în fișierul functions.php.

Funcția adjust_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", "adjust_crumble");

Acum toate setările noastre sunt finalizate. Dacă ați făcut totul corect, atunci veți obține ceva similar cu ceea ce vedeți pe blogul nostru.

Dacă aveți întrebări, scrieți în comentarii!

La revedere tuturor!

Anton Kalmykov a fost cu tine

Breadcrumbs în WordPress sunt un element auxiliar de navigare care arată poziția utilizatorului în raport cu întreaga ierarhie a resurselor. Mai simplu spus, acest meniu arată exact unde se află în prezent vizitatorul.

Breadcrumbs sunt numite meniuri deoarece afișează secțiuni cu link-uri care vă permit să săriți prin ierarhia site-ului.

Apropo, această navigație a fost numită în mod ironic prin analogie cu unul dintre basme. Esența ei a fost că copiii, care au fost duși în pădure, nu și-au putut găsi drumul înapoi spre casă, deoarece pe tot drumul era împrăștiat pesmet. Drept urmare, au fost ciuguliți de păsări, așa că copiii nu și-au găsit drumul înapoi (au fost nevoiți să arunce cu pietre).

De fapt, pesmeturile sunt foarte utile pentru vizitatori, deoarece pot îndrepta utilizatorul în direcția corectă și pot oferi o idee generală asupra structurii site-ului. Aceasta este o opțiune bună pentru navigația auxiliară, care nu vine în detrimentul celei principale. Ei bine, oferă și capacitatea de a lega pagini, ceea ce este bun pentru SEO. Dar există întotdeauna câteva nuanțe. Deci, dacă luați un șablon standard, atunci pesmetul va fi de puțin folos (când utilizatorul este în categorii, atunci firimiturile, de fapt, ar repeta pur și simplu aceste informații).

Pesmetul este util în astfel de cazuri:

când arată grozav cu designul site-ului (în acest caz, meniul nu este folosit pentru optimizare, ci doar pentru beneficiul și comoditatea vizitatorilor);
când site-ul are o structură cu adevărat complexă (de exemplu, o resursă corporativă cu o structură complexă și confuză).

Există mai multe tipuri de firimituri care sunt utilizate atât în segmentul de limbă rusă a internetului, cât și în străinătate:

Locație. Acest tip definește o cale și este permanent, adică. nu se va schimba pe măsură ce utilizatorul se deplasează prin resursă;
Cale. Acest tip arată vizitatorului calea pe care a parcurs-o deja. Principalul dezavantaj al unor astfel de firimituri este că dacă utilizatorul provine de la un motor de căutare, firimiturile nu vor fi afișate;
Atribut. Astfel de firimituri sunt afișate ca etichete pe anumite pagini și vă permit să determinați categoria de pe site. Această opțiune este cea mai convenabilă și funcționează pe aproape toate resursele.

Promovarea site-ului bazată pe interogări cu frecvență scăzută are o serie de avantaje, care sunt deosebit de importante pentru proiectele comerciale; firimiturile descurajează uneori investiția necesară pentru achiziționarea de legături externe. Adică, promovarea interogărilor cu frecvență joasă poate fi realizată numai cu ajutorul optimizării prin crearea unei legături corecte (uneori chiar funcționează, dar nu ar trebui să vă așteptați prea mult de la o astfel de soluție). Principalul lucru aici este că vizitatorii care au venit din motoarele de căutare pentru astfel de interogări sunt foarte des convertiți în bani, și nu doar în oaspeți minuscoli (acest număr nu funcționează cu interogări de frecvență medie și înaltă).

Într-un fel, pesmetul este similar cu sistemul circulator, ceea ce oferă posibilitatea de a furniza oxigen celor mai îndepărtate „organe interne”. Desigur, puteți adăuga manual link-uri către alte materiale pe această temă, dar acest lucru va necesita scrierea unui material separat. Pentru a crea un meniu breadcrumb, în primul rând, vom lua în considerare opțiunea fără a fi nevoie să instalăm pluginuri, iar apoi ne vom uita în continuare la câteva dintre ele, care, în opinia noastră, sunt cele mai bune.

Opțiune fără a instala un plugin

Să ne uităm la o modalitate de a implementa firimituri pe site-ul tău fără a instala niciun plugin. Este destul de simplu în ceea ce privește implementarea, așa că nu trebuie să vă așteptați la nimic original de la această soluție. Dar totul funcționează fără pluginuri, ceea ce înseamnă că nu există încărcare pe site.

Metoda constă din câțiva pași:

introducerea codului în fișierul functions.php;
introducând codul firimituri în locul potrivit.

Deci, luați primul cod și inserați-l în fișierul functions.php al șablonului dvs. activ:

funcția the_breadcrumb() (
dacă (!este_fața_pagină()) (
ecou „Acasă”;
ecou "" ";
dacă (este_categorie() || este_single()) (
the_category(" ");
dacă (este_singure()) (
ecou "" ";
titlul();
}
) elseif (este_pagina()) (
echo the_title();
}
}
altceva(
ecou „Acasă”;
}
}

Poate fi plasat la sfârșitul documentului înainte de caracterele „?>” (fără ghilimele). Dacă nu există nicio etichetă la sfârșit, atunci codul poate fi plasat chiar la început înainte de eticheta de deschidere. Când postați codul, asigurați-vă că codificarea este UTF-8, altfel unele litere și cuvinte rusești nu vor fi afișate corect. Puteți seta codarea utilizând editorul Notepad folosind elementul „Codificare – Codificare în UTF-8 (fără BOM).

Acum folosim un alt cod și îl scriem acolo unde vrem să afișăm pesmet:

the_breadcrumb();
?>

Se crede că firimiturile ar trebui să fie plasate peste tot, cu excepția paginii principale. Adică trebuie să plasați acest cod în fișierele single.php, archive.php, page.php și category.php. Unde exact să plasați depinde de dvs., dar implicit este inserat înainte de afișarea conținutului principal. Dacă este posibil să plasați codul în blocul principal, atunci faceți-o, pentru că atunci nu va trebui să vă jucați cu stiluri, astfel încât firimiturile să fie afișate așa cum vă așteptați.

După cum puteți vedea, trebuie doar să explorați puțin fișierele teme. Și în plus, metoda funcționează fără module auxiliare. Ei bine, dacă doriți să puteți schimba firimiturile la propria discreție, va trebui să instalați pluginuri de la terți. SEO de Yoast și Breadcrumb NavXT funcționează excelent. Să ne uităm la primul.

Plugin SEO de la Yoast

Ca alternativă la metoda de mai sus, puteți folosi pluginul SEO by Yaost, care este capabil să creeze firimituri foarte atractive. Principalele sale avantaje:

nu este nevoie să instalați module terțe;
pluginul este capabil să afișeze categorii și subcategorii, afișând astfel imaginea completă a site-ului;
este posibilă modificarea textului linkului care duce la pagina principală;
evidențierea ultimelor pagini cu caractere aldine;
capacitatea de a schimba separatorul și prefixul;
stabilirea formatului de taxonomie;
Folosind CSS puteți experimenta aspectul firimiturii.

Dar totuși, observăm că, în unele cazuri, pluginul poate să nu afișeze firimiturile destul de corect, dar pe măsură ce pluginul se dezvoltă, suntem siguri că dezvoltatorii vor elimina erorile și vor adăuga toate funcțiile lipsă.

Să începem cu descărcarea și instalarea. Puteți obține pluginul de la linkul: https://wordpress.org/plugins/wordpress-seo/. Instalarea este standard - încărcați conținutul în folderul wp-content/plugins și activați-l în panoul de administrare. Acum puteți trece la configurare:

În panoul de administrare, accesați secțiunea „SEO – Avansat”;
Se vor încărca setări suplimentare pentru plugin (a fost creat nu numai pentru a afișa firimituri), dar ne interesează în mod special secțiunea „Pesmet”;
Noi activăm firimiturile, dar pentru ca acestea să apară pe site va trebui să plasați un cod special ( îl găsiți la sfârșitul acestei liste);
Selectați unul dintre delimitatorii care sunt acceptați de HTML5;
Apoi, selectați textul paginii principale a site-ului (de exemplu, „Acasă”, „Acasă”, etc.);
Un prefix este un simbol sau un cuvânt care va fi afișat înainte de toate firimiturile de pe resursă (de obicei, o săgeată);
Apoi, puteți selecta prefixe special pentru arhive, pagini cu rezultatele căutării, 404 pagini;
Unii oameni ar putea considera util să evidențieze ultimul paragraf cu caractere aldine, dar ultima pagină este adesea identică cu titlul, așa că decideți singur ce să faceți aici;
Ultimul element de setare este taxonomia (puteți alege între categorii, formate, etichete);
Salvați modificările efectuate.

După finalizarea configurării, trebuie să adăugați codul la șablon:

(yoast_breadcrumb("");) ?>

Asta e tot, nu va fi dificil să-ți dai seama de toate celelalte aspecte ale lucrului cu pluginul.

Pluginul NavXT Breadcrumb

Pluginul are un număr mare de setări și, cel mai important, funcționează ca un ceas de înaltă calitate pentru câteva mii de dolari. După cum am menționat mai sus, navigarea pe pagina WordPress este posibilă fără a instala module terțe, dar cu ajutorul Breadcrumb NavXT totul este simplificat - fiecare utilizator poate personaliza breadcrumb-urile așa cum vrea.

Puteți descărca pluginul de pe pagina: http://wordpress.org/extend/plugins/breadcrumb-navxt/ (cel puțin 3.0 și PHP 5). După descărcare, încărcați pluginul în folderul wp-content/plugins și activați-l în panoul de administrare. Rețineți că, dacă aveți deja o versiune veche a modulului, trebuie să o dezactivați, sau pluginul poate fi puțin defectuos (setările nu sunt salvate). Dacă ați uitat să-l opriți și nimic nu funcționează, atunci după instalare îl oprim și îl instalăm din nou. Acum totul va începe corect.

Dacă este necesar, codul poate fi adăugat la alte fișiere din tema dvs. Acum trebuie să mergeți la meniul de setări și să „evocați” puțin cu opțiunile sale, datorită cărora puteți face orice dorește inima cu aceste firimituri (dezvoltatorii au făcut-o într-adevăr cu conștiință).

Deci, accesați panoul de administrare al resursei, priviți panoul din stânga și selectați elementul „Breadcrumb NavXT” acolo. Mai multe file, cum ar fi „General”, „Poziție curentă”, etc. vor fi afișate aici. Pe fila principală „General” există parametri care vor afecta toate paginile site-ului. Câmpul „Separator” vă permite să specificați un simbol care va acționa ca un separator pentru pesmet (în opinia noastră, cel mai de succes simbol este „>” - simplu și ușor de înțeles pentru toată lumea).

Câmpul „Lungime maximă” specifică lungimea ancorei în caractere. Vă recomandăm să setați o limită de 60 de caractere, ceea ce este util în scopuri de optimizare. Am menționat deja beneficiile pesmeturilor pentru SEO; adică firimiturile vor fi indexate de motoarele de căutare și vor fi folosite nu numai pentru a transmite greutatea goală. Să facem o rezervare că motoarele de căutare pot fi imprevizibile când vine vorba de link-uri cu ancore identice, așa că vă recomandăm să le scurtați (acest lucru nu este necesar, dar puteți totuși să petreceți puțin timp pe el).

Dacă bifați caseta de lângă „Linkul de pornire”, atunci linkul către pagina principală va fi afișat în firimituri. Și dacă este necesar, puteți selecta o ancoră. Câmpurile „Prefix” și „Sufix” vă permit să specificați textul care va apărea înainte sau după linkul către pagina principală. Ei bine, câmpul „Text linkul de pornire” vă va permite să specificați textul care va fi afișat atunci când treceți cu mouse-ul peste linkul paginii de pornire.

Merită luat în considerare: acest text poate fi luat în considerare de motoarele de căutare ca ancoră. Adică, merită să specificați cuvinte cheie care se referă la pagina dvs. principală. După aceea, salvați toate modificările făcute folosind butonul corespunzător.

Dar aceasta este doar o singură filă „General”, așa că puteți trece prin celelalte file. Deci, pe următorul se află un element de setare pentru un link care va indica pagina în care vă aflați. Un link către poziția curentă îmbunătățește optimizarea internă a resursei, așa că vă recomandăm să bifați această casetă. De asemenea, nu uitați că v-am recomandat să nu depășiți 60 de caractere pentru a evita crearea de titluri mari.

Următorul câmp „Textul poziției curente” poate fi lăsat neatins, pur și simplu pentru că arată bine semnificația tranziției (acest text va fi văzut de vizitator când va trece cursorul mouse-ului peste link). Fila „Postări/Pagini” vă permite să configurați afișarea legăturilor către pagini cu conținut și pagini statice ale site-ului (pentru articole puteți seta inscripția „Articol curent”).

În fila „Categorii”, în esență toate setările sunt aceleași cu cele din paginile anterioare. La configurare, nu am specificat prefixe și sufixe, dar am făcut modificări în câmpul „Arhive”. Ca urmare a tuturor acestor lucruri, am primit astfel de babe atrăgătoare, unde totul funcționează corect.

Breadcrumb-urile sunt un sistem de navigare pe mai multe niveluri care le spune utilizatorilor unde se află în prezent pe site în raport cu pagina de pornire. În acest articol vă vom arăta cum să afișați pesmeturile WordPress:

Ce sunt pesmeturile și pentru ce sunt acestea?

Breadcrumbs este un termen folosit pentru a descrie un meniu de navigare ierarhic prezentat ca un lanț de legături. Este adesea folosit ca meniu de navigare suplimentar.

Pesmeturile sunt diferite de sistemul implicit de meniuri de navigare WordPress.

Scopul breadcrumb-urilor este de a ajuta utilizatorii să navigheze pe site. Ele ajută la înțelegerea unde se află utilizatorul acum. De asemenea, ajută motoarele de căutare să determine ierarhia linkurilor către pagini web.

Motoarele de căutare precum Google au început să afișeze breadcrumbs ale site-ului în rezultatele căutării. Acest lucru crește vizibilitatea site-ului în rezultatele căutării și îmbunătățește ratele de conversie:

Adăugarea breadcrumb-urilor utilizând Breadcrumb NavXT Plugin

Acesta este un plugin WordPress flexibil și ușor de utilizat. Are caracteristici mai diverse decât vă puteți imagina. Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Breadcrumb NavXT. După activare, trebuie să accesați pagina de setări a pluginului: Setări - Breadcrumb NavXT:

Pentru majoritatea site-urilor, setările implicite vor fi bune. Dar dacă este necesar, puteți face modificări setărilor.

Pagina de setări este împărțită în mai multe secțiuni. În fila General, puteți defini cum se va comporta pluginul pe site.

Aici puteți schimba șablonul de link. Aceste șabloane folosesc parametrii Schema.org în eticheta de link.

În secțiunea „Tipuri de postări”, puteți seta „pesmeturi” pentru postări, pagini și orice tip de postări personalizate. Puteți alege să afișați ierarhia înregistrărilor. În mod implicit, pluginul va folosi ierarhia " Titlul site-ului > Categorie > Titlul postării».

Puteți înlocui elementele de navigare cu etichete, date sau postați părinți. Filele Taxonomii și Autori au șabloane similare pentru link-uri de meniu. Nu uitați să faceți clic pe „ Salvează modificările».

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

Pentru a utiliza acest plugin WordPress breadcrumbs, trebuie să editați fișierele teme. Trebuie să adăugați următorul cod în fișierul header.php al temei în locul în care vor fi afișate pesmeturile:

Accesați site-ul și deschideți o postare sau o pagină. Veți vedea că aveți deja pesmet afișate.

Adăugarea de breadcrumbs cu Yoast SEO Plugin

Instalați și activați pluginul Yoast SEO. După activarea pluginului, trebuie să mergeți la pagină SEO > Avansatși bifați caseta pentru opțiunea " Activați pesmeturile»:

După aceasta, vor deveni disponibile mai multe opțiuni cu care puteți schimba opțiunea de afișare pentru pesmet. Setările implicite ar trebui să fie bune pentru majoritatea site-urilor, dar pot fi modificate cu ușurință dacă este necesar.

După ce ați terminat, faceți clic pe „ Salvează modificările».

Generarea de breadcrumbs folosind pluginul Yoast SEO

Unele teme acceptă deja pesmeturile Yoast. Accesați site-ul și deschideți orice pagină sau postare pentru a vedea dacă afișează pesmeturile WordPress. Dacă nu, atunci trebuie să adăugați o mică bucată de cod la tema activă.

Lipiți acest cod în header.php al temei la sfârșitul fișierului:

Asta e tot, acum poți accesa site-ul tău web, pesmeturile vor fi deja afișate acolo.

Sperăm că acest articol v-a ajutat.

Traducerea articolului " Cum să afișați link-uri de navigare Breadcrumb în WordPress„a fost pregătit de echipa prietenoasă de proiect.

Rău Bun

Înainte de a trece direct la revizuirea modulelor, voi spune câteva cuvinte despre cum și de ce se aplică această soluție:

În primul rând, este util din punct de vedere al utilizării - navigarea va orienta oamenii pe site și va clarifica structura acestuia.
În al doilea rând, această caracteristică funcționează și pentru optimizare, deoarece este în esență o altă opțiune și, de asemenea, crește numărul de clicuri și timpul de așteptare (+ poate apărea în rezultate).

Cu toate acestea, o astfel de funcționalitate este eficientă în fiecare proiect web. Dacă aveți o carte de vizită simplă de 10-20 de pagini fără ierarhie imbricată, atunci nu are rost să adăugați breadcrumbs la WP. Elementul nu va oferi absolut niciun beneficiu, ci doar va ocupa spațiu liber pe ecran. În cazul portalurilor corporative cu categorii/secțiuni cu mai multe niveluri, este cu totul altă problemă. Plus ca arata si grozav.

Teoretic, este posibil ca acest bloc să nu fie afișat pe toate paginile. De exemplu, aveți un blog care oferă inițial mai multe căi tradiționale prin site: etichete și categorii, arhive de date, autori, precum și postări specifice. Aș lăsa navigarea în secțiuni și note, în timp ce în etichete și date valoarea unor astfel de informații este minimă, pentru că pur și simplu dublează titlul. În cazul în care plugin-urile de pesmet WordPress instalate nu vă permit să faceți acest lucru direct, utilizați . În plus, este indicat să proiectați elementul cât mai discret posibil prin aspect și stiluri.

Este o prostie când imediat sub lanțul „Acasă” - „Categorie” - „Titlul postării” vezi același titlu + o indicație a categoriei curente. Apropo, o astfel de afișare a categoriilor se găsește adesea în șabloanele WP standard, așa că după integrarea soluției adecvate, este recomandabil să corectați această nuanță.

Plugin-uri și breadcrumbs în WordPress

Modulele pentru această sarcină pot fi găsite cu ușurință după numele în limba engleză a funcției Breadcrumbs - în depozitul WordPress sau prin motoarele de căutare. Există o mulțime de opțiuni de implementare diferite, dar cele mai multe dintre ele nu au fost actualizate de câțiva ani.

Poate că autorii s-au săturat să concureze cu liderii permanenți Breadcrumb NavXT cu 600 de mii. descărcări și SEO de Yoast. În plus, este destul de dificil să vii cu ceva extra original în această chestiune, pentru că este cât se poate de simplu și poți chiar să implementezi breadcrumbs în WordPress fără un plugin. Oricum ar fi, am selectat 4 dintre cele mai interesante soluții:

Sarcina principală a modulului, în principiu, nu are nimic de-a face cu tema noastră de astăzi, dar nu poate fi ignorată. Una dintre caracteristicile suplimentare ale pluginului Yoast SEO este pesmetul. Adică nu trebuie să instalați un nou modul, ci pur și simplu să activați opțiunea corespunzătoare. În munca mea folosesc exact această opțiune.

este cel mai popular plugin breadcrumb din WordPress cu peste 600 de mii de descărcări. Actualizat regulat și conține multe funcții pentru a vă personaliza cu ușurință afișajul de navigare. Include, de asemenea, un widget încorporat, suport pentru bbPress, BuddyPress, localizare, capacitatea dezvoltatorilor de a utiliza filtre/cârlige și multe altele.

Pesmet

În principiu, este greu să găsești soluții care să fie mai interesante decât precedentele două, deși există încercări bune. De exemplu, modulul Breadcrumb pentru WordPress are suport pentru shortcodes, plus lanțul de link-uri în sine are un design original (vezi linkul Live Demo!). Nu este clar dacă modelele sunt acceptate în versiunea gratuită. De asemenea, puteți personaliza tipul de separator și puteți adăuga text la începutul elementului. Potrivit dezvoltatorilor, scenariul este cât se poate de simplu și ușor.

O altă opțiune care are, plus sau minus, un număr decent de descărcări, în ciuda faptului că a fost actualizată în urmă cu aproximativ un an. Autorii promit personalizare flexibilă a pesmeturilor în WordPress: cârlige încorporate, opțiuni de afișare și suport pentru stil (există un eșantion CSS în descriere). Modulul mi s-a părut o soluție destul de bună și simplă, cu note bune.

Pesmet în Yoast SEO

Nu voi descrie în detaliu toate complexitățile lucrării, puteți citi despre ea în, mă voi concentra exclusiv pe crearea unui element cu firimituri. Procesul de integrare constă din două părți - instalarea în panoul de administrare + editarea șablonului.

După activare, va apărea o nouă secțiune SEO, unde trebuie să selectați opțiunea „Avansat”. Apoi, mutați comutatorul din elementul cu numele ciudat „Activați firimituri” în poziția „Activat”:

În principiu, nu există atât de multe opțiuni diferite aici. Definiți simbolul separatorului, titlul de pornire, prefixul, textul pentru arhive și 404 pagini. Chiar mai jos, selectează opțiunea de taxonomie afișată în postare (categoria este cea mai logică).

Apoi mergeți la fișierul șablon unde veți afișa blocul de navigare și adăugați liniile:

" , "

" ) ; } ?>

Cele mai populare locuri de inserare a codului sunt în postări (single.php) și pagini (page.php) înainte de afișarea antetului. Uneori poate fi plasat la sfârșitul aspectului antetului (header.php). Codul de mai sus are o declarație condiționată și verifică prezența pluginului, apoi afișează rezultatul. Cu acest design, puteți dezactiva cu ușurință pesmeturile din setări. Apropo, acest cod a fost adăugat inițial la multe teme profesionale, deoarece Modulul este foarte popular.

Un alt avantaj al Yoast SEO este că pesmeturile pot fi setate în parametri suplimentari ai postărilor de blog:

Adică, aveți șansa de a determina manual orice valoare antetului postării WP prin panoul de administrare. Acest lucru este util pentru titlurile lungi de articole + vă permite să scăpați de informațiile duplicat.

Pluginul NavXT Breadcrumb pentru WordPress

De asemenea, atunci când se creează breadcrumbs pentru WordPress, se folosește planul Breadcrumb NavXT. Modulul are o funcționalitate bună, pe care am menționat-o parțial mai sus, plus că conține multe opțiuni interesante. Aproape fiecare utilizator îl poate înțelege și poate modifica cu ușurință setările necesare ale elementului de navigare.

Prin panoul de administrare sau descărcați din depozitul oficial. Important! Pentru Breadcrumb NavXT versiunea 5.2 veți avea nevoie de PHP5.3, versiunile anterioare necesită PHP5.2. Apoi îl activezi, iar secțiunea corespunzătoare va apărea în WP.

Există 4 file de parametri aici:

În „De bază” puteți selecta tipul de separator, puteți elimina linkul către pagina principală și puteți configura afișarea paginii curente. Formatul șirului este specificat prin șabloane.
„Postări” - conține opțiuni pentru postări.
„Taxonomii” - sunt responsabili pentru etichete/categorii.
„Altele” - formate ale paginilor de autor, arhive, erori 404.

Vă sfătuiesc să parcurgeți fiecare filă și să vă uitați la toate caracteristicile. Formatul de afișare vă permite să faceți orice modificări la această navigare - adăugați propriul text/simboluri, schimbați stilurile etc.

După specificarea parametrilor Breadcrumbs în pluginul WordPress, trebuie să setați ieșirea informațiilor în șablon - deschideți fișierul de aspect corespunzător (de obicei header.php) și plasați liniile în locul potrivit:

Similar cu lucrul cu Yoast SEO, alegerea locului unde să plasați codul depinde de tema instalată. Dacă intenționați să afișați un bloc în antet, atunci utilizați header.php. Având în vedere că acest fișier este comun tuturor paginilor aspectului, veți vedea un lanț de legături pe fiecare dintre ele. De asemenea, puteți afișa un element numai în secțiunile selectate - în acest caz, lipiți codul în single.php, page.php, archive.php etc. În general, Breadcrumb NavXT este un instrument bun.

Pesmeturi în WordPress fără un plugin

Este posibil să implementați funcția Breadcrumbs în WordPress fără pluginuri. Cu toate acestea, înainte de a continua să descriu diferitele opțiuni, îmi voi exprima opinia subiectivă despre motivul pentru care aceasta nu este cea mai bună idee:

Integrarea va fi cu siguranță o provocare pentru utilizatorii începători.
Editarea parametrilor direct în cod nu este deosebit de clară - setarea șabloanelor de afișare prin panoul de administrare este mult mai convenabilă decât editarea directă.
Modulele au mai multe caracteristici - iau cel puțin localizare, suport Schema.org, widget-uri.
Nu toate codurile găsite pe web sunt actuale, corecte și actualizate în mod regulat, în timp ce cel puțin Yoast SEO și Breadcrumb NavXT în WordPress funcționează stabil.

Sincer să fiu, nu cred că crearea de pesmeturi în WordPress fără un plugin vă va oferi o creștere serioasă a performanței. Da, dacă ești un dezvoltator web grozav, creând un proiect pentru tine, atunci te poți descurca cu „cod curat” în toate celelalte cazuri, un modul gata făcut este mult mai simplu.

Una dintre cele mai compacte și soluții actuale în plus sau minus. Primul lucru pe care îl faceți este să adăugați o nouă funcție personalizată get_breadcrumb() în fișierul functions.php:

/** * Generați breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ funcția get_breadcrumb() ( echo "Acasă" ; if (este_categoria() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif (is_search() ) ( echo " » Rezultatele căutării pentru... " ; echo "" " ; echo the_search_query() ; echo """ ; } }

/** * Generați breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Acasă"; if (is_category() || is_single()) ( echo " " "; the_category(") . "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo " » "; echo the_title(); ) elseif (is_search()) ( echo " » Rezultatele căutării pentru... "; echo "" "; echo the_search_query(); echo """; } }

Apoi, în aspectul de afișare post single.php sau oricare altul, numiți-l:

breadcrumb ( umplutură : 8px 15px ; margin-bottom : 20px ; list-style : none ; background-color : #f5f5f5 ; border-radius : 4px ; ) .breadcrumb a ( culoare : #428bca ; text-decoration : none ; )

breadcrumb ( umplutură: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; ) .breadcrumb a (culoare: #428bca; text-decoration: none; )

Ca rezultat, veți obține ceva de genul:

Dacă acest lucru este suficient pentru tine, atunci de ce nu. Pot recomanda și varianta de la Dimox, care a încercat să țină cont de toate neajunsurile fragmentelor existente. Există mult mai mult cod sursă acolo, este destul de posibil să creați un modul cu drepturi depline din acesta :)

Cum să eliminați pesmeturile din WordPress

În principiu, această sarcină este inversul procesului de instalare a unui element. Prin urmare, înainte de a-l dezactiva, trebuie să înțelegeți exact cum este implementat totul în cazul dvs. specific. Algoritmul este aproximativ următorul:

Să vedem dacă există un plugin breadcrumb pentru un site WordPress. Dacă da, atunci încercați să ascundeți afișarea lanțului de legături în setări și/sau să-l dezactivați.
Dacă dezvoltatorul a efectuat corect integrarea, atunci ștergerea modulului nu va duce la erori. În caz contrar, căutăm codul de ieșire de navigare în fișierele șablon (WinGrep poate ajuta). Acestea ar putea fi, de exemplu, funcțiile yoast_breadcrumb(), bcn_display(), bread_crumb(), etc. Scaparea de linii suplimentare.
Să verificăm din nou afișarea paginilor proiectului în browser.

În principiu, dezactivarea sau eliminarea pesmeturilor în WordPress nu este atât de dificilă, principalul lucru este să înțelegeți cum au fost adăugate. Editați codul cu atenție pentru a nu șterge nimic important (puteți comenta mai întâi rândurile).

Total.În articol, am discutat în detaliu cum să faci pesmet în WordPress, informațiile despre configurarea acestuia ar trebui să fie suficiente pentru tine. Înainte de instalare, vă sfătuiesc să vă gândiți dacă aveți într-adevăr nevoie de această unitate. În ceea ce privește implementarea, personal nu văd rostul implementării unui element de cale a site-ului în WordPress fără un plugin, având în vedere că proiectul dvs. web va avea probabil Yoast SEO. În ceea ce privește alte module, acestea sunt utile doar în cazul unor funcționalități originale. Breadcrumb NavXT pare destul de bun, dar sunt pentru soluția lui Yoast.

Dacă aveți întrebări despre lucrul cu pesmeturile Breadcrumbs și cu pluginurile WordPress pentru acestea, scrieți mai jos și vom rezolva problema.

P.S. gardian. În prezent, este necesară utilizarea sistemelor de conducte moderne - conductele de gaz prezentate de Casa de Comerț Eurotrubplast îndeplinesc toate standardele de calitate.

Salutare tuturor!

O altă modalitate de a îmbunătăți legăturile interne și utilizarea site-ului web este breadcrumbs. Acest tip de navigare pe site a căpătat acest nume datorită basmului fraților Grimm despre Hansel și Gretel. Dacă vă amintiți, pentru a-și găsi drumul spre casă, copiii au lăsat pesmet pe potecă. La fel, metoda de navigare cu același nume va împiedica utilizatorii să se piardă pe site-ul dvs. Mai multe detalii despre scopul și metodele de adăugare a pesmeturilor la un blog vor fi discutate în articolul de astăzi.

Semnificație și exemplu de pesmet

Pentru a vă face o idee despre cum arată pesmeturile pe un site web, voi da un exemplu de pe blogul meu:

Pesmetul este evidențiat cu un cadru portocaliu. Se mai numesc si pesmet.

Cel mai adesea, un astfel de lanț poate fi găsit sub antetul site-ului, imediat înainte de titlul articolului.

Așadar, vizitatorul poate înțelege cu ușurință în ce secțiune se află articolul pe care îl vizionează. Structura generală a navigării în Breadcrumb este următoarea: Pagina de pornire -> Secțiune -> Titlul articolului. Poate fi complicat dacă, de exemplu, o subsecțiune apare în secțiune, atunci structura va fi astfel: Pagina de pornire –> Secțiune –> Subsecțiune –> Titlul articolului.

Pe lângă navigarea pe site, pesmeturile joacă, de asemenea, un rol important în SEO. Acestea îmbunătățesc utilizarea site-ului, linkurile și, uneori, pot intra în . Acest lucru va crește rata de clic în rezultatele căutării și, de asemenea, va ajuta motoarele de căutare să recunoască rapid structura resursei dvs. Acest lucru necesită micromarcarea pesmeturilor. Vom vorbi mai jos despre cum se face.

Pesmet: cum să o faci pe blogul tău?

Pentru a adăuga breadcrumbs la WordPress, puteți folosi un plugin sau puteți scrie codul necesar pentru a le afișa.

Mai întâi, să vedem cum să afișați breadcrumbs cu cod PHP. Voi spune imediat că același cod va fi dat mai jos, dar cu microelemente de markup, vă sfătuiesc să îl luați imediat.

Iată un exemplu de cod de lipit în fișierul functions.php:

1 2 3 4 5 6 7 8 9 10 11 12 13 14

" " ; }

"; }

Numele rusești din cod pot fi înlocuite cu propriile tale. De exemplu, în loc de „Acasă”, înlocuiți numele site-ului.

1 2 3 4 5

După aceasta, pe site-ul dvs. ar trebui să apară un pesmet. Cu toate acestea, pentru a obține pesmet frumoase, trebuie să faceți modificări fișierului de stiluri. De exemplu, pentru a arăta ca pe blogul meu, trebuie să inserați următorul cod în styles.css:

Breadcrumbs( margine: -5px 0 5px 3px; /* padding */ overflow: hidden; ) .breadcrumbs a ( culoare: #34a6d2; /* link color - blue */ text-decoration: underline; ) .breadcrumb > span ( culoare : #000; /* culoarea punctului final este neagră */ ) .breadcrumb( float:left; )

Aici puteți vedea culoarea și dimensiunea fonturilor, indentărilor și culoarea linkurilor atunci când treceți cu mouse-ul peste și fără ele. Puteți înlocui toate aceste valori cu propriile valori și puteți experimenta.

Pesmet pentru WordPress: plugin

Cele mai comune pluginuri pentru afișarea breadcrumbs: Yoast WordPress Seo, BreadCrumb NavXT. Pluginul WordPress SEO by Yoast este bogat în funcții, iar pesmeturile din arsenalul său sunt doar o mică parte. Prin urmare, dacă aveți deja instalat acest plugin, atunci puteți utiliza această funcție.

După instalare, în setări puteți seta opțiunea de cale (categorii, date, etichete), lungimea maximă a titlului, caractere între secțiuni. În plus, puteți dezactiva afișarea titlului paginii pe care se află vizitatorul, pentru a nu duplica titlul articolului. Pentru ca pesmeturile să fie afișate pe pagină, trebuie să scrieți din nou codul în fișierul single.php sau header.php.

1 2 3 4 5 6 7 8

Puteți face modificări stilurilor în același mod ca cel descris mai sus.

Micromarcarea pesmetului

Am vorbit deja despre cât de important este. Pesmeturile din fragmentul meu de blog arată astfel:

Acest tip este mai ușor de înțeles și mai plăcut pentru utilizator decât doar adresa URL a paginii.

Motoarele de căutare pot accepta automat structura breadcrumb care este realizată pe site-ul dvs. și o pot afișa în fragment în consecință. Pentru a verifica acest lucru, trebuie să utilizați validatoare Google și Yandex.

Dacă motoarele de căutare nu recunosc breadcrumbs, atunci au nevoie de ajutor. Pe blogul meu folosesc codul dat la începutul articolului. I-am adăugat micro elemente de markup. Dacă scoateți, de asemenea, breadcrumb-uri folosind cod PHP, puteți înlocui codul cu acesta:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

funcția my_breadcrumb() ( echo "

" ; }

funcția my_breadcrumb() ( echo "

"; }

Nu am încercat să creez micro-markup pentru pesmeturile create folosind plugin-ul. Dar cred că nu este greu. Puteți modifica codul pluginului într-un mod similar cu codul meu. Să ne uităm la codul dat.

Acest cod permite motoarelor de căutare să determine că acesta este un element Breadcrumbs.
Fiecare element individual din lanț este împachetat într-un div care conține codul: itemscope itemtype="https://data-vocabulary.org/Breadcrumb" .

itemprop="url" – definește valoarea URL, trebuie adăugată la fiecare etichetă

itemprop="title – definește valoarea titlului elementului de lanț

Tot codul este împachetat într-un div cu parametrul xmlns:v="https://rdf.data-vocabulary.org/#"> pentru a conecta dicționarul schema.org.

După adăugarea codului, verificați din nou dacă Yandex și Google recunosc pesmeturile.

Dacă aveți întrebări suplimentare despre subiectul acestui articol, asigurați-vă că le întrebați în comentarii.

În cele din urmă, vă sugerez să vizionați un videoclip despre legăturile interne.