Importanța navigării pe breadcrumb pentru SEO și utilizare

Publicat: 2021-12-24

Ce este navigarea prin breadcrumbs și când să folosiți breadcrumbs? Cum influențează navigarea prin breadcrumb capacitatea de utilizare și SEO? Întrebări ca acestea te pot copleși atunci când vine vorba de îmbunătățirea prezenței tale online.

În calitate de proprietar de site, misiunea ta principală este să faci site-ul cât mai confortabil și funcțional posibil pentru a oferi vizitatorilor o experiență pozitivă de utilizator. În caz contrar, veți pierde potențiali clienți, deoarece clientela actuală preferă accesibilitatea și utilizarea. Nimeni nu vrea să aștepte să se încarce pagina ta și nimeni nu vrea să se piardă pe site-ul tău.

Imaginați-vă că veți face cumpărăturile săptămânale. Vizitați un supermarket online imens care oferă tone de produse din diferite departamente. Și ești blocat pe prima poziție a listei tale pentru că habar nu ai cum să găsești lapte sau să treci la întregul catalog de produse. Te poate face să te simți frustrat, mai ales dacă nu ai mult timp pentru cumpărături.

Acesta este modul în care se simte clientul dvs. atunci când site-ul dvs. nu dispune de o navigare adecvată. Confuzia, frustrarea și enervarea sunt doar câteva dintre emoțiile pe care le așteptați de la un prospect în acest caz. Prin urmare, dacă site-ul dvs. nu are încă o navigare convenabilă, este timpul să vă gândiți să adăugați pesmet.

Ce este Navigarea Breadcrumb?

Navigarea prin breadcrumb se referă la orientare și reprezintă un traseu breadcrumb care ajută utilizatorii site-ului web să se familiarizeze cu locația lor și să înțeleagă ierarhia site-ului. Navigarea prin breadcrumb constă în breadcrumbs — linkuri speciale de navigare situate sub navigarea principală a site-ului web (meniul site-ului).

cel mai bun design de pesmet

Există o concepție greșită conform căreia pesmeturile sunt necesare numai pentru site-urile web mari cu o structură sofisticată și ierarhie extinsă, de exemplu, site-urile de comerț electronic. Cu toate acestea, navigarea prin breadcrumb este potrivită pentru orice site web care are o adâncime de cel puțin trei niveluri.

Tipuri esențiale de pesmet

În esență, există trei tipuri majore de breadcrumb: ierarhie sau pe bază de locație , pe atribute și pe istoric sau pe cale . Navigarea prin meniul derulant aparține, de asemenea, breadcrumb-urilor, dar reprezintă un tip specific, care este perfect pentru site-urile mari. Rețineți că fiecare tip de pesmet are un anumit traseu de elemente.

ierarhie sau pesmeturi bazate pe locație

pesmet de ierarhie

Astfel, breadcrumb-urile bazate pe locație sau ierarhie arată utilizatorilor întregul traseu pe care îl parcurg pe site, permițându-le să navigheze fără probleme pe mai multe niveluri ierarhice a site-ului. O astfel de comoditate face din acest tip de breadcrumb cea mai populară opțiune pentru simplificarea navigării pe site.

Pesmet bazat pe atribute

pesmet bazat pe atribute

Pesmeturile bazate pe atribute sunt cunoscute și sub denumirea de pesmeturi dinamice, deoarece prezintă traseul atributelor selectate de utilizatori și pot varia în funcție de calea clicului. Acest tip de navigare prin breadcrumb permite clienților potențiali să cunoască mai multe produse de care ar putea fi interesați, deci este o modalitate inteligentă de a oferi clienților opțiuni de alegere îmbunătățite.

Pesmet bazat pe istorie

Pesmet bazat pe istorie

Breadcrumb-urile bazate pe istorie reprezintă setul de pași prin care a parcurs utilizatorul pentru a ajunge pe pagina curentă. Acestea oferă calea completă a paginilor site-ului web vizitate și pot fi înlocuite funcțional cu butonul Înapoi al browserului.

pesmet cu meniul derulant

