Meniu pesmet. Pesmet - ce sunt? Exemple de utilizare a pesmetului

Navigarea bună este extrem de importantă pentru un site. Și aici pesmeturile vă vor veni în ajutor. Să vedem ce sunt și cum să le folosim.

Breadcrumb-urile sunt un tip de navigare secundară pe site care arată locația unui utilizator pe un site web sau pe o aplicație web.

De obicei, pesmeturile pot fi găsite pe site-uri mari, unde toate paginile sunt organizate după o ierarhie strictă. În forma lor cea mai simplă, pesmeturile sunt linkuri text poziționate orizontal, separate printr-un simbol mai mare decât - „>” . Acest simbol indică nivelul acestei pagini în raport cu alte pagini de pe site.

Când ar trebui să folosiți pesmet?

De fapt, nu este întotdeauna necesară utilizarea acestui element de navigare. Dar haideți să vedem când mai trebuie să le folosiți.

Folosiți navigarea prin breadcrumb pentru site-uri web mari și site-uri web care au pagini organizate ierarhic. Un scenariu excelent este site-urile de comerț electronic în care o mare varietate de produse sunt grupate în categorii logice.

Nu ar trebui să utilizați breadcrumbs pentru site-uri web cu un singur nivel care nu au nicio ierarhie logică sau grupare. O modalitate excelentă de a determina dacă un site web ar beneficia de navigarea prin breadcrumb este de a construi o hartă a site-ului sau o diagramă care să reprezinte arhitectura de navigare a site-ului web și apoi să analizezi dacă breadcrumb-urile vor îmbunătăți capacitatea utilizatorului de a naviga în cadrul și între categorii.

Navigarea prin breadcrumb ar trebui să fie considerată doar o funcție opțională și nu ar trebui să înlocuiască meniurile de navigare primară eficiente. Aceasta este o caracteristică utilă; o schemă de navigare secundară care permite utilizatorilor să determine unde se află; și o modalitate alternativă de a vă naviga pe site.

Tipuri de pesmet

Există trei tipuri principale de pesmet. Să le aruncăm o privire mai atentă.

1. Bazat pe locație.

Acesta este probabil cel mai recunoscut tip de pesmet. Acesta arată utilizatorului unde se află în ierarhia site-ului web. Acest tip este utilizat de obicei pentru modelele de navigație care au mai multe niveluri (de obicei mai mult de două niveluri). În exemplul unui magazin online de mai jos, puteți vedea nivelurile din ierarhie.

Să ne dăm seama mai întâi ce este - pesmet pe site și de ce sunt necesare.

Pesmeturile au fost folosite inițial pentru a facilita navigarea utilizatorilor. În esență, acesta este un bloc de link-uri în partea de sus a paginii care afișează ierarhia site-ului. Acestea. utilizatorul poate reveni, de exemplu, la pagina anterioară de catalog dintr-un magazin online.
Iată un exemplu clar:

Impactul pesmeturilor asupra SEO

De-a lungul timpului, optimizatorii SEO au observat că acest bloc de link-uri are un efect pozitiv asupra promovării resursei. Și acesta este motivul pentru care funcționează:

1. Legături interne

Conform ierarhiei aproape oricărui sit, cu cât nivelul de cuibărit al unei secțiuni este mai scăzut, cu atât este mai important. Prin urmare, este necesar să ne asigurăm că structura site-ului este de așa natură încât link-urile de la pagini mai profunde să conducă la cele mai superficiale. Este mai ușor de explicat cu un exemplu.

După cum puteți vedea în imagine, fiecare produs trimite către o categorie, iar fiecare categorie trimite către pagina principală a site-ului.
O astfel de legătură a devenit un fel de standard în domeniul promovării și, prin urmare, motoarele de căutare chiar au început să o folosească direct în propriile rezultate. Acest lucru se face folosind marcajul Schema, dar mai multe despre asta mai târziu.

