Czym jest menu okruszkowe ÔÇô breadcrumbs?

Czy ma znaczenie dla SEO?

Spis tre┼Ťci

Menu okruszkowe, zwane z angielska breadcrumbs (dos┼éownie ÔÇ×okruszki chlebaÔÇŁ) to jeden ze sposob├│w nawigacji na stronie internetowej. Wizualizuje ┼Ťcie┼╝k─Ö, kt├│r─ů prowadzi do docelowej lokalizacji i jednocze┼Ťnie pozwala szybko wr├│ci─ç do jej wcze┼Ťniejszych etap├│w.

Breadcrumbs jako system nawigacji

Samo poj─Öcie ÔÇ×okruszk├│w chlebaÔÇŁ nawi─ůzuje do znanej chyba wszystkim ba┼Ťni o Jasiu i Ma┼égosi. Dzieci znaczy┼éy okruszkami swoj─ů drog─Ö w g─Östym lesie, by m├│c p├│┼║niej po niej wr├│ci─ç do jego pocz─ůtk├│w. W menu okruszkowym rol─Ö lasu przej─Ö┼éa witryna, za┼Ť Jasia i Ma┼égosi─Ö zast─Öpuj─ů u┼╝ytkownicy i roboty wyszukiwarek.

ÔÇ×OkruszkiÔÇŁ uk┼éadaj─ů si─Ö w logiczn─ů, hierarchiczn─ů ca┼éo┼Ť─ç, tworz─ůc ┼Ťcie┼╝k─Ö nawigacji i jednocze┼Ťnie jasno pokazuj─ůc j─ů u┼╝ytkownikowi. Przyj─Ö┼éo si─Ö, ┼╝e menu okruszkowe ma format poziomy ÔÇô jako najbardziej przejrzysty ÔÇô oraz pokazywane jest na g├│rze strony. Nie jest jednak b┼é─Ödem powielenie menu okruszkowego r├│wnie┼╝ na dole strony, gdzie jego funkcja zach─Öcaj─ůca np. do poznania wcze┼Ťniejszego ÔÇ×okruszkaÔÇŁ (szerszego zagadnienia) po przeczytaniu artyku┼éu na blogu mo┼╝e by─ç nawet silniejsza.

Rodzaje breadcrumbs

Mo┼╝emy wyr├│┼╝ni─ç trzy rodzaje konstrukcji menu okruszkowego, z czego w praktyce spotyka si─Ö dwa:

Breadcrumbs oparte na lokalizacji

To najcz─Ö┼Ťciej spotykany spos├│b budowy nawigacji okruszkowej. Pokazuje drog─Ö, jak─ů nale┼╝y przej┼Ť─ç w my┼Ťl zasady ÔÇ×od og├│┼éu do szczeg├│┼éuÔÇŁ, czyli od strony g┼é├│wnej przez np. kolejne podkategorie tematyczne, rodzaje oferty, poruszana zagadnienia.

Elementem ko┼äcowym ┼Ťcie┼╝ki jest tytu┼é strony, podany w formie tekstu, nie linku, jak elementy wcze┼Ťniejsze.

Breadcrumbs oparte na atrybucie

Ten spos├│b konstruowania menu okruszkowego mo┼╝e by─ç cz─Ö┼Ťciowo zbie┼╝ny z menu opartym na lokalizacji ÔÇô przynajmniej na pierwszych poziomach. Jednak kolejne elementy wprowadzaj─ů element atrybuty ÔÇô czyli w┼éa┼Ťciwo┼Ťci, okre┼Ťlanej na przyk┼éad za pomoc─ů filtrowania. Jest to wi─Öc do┼Ť─ç oczywisty spos├│b konstruowania menu w przypadku sklep├│w internetowych.

Breadcrumbs oparte na ┼Ťcie┼╝ce

W tym przypadku menu okruszkowe pokazuje podstrony, kt├│re zosta┼éy przebyte przez konkretnego u┼╝ytkownika, w celu dotarciu na podstron─Ö docelow─ů. Ten typ okruszk├│w raczej nie jest u┼╝ywany, jego u┼╝yteczno┼Ť─ç jest w zasadzie znikoma.