Mai există o opțiune pentru navigarea prin breadcrumb - breadcrumb cu meniul drop-down. Această soluție îmbunătățită progresiv este potrivită pentru site-uri web uriașe cu elemente complexe și tone de informații. Navigarea prin meniul derulant este compatibilă cu filierele bazate pe locație și pe atribute.

De ce aveți nevoie de navigare pe breadcrumb?

Fie că este vorba de navigare pe bază de locație, dinamică, drop-down sau bazată pe istoric, adăugarea de breadcrumb pe site-ul dvs. vă poate aduce beneficii excelente. Astfel, verificați avantajele utilizării pesmeturilor și aflați cum un traseu bine organizat vă poate ajuta să vă îmbunătățiți site-ul.

Utilizabilitate rafinată a site-ului

În primul rând, navigarea coerentă în breadcrumb îmbunătățește dramatic procesul de navigare pe site-ul dvs. Vizitatorii site-ului se pot deplasa liber între paginile site-ului dvs. fără probleme, iar întreaga experiență a utilizatorului este îmbunătățită. În continuare, breadcrumb-urile ajută la vizualizarea locației curente și a celei mai apropiate locații, astfel încât utilizatorii nu trebuie să petreacă mai mult timp navigând pe site-ul dvs.

Această caracteristică este foarte utilă atunci când ai de-a face cu piețe gigantice precum Amazon, deoarece utilizatorii se pot simți dezamăgiți atunci când se confruntă cu o mare varietate de categorii de produse, subcategorii, pagini de produse etc. Folosirea unui traseu bine gândit face, de asemenea, conținutul tău să arate organizat. și permite vizitatorilor să găsească rapid informațiile dorite sau să treacă la secțiunea necesară a site-ului.

Utilizabilitate rafinată a site-ului

În plus, diferite tipuri de pesmet vă vor permite să utilizați corect spațiul de pe ecran. Pesmeturile bine concepute vin ca elemente simple de navigare care reprezintă de obicei o linie orizontală netedă, oferind utilizatorilor posibilitatea de a arunca o privire peste site. O astfel de linie îngustă arată bine și îi ajută pe designeri să prevină supraîncărcarea paginii.

Performanță SEO îmbunătățită

O cale de navigare bine concepută oferă, de asemenea, oportunități largi de îmbunătățire a performanței site-ului dvs. în rezultatele căutării organice. De exemplu, breadcrumbs vă permit să reglați fin link-ul intern ajustând sucul link-ului pe paginile site-ului. Este foarte benefic pentru SEO, deoarece ajută motoarele de căutare să înțeleagă mai bine structura conținutului site-ului dvs.

În plus, marcajul detaliat al breadcrumb este o modalitate excelentă de a vă îmbogăți fragmentele de căutare pe Google. Fragmentele Google sau fragmentele de căutare sunt extrase de conținut reprezentate în paginile cu rezultate ale motoarelor de căutare sau SERP-uri. Acestea conțin o scurtă descriere a paginilor de site (metadate), ajutând utilizatorii să înțeleagă relevanța unei anumite pagini de site pentru interogarea lor. Și, deoarece Google preferă să afișeze pesmet direct în rezultatele căutării, cel mai bine este să compuneți un traseu precis, care să vă afecteze în mod pozitiv fragmentul.

breadcrumb în rezultatele căutării

Dacă doriți să examinați aspectul fragmentelor de căutare, puteți verifica manual paginile cu ajutorul Google. Există, de asemenea, instrumente automate care vă pot ajuta să verificați fragmentele Google pentru diferite cuvinte cheie și să monitorizați performanța fragmentului pentru o anumită perioadă. De exemplu, aruncați o privire la instrumentul de monitorizare SEO de la SE Ranking.

Acest instrument are o caracteristică care vă permite să urmăriți în mod cuprinzător fragmentele de căutare după cuvinte cheie și să investigați aspectul de căutare a paginilor site-ului dvs. într-o filă convenabilă. Creați un nou proiect și monitorizați fragmentele pentru cuvintele cheie dorite accesând secțiunea Analytics și trafic și navigând la fila Fragmente.