2. Factori comportamentali

În urmă cu câțiva ani, motoarele de căutare au început să analizeze comportamentul utilizatorilor pe site și, în funcție de el, să plaseze paginile într-o poziție sau alta pentru interogări. După cum vă puteți imagina, unul dintre acești factori comportamentali este numărul de clicuri interne pe site. Pesmetul poate îmbunătăți serios acest indicator în unele cazuri.

Markup schema pentru breadcrumbs

Micro marcajul permite motoarelor de căutare să identifice mai precis breadcrumbs și chiar să le adauge la rezultatele lor ca bonus. Va arata cam asa:

Și în timp ce breadcrumb-urile în sine sunt cel mai adesea instalate în mod implicit pe site-uri web, micro-markup cel mai adesea trebuie adăugat manual. Prin urmare, vom scrie o scurtă instrucțiune despre cum să implementăm acest lucru.

Acasă

Acum să ne uităm la ce este.

Primul lucru pe care trebuie să-l facem este să împachetăm fiecare link într-o etichetă și scrieți în eticheta în sine
itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"

LEGĂTURĂ

Această etichetă rămâne implicită. În ea le spunem motoarelor de căutare că acesta este un marcaj de schemă, iar elementul acestui marcaj se numește itemListElement. Această construcție este utilizată în toate referințele.

Acasă

În consecință, dacă am avea un al doilea nivel de imbricare, ar trebui să scriem conținut = ”2″.

Timp de citit: 6 minute(e)


Îți amintești de basmul fraților Grimm „Hansel și Gretel”? Acolo au aruncat pesmet pe drum pentru a-și găsi drumul spre casă. Desigur, în basm, păsările i-au ciugulit, și nu s-au mai putut întoarce, au ajuns cu vrăjitoarea rea. Ce legătură are asta cu un basm și un articol despre marketing pe Internet? Este foarte simplu, termenul „pesmet” este folosit de experți. Și pe site nimeni nu va mânca aceste firimituri; ele vor arăta vizitatorului calea cea bună.

firimituri de pâine- Acesta este unul dintre tipurile de navigare pe site. Cel mai simplu exemplu al acestei navigări poate fi văzut pe un computer. Aruncă o privire la poză:


Pentru a reveni la secțiunea sys(C), nu trebuie să apăsați butonul „Înapoi” de mai multe ori; puteți pur și simplu să faceți clic pe numele folderului însuși și vă veți găsi acolo.

De ce ai nevoie de o astfel de navigare pe un site web dacă poți să dai clic pe „Înapoi” de câteva ori și să ajungi acolo unde trebuie să fii? Dacă vă aflați pe site-ul unui magazin online, de exemplu, trebuie să vă întoarceți cu câteva poziții, veți pierde mult timp și, cel mai probabil, rezultatele căutării dvs. nu vor fi salvate. Instrumentele de navigare ale browserului se dovedesc a fi incomode.

Mai jos este un exemplu de „pesmet” pe site-ul web BonPrix:



Avantajele pesmetului:

  1. Simplificați navigarea pe site pentru utilizator.
  2. Motoarele de căutare clasifică un site mai bine prin navigare.
  3. Inițial veți lega corect paginile între ele (legare internă).
  4. Creați fragmente ușor de citit în motoarele de căutare. Fragmentul este un text care este folosit ca descriere a linkurilor în rezultatele căutării.
  5. Creați greutatea de ancorare corectă pentru legătură.

În acest articol, veți învăța la ce să acordați atenție atunci când creați navigarea prin breadcrumb.

Greutatea paginii– aceasta este o valoare condiționată care arată „semnificația” site-ului.

Greutatea statică a paginii este numărul de linkuri de pe el. Pagina principală a site-ului va avea cea mai mare pondere, deoarece link-urile din toate paginile site-ului duc la pagina principală.