Menu okruszkowe przyjazne dla u┼╝ytkownika

Przydatno┼Ť─ç okruszk├│w dla os├│b odwiedzaj─ůcych witryn─Ö nie pozostawia w─ůtpliwo┼Ťci. W spos├│b przejrzysty s─ů one informowane w jakim miejscu witryny znajduj─ů si─Ö obecnie i jakie szersze elementy menu prowadz─ů do tego miejsca. Mog─ů przedosta─ç si─Ö do nich za pomoc─ů jednego klikni─Öcia, bez potrzeby poszukiwa┼ä w tradycyjnym menu sklepu czy serwisu. Jest to o tyle istotne, ┼╝e z uwagi na wielko┼Ť─ç tych┼╝e nie zawsze s─ů one przejrzyste i szybkie do nawigowania. Wizyta w serwisie/sklepie nie musi przecie┼╝ nast─Öpowa─ç ze strony g┼é├│wnej. Mo┼╝e to by─ç strona produktu czy wpisu na blogu a menu okruszkowe od razu wskazuje nam lokalizacj─Ö danej podstrony w hierarchii witryny. Podanie u┼╝ytkownikowi ┼Ťcie┼╝ki menu okruszkowego jest jednocze┼Ťnie okazj─ů do prezentacji zagadnie┼ä, kt├│rymi potencjalnie m├│g┼éby by─ç zainteresowany. Mo┼╝e to oznacza─ç, ┼╝e u┼╝ytkownik odwiedzi kolejne okruszki, co przed┼éu┼╝y jego wizyt─Ö na stronie ÔÇô to za┼Ť mo┼╝e powodowa─ç nie tylko efekt sprzeda┼╝owy, ale przek┼éada si─Ö r├│wnie┼╝ na SEO (o czym za chwil─Ö).

Pokazane przez menu kolejne ÔÇ×przystankiÔÇŁ czy ÔÇ×stopnieÔÇŁ zach─Öcaj─ů, by zapozna─ç si─Ö z nimi. Ten aspekt przyci─ůgaj─ůcy jest szczeg├│lnie wa┼╝ny w przypadku sklep├│w internetowych, gdzie mobilizuje do d┼éu┼╝szej po nich w─Ödr├│wki, co mo┼╝e przek┼éada─ç si─Ö na warto┼Ť─ç koszyka zakupowego.

Jedn─ů z typowych strategii budowania menu w e-commerce jest takie jego rozdrobnienie, by obs┼éugiwa┼éo na ostatnim poziomie podkategorii jak najwi─Öksz─ů liczb─Ö fraz. Prowadzi─ç to mo┼╝e si┼é─ů rzeczy do tego, ┼╝e podkategorie s─ů nie tylko w─ůsko specjalizowane, ale i w─ůsko zatowarowane. Jasna i szybka prezentacja wy┼╝szego poziomu menu w ramach nawigacji okruszkowej sprawia, ┼╝e klient mo┼╝e ┼éatwo cofn─ů─ç si─Ö do niego, a tym samym do bogatszej oferty.

Nawigacja okruszkowa a SEO

Nawigacja okruszkowa jest implementowana na stron─Ö nie tylko z uwagi na wygod─Ö u┼╝ytkownika, ale tak┼╝e mo┼╝liwo┼Ť─ç wp┼éywu na SEO.

Kolejne ÔÇ×okruszkiÔÇŁ s─ů przecie┼╝ niczym innym, jak frazami, na kt├│re chcemy budowa─ç widoczno┼Ť─ç strony. U┼╝ycie tych fraz jako breadcrumbs sugeruje botom wyszukiwarek, by w┼éa┼Ťnie z nimi powi─ůza┼éy tre┼Ť─ç prezentowan─ů na podstronie. Wszystkie (pr├│cz ostatniego, je┼Ťli jest oparte na lokalizacji) elementy menu okruszkowego s─ů jednocze┼Ťnie linkami, automatycznie tworz─ů wi─Öc sie─ç powi─ůza┼ä i wzajemnej komunikacji, czyli po prostu linkowanie wewn─Ötrzne. To uporz─ůdkowana struktura, po kt├│rej roboty porusza─ç mog─ů si─Ö w spos├│b usystematyzowany i logiczny, napotykaj─ůc jednocze┼Ťnie ca┼éy czas zagadnienia powi─ůzane z okre┼Ťlonymi frazami/okruszkami.