previzualizare fragment de căutare

Navigarea adecvată în breadcrumb ajută, de asemenea, la reducerea ratei de respingere. În cazul în care vizitatorii ajung la o anumită pagină de destinație a site-ului dvs., aceștia pot ajunge pe alte pagini prin breadcrumb-uri adecvate.

În plus, un traseu precis de breadcrumb permite, de asemenea, utilizatorilor începători să rămână pe site-ul dvs. mai mult timp. Aceștia ar putea fi interesați de diferite categorii și subcategorii ale site-ului dvs., motiv pentru care breadcrumbs-urile sunt excelente pentru a reduce volumul general al site-ului. Puteți verifica atât rata de respingere, cât și durata medie a sesiunii în Google Analytics sau SE Ranking (navigați la Analytics & Traffic și apoi accesați Traffic ).

9 sfaturi utile pentru utilizarea pesmetului

Utilizarea navigației prin breadcrumb a devenit obișnuită datorită impactului său remarcabil asupra gradului de utilizare a site-ului web și a vizibilității în rezultatele căutării. Cu toate acestea, pentru a obține cele mai bune rezultate, trebuie să utilizați corect marcajul breadcrumb. Există câteva modalități practice de utilizare a pesmetului, pe care le puteți examina mai jos.

# 1 Asigurați-vă că site-ul dvs. are într-adevăr nevoie de pesmet

Cu siguranță, marile site-uri web de comerț electronic nu sunt singurul loc în care să folosească navigarea prin breadcrumb. Cu toate acestea, există cazuri în care pesmetul arată incomodă și nu își îndeplinește funcția principală. De exemplu, marcarea breadcrumb este necorespunzătoare dacă aveți un site cu un singur nivel sau un site web cu o ierarhie uniformă.

Prin urmare, trebuie să vă asigurați că adăugarea unui traseu de breadcrumb are sens pentru site-ul dvs. Pentru a verifica dacă site-ul dvs. are nevoie de breadcrumbs, utilizați niște crawler-uri, cum ar fi Screaming Frog, care vor afișa toate nivelurile arhitecturii site-ului dvs. Alternativ, puteți vizualiza manual structura site-ului dvs.

marcajul de pesmet

#2 Nu înlocuiți navigarea pe site-ul principal cu pesmet

Comoditatea și relevanța meniului principal de navigare pe site-ul dvs. sunt cheia pentru o experiență îmbunătățită a utilizatorului, iar breadcrumbs reprezintă o creștere completă care face procesul de explorare a site-ului și mai bun și mai confortabil pentru vizitatori. Luați în considerare utilizarea navigației prin breadcrumb ca o modalitate excelentă de a susține meniul principal al site-ului dvs.

Nu înlocuiți navigarea pe site-ul principal cu breadcrumbs

#3 Prioritizează linkul către pagina ta de pornire

Atunci când creați o navigație perfectă pentru site-ul dvs., luați în considerare începerea traseului cu un link către pagina de pornire. Adăugând link-ul către pagina dvs. de pornire la începutul markupului de tip breadcrumb, oferiți o ancoră robustă care subliniază călătoria utilizatorilor și clarifică întregul traseu.

Prioritizează pesmetul

# 4 Asigurați-vă că traseul Breadcrumb este consecvent

Navigarea prin breadcrumb funcționează bine dacă se laudă cu consistență. De aceea, este esențial să vă asigurați că pesmeturile dvs. oferă suficiente informații despre calea utilizatorului pe site-ul dvs. web. Conectați toate elementele marcajului dvs. de breadcrumb, cu excepția ultimului element din urmă, pentru a evita linkurile goale care nu au niciun sens. În plus, pentru a adăuga contrast și a evidenția pagina curentă a căii, faceți ultimul element aldine sau subliniați-l cu o culoare diferită.

pesmet pe care nu se poate face clic

# 5 Evidențiați pesmeturile cu separatoare