Dar se mai întâmplă să fii promovat pe baza unor solicitări competitive. În acest caz, este mai bine să folosiți nu cuvântul „Acasă”, ci întreaga frază sau interogarea, de exemplu: Tehnologie > Accesorii > Tastaturi

2. Comportamentul utilizatorului

Navigarea corectă pe site îi ajută pe utilizatori să găsească rapid informațiile de care au nevoie. Și din partea motoarelor de căutare, un astfel de site este mai bine clasat pentru interogările promovate.

Se îmbunătățesc, de asemenea, valori precum profunzimea de navigare și implicarea utilizatorilor. Și acest lucru, la rândul său, are un efect pozitiv nu numai asupra pozițiilor site-ului, ci și asupra ratelor de conversie.

3. Fragment

Fragment– aceasta este o bucată de text care este afișată lângă link în rezultatele căutării.

Folosind motorul de căutare Google, puteți transmite date structurate și puteți îmbunătăți clasarea site-ului dvs. în rezultatele căutării. Yandex este puțin în urmă Google și nu știe încă cum să accepte acest tip de marcare. Dar Yandex însuși creează un lanț de navigație care poate fi văzut în căutare.


Breadcrumbs formatate și neformatate folosind date structurate în rezultatele Google:


Google folosește trei formate pentru transmiterea datelor structurate - JSON-LD, Microdata, RDFa. Formatele de microdate și RDFa sunt potrivite pentru breadcrumbs. Mai jos este un exemplu de formatare a codului în format Microdate:



După completarea codului, trebuie să vă asigurați că nu există erori. Există un instrument de validare de la Google pentru acest lucru.



Instrumentul vă va ajuta să vă asigurați că datele structurate sunt procesate și afișate corect.



4. Amintiți-vă

  • Este o practică bună să nu faceți din ultimul element de navigare un link, de exemplu: Acasă > Blog> Articolul
  • Dacă utilizați prea multe cuvinte cheie în lanțul dvs. de navigare, creșteți probabilitatea ca site-ul dvs. să fie filtrat de motoarele de căutare.
  • Dacă implementați sau nu pesmeturi depinde de ce fel de resursă aveți. Dacă aveți un site de cărți de vizită sau există puține secțiuni pe site, atunci nu aveți nevoie de această navigare. Dar dacă ai un magazin online mare, evident că ai nevoie de un astfel de lanț de navigație.

Navigarea prin breadcrumb este un design indispensabil și necesar. Chiar înainte de lansarea site-ului, este necesar să te gândești la navigare până la cel mai mic detaliu. De asemenea, este vital pentru site-urile cu mai multe pagini cu o structură complexă. Aruncă o privire la cele mai mari resurse și magazine online, unde un sistem bine gândit vă va permite să înțelegeți toate subtilitățile navigației și caracteristicile sale.

„Breadcrumbs” (din engleză „breadcrumbs”) este un lanț de navigare pe un site web care reflectă calea de la pagina principală la cea curentă. Au fost folosite pentru prima dată în manageri de fișiere precum Norton Commander sau Volkov Commander și au arătat calea către folderul rădăcină.

De ce să folosiți această navigare duplicată pe site? Cum afectează utilizarea și SEO? Cum se implementează? Găsiți răspunsuri la cele mai populare întrebări despre pesmet în noua noastră postare.

La ce se folosește pesmetul?

În 1995, Jakob Nielsen a formulat 10 principii de utilizare, dintre care primul a fost „Vizibilitatea stării sistemului”. Esența sa este că utilizatorul ar trebui să știe întotdeauna în ce parte a site-ului se află. Pentru a implementa acest principiu este nevoie de „pesmet”. Celebrul designer Artemy Lebedev scrie în Kovodstvo că navigarea duplicată este adecvată atunci când există imbricare logică a conținutului, adică pe aproape toate site-urile de informații. Să adăugăm că lanțul de navigare este necesar și pentru magazinele online și site-urile web corporative.