Przejrzyste menu okruszkowe mo┼╝e wp┼éyn─ů─ç na przed┼éu┼╝enie czasu obecno┼Ťci u┼╝ytkownika na stronie, to to jest jednym ze wska┼║nik├│w wskazuj─ůcych w ocenie bot├│w na u┼╝yteczno┼Ť─ç witryny dla u┼╝ytkownik├│w. Nie do ko┼äca jeszcze wiadomo jak dwell time jest interpretowany przez boty, jednak uwa┼╝any jest za pomocniczy wska┼║nik rankuj─ůcy.

Breadcrumbs a dane strukturalne

Dane strukturalne to znaczniki umieszczane bezpo┼Ťrednio w kodzie strony, kt├│re wspomagaj─ů ich zrozumienie i indeksowanie przez wyszukiwarki. Teoretycznie struktura menu okruszkowego jest wystarczaj─ůco uporz─ůdkowana, by boty wyszukiwarki dobrze rozumia┼éy wszelkie powi─ůzania w jej ramach. Jednak u┼╝ywanie rich snippets do nawigacji okruszkowej jest wskazane z innego powodu.

Breadcrumbs w wynikach wyszukiwania Google

Boty przek┼éadaj─ů wiedz─Ö zdobyt─ů w ramach danych strukturalnych na wyniki wyszukiwania, umieszczaj─ůc w nich dodatkowe informacje ÔÇô st─ůd te┼╝ inna nazwa opisuj─ůca ten zabieg: fragmenty rozszerzone. Wykorzystuj─ůc kodowanie schema.org czy JSON mo┼╝na sprawi─ç (albo raczej pr├│bowa─ç sprawi─ç) by wyszukiwarki prezentowa┼éy r├│wnie┼╝ fragmentu menu okruszkowego ÔÇô pokazane tam zagadnienia czy kategorie mog─ů zach─Öci─ç do przej┼Ťcia do witryny.

Breadcrumbs zakodowane za pomoc─ů JSON-LD

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://strona.pl/",
      "name": "strona.pl"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://strona.pl/blog/",
      "name": "Blog"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://strona.pl/blog/seo-co-to-jest",
      "name": "SEO co to jest?"
    }
  }]
}</script>
				
			

Breadcrumbs zakodowane za pomoc─ů┬áMicrodata

				
					    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://strona.pl">
        <span itemprop="name">strona.pl</span></a>
        <meta itemprop="position" content="1" />
      </li>
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://strona.pl/blog/">
        <span itemprop="name">Blog</span></a>
        <meta itemprop="position" content="2" />
      </li>
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://strona.pl/blog/seo-co-to-jest">
        <span itemprop="name">SEO co to jest?</span></a>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
				
			

Podsumowanie

Wdro┼╝enie nawigacji okruszkowej na witrynie jest bardzo proste, w wielu przypadkach sprowadza si─Ö wr─Öcz tylko do klikni─Öcia odpowiedniej opcji w panelu czy zainstalowania wtyczki. Jednocze┼Ťnie jest bardzo pomocne, zw┼éaszcza w przypadku witryn, kt├│re maj─ů rozbudowan─ů struktur─Ö hierarchiczn─ů. Przydatno┼Ť─ç obejmuje u┼╝ytkownik├│w, kt├│rzy maj─ů lepsz─ů ocen─Ö miejsca, w kt├│rym si─Ö znajduj─ů, mog─ů porusza─ç si─Ö po szybciej po stronie i ┼éatwiej znale┼║─ç interesuj─ůce dla siebie zagadnienia/produkty/us┼éugi.