Cu siguranță nu doriți ca traseul de pe site-ul dvs. să arate dezordonat. Prin urmare, faceți tot posibilul pentru a separa elementele de navigare prin breadcrumb și pentru a oferi markupului un aspect curat și îngrijit. Simțiți-vă liber să utilizați un simbol precum o bară oblică, săgeată, ghilimele sau cereți designerilor să evidențieze pesmeturile cu un stil unic de aspect care imit liniile sau filele într-o culoare adecvată.

Evidențiați Pesmet cu separatoare

# 6 Optați pentru plasarea corectă a pesmeturilor

Aspectul site-ului dvs. ar trebui să fie bine structurat și organizat pentru a oferi un nivel înalt de experiență utilizator. Fiecare pagină de site trebuie să aibă un marcaj coerent al titlurilor pentru a asigura accesarea cu crawlere adecvată și locația corectă a altor elemente ale paginii.

De exemplu, zona de deasupra titlului H1 este cel mai bun loc pentru a vă situa traseul pesmet, deoarece este în vizorul vizitatorilor, oferind un sentiment mai bun de orientare. Site-ul web Marks and Spencer este un exemplu excelent de plasare corectă a pesmeturilor.

Plasarea pesmeturilor

#7 Asigurați-vă că pesmeturile dvs. arată locația utilizatorilor actuali

Înainte de a implementa breadcrumbs pe site-ul dvs., asigurați-vă că înțelegeți scopul principal al unui astfel de element de navigare esențial. Marcarea breadcrumb nu ar trebui să prezinte istoricul sesiunii, deoarece butonul Înapoi al browserului face față pe deplin acestei sarcini.

În esență, breadcrumb-urile sunt concepute pentru a ajuta vizitatorii să rezolve întreaga ierarhie a site-ului web, așa că este esențial să lăsați navigarea pe breadcrumb să îndeplinească această funcție principală. Pesmeturile dvs. ar trebui să clarifice calea de pe site-ul dvs. către utilizatori și nu invers.

Afișați locația curentă a utilizatorului

# 8 Nu utilizați categoriile IA în navigarea Breadcrumb

Un traseu specific ar trebui să includă pagini valide care corespund căii dorite de utilizator pe site pentru a oferi o navigare rafinată pe site. Astfel, fiecare element breadcrumb (cu excepția ultimului element din traseu) trebuie să navigheze utilizatorii către pagina asociată. Markupul de tip breadcrumb are ca scop navigarea fără întreruperi între pagini.

Dacă unele pagini ale site-ului dvs. nu au pagini înrudite pe care să aterizați, luați în considerare evitarea acestora în navigarea pe firul de navigare. De exemplu, aruncați o privire pe site-ul Victoria's Secret. Meniul principal al site-ului conține o categorie Accesorii care are o subcategorie Genți de mână.

Categorii în Breadcrumb

Această subcategorie nu are o pagină separată. Deci, traseul de breadcrumb nu include Genți de mână, dar conține un element similar Genți și Accesorii care are o pagină asociată pe site.

navigare în subcategorii

# 9 Decideți cea mai bună umplutură și dimensiune a pesmetului

Deși navigarea pe ruta ar trebui să fie vizibilă, nu ar trebui să reprezinte elementul cel mai proeminent pe întreaga pagină a site-ului. Prin urmare, gândiți-vă la umplutura și dimensionarea pesmeturilor dvs. pentru a le face un plus bun la stilul paginii.

Markupul de tip breadcrumb se referă la confortul utilizatorilor, așa că încercați să-l păstrați calm și uniform, evitând accente strălucitoare și fonturi mari și extraordinare. De exemplu, observați site-ul web Tommy Hilfiger, cu un traseu de breadcrumb care se potrivește perfect întregului aspect al paginii web și nu distrage atenția utilizatorilor de la conținutul paginii.

Cea mai bună dimensiune a pesmetului

rezumat

Navigarea prin breadcrumb face mai rapidă și mult mai confortabilă deplasarea pe un site web. Implementarea breadcrumb-urilor poate îmbunătăți în mod semnificativ gradul de utilizare al site-ului și poate îmbunătăți performanța SEO. Sperăm că acest ghid te va ajuta să adaugi perfect markup pe site-ul tău.