Din punct de vedere al utilizabilității, pesmeturile rezolvă trei probleme:

  • informează utilizatorul despre locația sa actuală pe site;
  • să demonstreze clar structura resursei;
  • vă permit să treceți rapid la un nivel de imbricare mai înalt, ocolind butonul „Înapoi” al browserului.

Pe lângă impactul pozitiv asupra utilizabilității, navigarea duplicată are un efect SEO:

  • este un element natural al legăturii paginilor;
  • îmbunătățește valorile comportamentale (timp pe site și adâncimea de navigare) prin simplificarea navigării;
  • cu condiția să fie configurat micro-markup, îmbunătățește aspectul fragmentului în căutare, și anume, formează un lanț de navigare și crește posibilitatea de clic (suportat doar în Google).

Ce sunt „pesmetul”?

Traseul pesmet poate fi organizat după diferite principii:

    Principiul liniar. Aceasta este cea mai comună opțiune - este indicată calea completă de la pagina principală la cea actuală. Un exemplu este în figura de mai jos:

    Aici este prezentată următoarea structură de imbricare: pagina principală este „Centrul de mobilă”, apoi urmează pagina catalogului de produse, apoi secțiunea „Bucătări”, apoi „Seturi de bucătărie” și, în final, numele unui anumit set.

    Dacă structura site-ului este foarte complexă, există o versiune redusă a „pesmetului”:

    În magazinul Amazon, „fărâmiturile” nu încep cu pagina principală, ci cu numele secțiunii de catalog. Captura de ecran arată că „începutul de referință” este secțiunea „Acasă și bucătărie” a magazinului.

    Principiul „înapoi”.. Esența metodei este că, în loc de un lanț de navigare, este plasat un link „La pagina anterioară”, „Înapoi la catalog”, etc., care de fapt dublează butonul „Înapoi” al browserului. Această abordare este convenabilă dacă site-ul folosește o funcție de căutare.

    În captură de ecran, butonul „Rezultate” duce de la cardul produsului la o pagină cu rezultate de căutare pentru interogarea „Pantofi”.

    Combinația celor două opțiuni anterioare. În acest caz, sunt disponibile atât un pesmet liniar, cât și un buton Înapoi. Când este făcută corect, această combinație este potrivită pentru paginile pe care utilizatorii le-au găsit prin intermediul funcției de căutare de pe site. Dar există și o execuție nereușită atunci când butonul „Înapoi” este prezent pe toate cărțile, indiferent dacă acestea au fost căutate printr-o căutare sau nu:

    Principiul atributiv. Folosit de magazinele online și cataloagele online. Conținutul și calea paginii se formează pe baza proprietăților și filtrelor specificate de utilizator.

    Prin ștergerea și adăugarea proprietăților, utilizatorul creează de fiecare dată o „cale” unică către pagina produsului.

Cum să creezi pesmeturile potrivite?

Puteți crea un traseu breadcrumb în diferite moduri: folosind PHP, CSS, pluginuri pentru CMS popular WordPress, Joomla! și alte motoare - puteți găsi o mulțime de soluții pe Internet. Indiferent de metoda pe care o alegeți, urmați aceste sfaturi:

  • „breadcrumbs” sunt create în primul rând pentru vizitatorii site-ului, pentru confortul lor, deci folosiți-le atunci când sunt cu adevărat utile; nu sunteți obligat să le adăugați pe fiecare site - de exemplu, site-urile web de o pagină trăiesc foarte bine fără breadcrumbs;
  • „pesmetul” nu este un înlocuitor pentru meniul principal, ci doar un instrument de navigare auxiliar;
  • Nu ar trebui să ajustați în mod specific ancorele de text din linkurile de navigare la fraze cheie; excepție - dacă frazele cheie se încadrează armonios în logica de navigare;
  • dacă utilizați navigarea liniară, scrieți calea până la capăt pentru a nu încurca vizitatorii:

O structură clară și necomplicată a site-ului web este ceea ce ar trebui să depuneți eforturi atunci când îl dezvoltați și, ulterior, îl mențineți. Este necesar să se optimizeze structura nu numai pentru confortul utilizatorilor, ci și pentru a evita problemele cu indexarea acesteia de către roboții de căutare.

Componentele structurii site-ului

Structura unui site este ierarhia secțiunilor, subsecțiunilor și paginilor pe care se află conținutul postat pe acesta. Structura trebuie să fie clară, convenabilă și în concordanță cu tipul de informații care se află pe resursă.

Există mai multe tipuri de structuri, în fiecare dintre acestea elementele sunt aranjate într-un anumit mod:

  • Structura liniară – prezentarea secvențială a informațiilor. Utilizatorul deschide o pagină după alta, familiarizându-se treptat cu informațiile prezentate pe ele. Navigarea standard pentru astfel de site-uri de cărți este de a merge la paginile principale, anterioare sau următoare. O structură liniară poate avea mai multe ramuri din pagina principală.
  • Structura arborescentă - în acest caz, se construiește o ierarhie în care utilizatorul trece de la pagina principală la secțiuni. Subsecțiunile pot fi deschise pentru orice secțiune și pentru acestea pot fi deschise propriile subdiviziuni ale următorului nivel, precum și paginile interne finale.
  • Structura lattice - asemănătoare cu cea anterioară, dar este o opțiune mai complexă, când din orice secțiune, din orice pagină puteți merge în orice parte a site-ului, la ramuri complet diferite.

Cel mai adesea, o structură de arbore este considerată cea mai optimă și convenabilă - nu complică munca de căutare, dacă totul este făcut corect și ajută la navigarea confortabilă și ușor de înțeles pentru vizitatori.

Cum să optimizați structura site-ului?

Pentru ca nici vizitatorii, nici roboții motoarelor de căutare să nu petreacă mult timp căutând pe site informațiile necesare, structura trebuie construită după anumite reguli. Ar trebui să evitați cele mai frecvente greșeli care apar atunci când dezvoltați un sitemap și cum să îl navigați.

Cerințe pentru pagina de pornire

Pagina de start este fața site-ului și brandul căruia îi aparține. Este foarte important să elaborezi aici fiecare mic detaliu și să te asiguri că vizitatorul continuă să se familiarizeze cu site-ul și informațiile de pe acesta. În ceea ce privește SEO, cerințele pentru acest element al structurii sunt următoarele:

  • Este necesar să excludem prezența duplicatelor paginii principale, disponibile la diferite adrese. Pentru a găsi duplicate, puteți introduce titlul principal între ghilimele în bara de căutare Yandex sau Google.
  • Pagina de start este folosită ca punct de plecare pentru navigare, o prezentare a resursei cu informații succinte despre aceasta. Este mai bine să nu postezi solicitări aici și să nu o promovezi prin ele.
  • Numărul de telefon și adresa organizației trebuie să fie într-un loc vizibil (dacă activitățile acesteia impun clientului să poată veni la locația sa), numele scris în text (nu o poză sau nu doar o poză). De obicei, astfel de informații sunt plasate în partea de sus, în antetul site-ului.
  • Pagina principală ar trebui să aibă un director de navigare convenabil pentru a trece la alte secțiuni și pagini individuale.
  • Elemente precum metaetichetele ar trebui să conțină numele organizației. Ele trebuie făcute scurte, concise, fără semne care să nu poarte informații.

Optimizarea partițiilor

Secțiunile de pe site vă permit să împărțiți informațiile în grupuri corespunzătoare diferitelor domenii, subiecte, unind bunuri sau servicii omogene.

În secțiuni, este recomandabil să începeți promovarea interogărilor de înaltă frecvență pe subiecte relevante. Acestea ar trebui să fie incluse atât în ​​text, cât și în metaetichete și URL.