Z punktu widzenia SEO wdro┼╝enie nawigacji okruszkowej breadcrumbs pozwala na lepsz─ů optymalizacj─Ö strony, zwi─Öksza pr─Ödko┼Ť─ç indeksowania, systematyzuje po cz─Ö┼Ťci linkowanie wewn─Ötrzne, za┼Ť ze wspomaganiem rich snippets mo┼╝e te┼╝ wp┼éywa─ç na spos├│b wy┼Ťwietlania w wynikach wyszukiwania.

Czy ten artykuł był dla Ciebie pomocny?
(5,00 / 5)
Ocenianie…
Hubert Wołoszyn

Hubert Wołoszyn

Content Manager
Urodzony i wychowany w poprzednim tysi─ůcleciu, pami─Öta wi─Öc ┼Ťwiat bez Internetu, za kt├│rym czasem wzdycha z nostalgi─ů. Pracowa┼é w r├│┼╝nych bran┼╝ach, od Analizy finansowej po Zak┼éadanie zieleni. Od kilkunastu lat zajmuje si─Ö zabaw─ů s┼éowami, a od kilku wsp├│┼épracuje z Webrange. Wolny czas najch─Ötniej sp─Ödza w ogrodzie, majsterkuj─ůc, czytaj─ůc ksi─ů┼╝ki lub ogl─ůdaj─ůc seriale.

Podobne artykuły

Marketing plac├│wek medycznych w Internecie

Spis tre┼Ťci Odpowiednio prowadzone dzia┼éania marketingowe s─ů kluczowe w przypadku wi─Ökszo┼Ťci dzia┼éalno┼Ťci i medycyna nie jest tu wyj─ůtkiem. Za ich pomoc─ů mo┼╝na z ┼éatwo┼Ťci─ů pozyska─ç nowych klient├│w, jednak warto pami─Öta─ç, ┼╝e i w tym przypadku nale┼╝y zna─ç obowi─ůzuj─ůce przepisy, kt├│re reguluj─ů to, w jaki spos├│b mo┼╝na promowa─ç us┼éugi plac├│wek medycznych. Sprawd┼║, co mo┼╝na i czego […]

Czytaj wi─Öcej

Ogłoszenie o zapytaniu ofertowym

Doradztwo specjalistyczne wspomagaj─ůce wdro┼╝enie systemu zarz─ůdzania bezpiecze┼ästwem informacji zgodnie z obowi─ůzkami prawnymi oraz norm─ů ISO 27001 w WEBRANGE Sp. z o.o. w ramach aplikowania o dofinansowanie vouchera w┬á ramach projektu ÔÇ×Popytowy System Innowacji ÔÇô rozw├│j M┼ÜP w regionie ┼Ťwi─Ötokrzyskim poprzez profesjonalne us┼éugi doradczeÔÇŁ w ramach Regionalnego Programu Operacyjnego dla Wojew├│dztwa ┼Üwi─Ötokrzyskiego na lata 2014-2020. Zamawiaj─ůcy: […]

Czytaj wi─Öcej

Zarz─ůdzanie reputacj─ů w Internecie – jak dba─ç o dobre imi─Ö w sieci?

Spis tre┼Ťci Jeszcze kilkadziesi─ůt lat temu, gdy produkt lub us┼éuga nie spe┼énia┼éy oczekiwa┼ä klienta, ten m├│g┼é poskar┼╝y─ç si─Ö rodzinie lub s─ůsiadowi. Je┼Ťli by┼é mocno wkurzony, m├│g┼é co najwy┼╝ej wpisa─ç si─Ö do ksi─Ögi skarg i za┼╝ale┼ä, kt├│rej w─ůtpliwa skuteczno┼Ť─ç przywodzi na my┼Ťl scen─Ö z szatni w kultowym filmie ÔÇťMi┼ŤÔÇŁ. ÔÇťNie mamy pa┼äskiego p┼éaszcza i co nam […]

Czytaj wi─Öcej