Chiar și portalurile comerciale ar trebui să creeze secțiuni cu conținut informațional pe tema site-ului pentru a atrage mai mulți vizitatori. De exemplu, pe site-ul unui magazin de dispozitive mobile puteți publica recenzii și știri despre produse noi care ies pe piață.

Secțiunile de sistem și secțiunile care nu sunt destinate vizitatorilor ar trebui să fie ascunse de la indexare prin interzicerea vizibilității lor în „robots.txt”. Acest lucru nu se aplică secțiunilor responsabile cu designul adaptiv (dacă a fost utilizat aspectul adaptiv la crearea site-ului). Periodic, ar trebui să monitorizați dacă aceste secțiuni au fost șterse sau redenumite pentru a actualiza informațiile din fișier.

Lucrul cu referințe circulare

Adăugarea de link-uri către acestea pe pagini ridică îndoieli în rândul specialiștilor SEO. Puteți lăsa un link circular în meniul de navigare, dar folosirea lui în text nu este justificată și nu aduce niciun efect.

Hartă dinamică a site-ului

Utilizarea unui sitemap dinamic în format XML poate crește semnificativ viteza și eficiența indexării resurselor de către roboții de căutare. Pentru a configura o astfel de hartă, puteți utiliza pluginul All in One SEO Pack.

Controlul nivelului de imbricare a paginilor

Un grad mare de imbricare a paginilor face structura site-ului mai grea. Paginile cu mult imbricare sunt indexate mai rău de motoarele de căutare. Pentru a identifica paginile foarte imbricate, puteți utiliza resursa Xenu Link Sleuth.

Ce sunt pesmeturile în SEO?

Breadcrumb-urile sunt înțelese ca un element de navigare care este afișat pe fiecare pagină și reprezintă o descriere a căii către o anumită pagină din pagina principală, sau o ierarhie de niveluri care duc de la pagina principală la cea pe care se află vizitatorul. De exemplu: Acasă/Mașini/Toyota/Toyota Land Cruiser 200.

Acest lucru permite utilizatorului să navigheze mai bine pe site și să poată reveni oricând la nivelul dorit în ierarhie.

Utilizarea simbolului dreptului de autor

Pentru a arăta că site-ul este protejat împotriva copierii, puteți instala pictograma copyright - ©. Aceasta este o litera stilizată „c” din cuvântul englezesc copyright, care înseamnă „copyright”.

Acest simbol este de obicei plasat pe site chiar în partea de jos, în elementul „subsol”. Pentru ca utilizarea sa să aducă efectul dorit, iar pe viitor să puteți folosi faptul existenței sale pentru a vă proteja drepturile exclusive de proprietate asupra site-ului, este necesară formalizarea acestuia în conformitate cu legea. Standardele pentru proiectarea semnelor sunt reglementate în documentul GOST R 7.0.1-2003 și articolul 1271 din Codul civil al Federației Ruse.

Pentru a respecta toate cerințele, următoarele informații trebuie să fie plasate pe site:

  • Icoana însăși în forma cerută de GOST (litera latină „c” plasată într-un cerc);
  • Datele proprietarului drepturilor asupra obiectului (în acest caz, site-ul) - nume, prenume, patronimic dacă este o persoană fizică și numele indicat ca în documentele oficiale de înregistrare pentru organizații;
  • Anul în care site-ul a fost postat pe Internet.

Tipul corect de notificare privind drepturile de autor: © Kisel LLC, 2000-2017. Totul este important aici - chiar și semnele de punctuație. Intervalul de date este indicat dacă pe site apar periodic date și materiale noi. Dacă nu există actualizări, puteți indica doar anul în care a fost postat site-ul. Indicarea dreptului de autor va adăuga credibilitate site-ului și, dacă nu sperie escrocii, prezența acestuia poate crește încrederea în portalul clienților și partenerilor.