Breadcrumbs a SEO navigácia: malá vec s veľkým dopadom

Breadcrumbs sú ten riadok nad nadpisom, ktorý hovorí „Domov › Náradie › Aku skrutkovače › Model X“. Vyzerá ako drobnosť. Pre vyhľadávač je to však jeden z mála signálov, z ktorých vie priamo prečítať, kam stránka v štruktúre webu patrí — a pre používateľa je to jediný rýchly spôsob, ako sa z produktu dostať o úroveň vyššie bez použitia tlačidla späť.

Čo breadcrumbs reálne riešia

Tri veci, a každá sa dá overiť:

Hĺbka prehľadávania. Produktová stránka, na ktorú vedie odkaz len z jednej kategórie a zo sitemapy, má slabé interné prelinkovanie. Breadcrumbs pridávajú na každú podstránku odkaz na nadradenú kategóriu a na domovskú stránku. Pri e-shope s tisíckami produktov to znamená tisíce odkazov smerom na kategórie — teda presne na stránky, ktoré majú v organickom vyhľadávaní zarábať.

Zobrazenie vo výsledkoch vyhľadávania. Google namiesto holej URL často zobrazí cestu „seonal.eu › blog › technicke-seo“. Je to čitateľnejšie než /produkt?id=48212. Na mobile, kde sa dlhá URL aj tak skráti, je rozdiel väčší.

Orientácia používateľa. Človek, ktorý príde z vyhľadávania priamo na produkt, nevidel vašu kategóriu ani menu. Breadcrumbs sú prvá vec, z ktorej pochopí, kde je a čo ešte máte.

Pozor na to, čo breadcrumbs nerobia. Nenahradia interné prelinkovanie e-shopu — sú len jeho doplnok. A nikto vám z nich zo dňa na deň nevyskočí v pozíciách. Ich prínos sa prejaví ako lepšia indexácia hlbokých stránok a vyššia miera preklikov, nie ako skok na prvú stranu.

Tri typy breadcrumbs a ktorý použiť

Hierarchické – kopírujú štruktúru webu: Domov › Kategória › Podkategória › Produkt. Toto je typ, ktorý chcete. Je stabilný, pre každú stránku rovnaký a dá sa z neho spraviť platné štruktúrované dáta.

Atribútové – skladajú sa z vybraných filtrov: Domov › Topánky › Čierne › Veľkosť 42. V e-shope vznikajú automaticky z faceted navigácie a sú najčastejším zdrojom problémov. Generujú stovky unikátnych ciest k tomu istému obsahu a navádzajú robota do nekonečna kombinácií.

Historické – „Späť na predchádzajúcu stránku“. Pre každého návštevníka iné, pre vyhľadávač bezcenné. V značkovaní nemajú čo hľadať.

BreadcrumbList: značkovanie, ktoré Google číta

Vizuálne breadcrumbs sú pre používateľa. Aby ich Google zobrazil vo výsledkoch, potrebuje k nim štruktúrované dáta typu BreadcrumbList. Takto vyzerá minimálna korektná podoba v JSON-LD:

``json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Domov", "item": "https://example.sk/" }, { "@type": "ListItem", "position": 2, "name": "Náradie", "item": "https://example.sk/naradie/" }, { "@type": "ListItem", "position": 3, "name": "Aku skrutkovač Model X" } ] } ``

Tri detaily, na ktorých to najčastejšie padá:

• position musí začínať jednotkou a ísť postupne. Nula alebo preskočené číslo znamená neplatnú položku.
• item má byť absolútna URL vrátane protokolu a domény. Relatívna cesta /naradie/ prejde v prehliadači, ale v štruktúrovaných dátach spôsobí chybu.
• Posledná položka (aktuálna stránka) item mať nemusí. Ak ho tam dáte, musí odkazovať na seba, nie na niečo iné.

Ak na stránke máte aj iné značkovanie, napríklad Product a Offer, BreadcrumbList je samostatný blok a nekoliduje s ním. Dva JSON-LD skripty na jednej stránke sú v poriadku.

Chyby, na ktoré narážam najčastejšie

Breadcrumbs existujú, značkovanie nie. Najbežnejší prípad. Šablóna vykreslí cestu ako obyčajný <div> s odkazmi, žiadny BreadcrumbList na stránke nie je. Používateľ z toho má úžitok, výsledky vyhľadávania zostanú s URL.

Značkovanie existuje, breadcrumbs nie. Opačný extrém — niekto doplnil JSON-LD, ale na stránke sa cesta nikde nezobrazuje. Google požaduje, aby štruktúrované dáta zodpovedali viditeľnému obsahu. Takéto značkovanie je riziko, nie prínos.

Názov v ceste nesedí s cieľovou stránkou. Breadcrumb hovorí „Elektro“, kategória sa volá „Elektronika a spotrebiče“ a H1 je zase iné. Nie je to kritická chyba, ale je to premárnená príležitosť podporiť kľúčové slovo kategórie konzistentným anchor textom.

Cesta vedie na 404 alebo cez presmerovanie. Zrušili ste podkategóriu, produkty zostali a breadcrumbs stále odkazujú na starú URL. Keďže je to v šablóne, chyba sa znásobí na každý produkt v kategórii. Ako takéto odkazy systematicky nájsť, rozoberám v článku o 404 chybách; rovnako škodí, keď breadcrumb mieri na starú URL a tá ide cez reťazené 301 presmerovanie.

Produkt v troch kategóriách, tri rôzne cesty. Vzniká pri e-shopoch, kde je tovar zaradený viacnásobne. Ak sa breadcrumb skladá podľa toho, odkiaľ návštevník prišiel, dostanete pre jednu URL viacero rôznych štruktúrovaných dát. Riešenie: zvoľte pre každý produkt jednu primárnu kategóriu a tú používajte vždy. Technicky je prípustné poslať viac BreadcrumbList blokov pre viac platných ciest, ale v praxi je jedna stabilná cesta menej náchylná na chyby.

Breadcrumbs z parametrov filtrov. Domov › Topánky › farba=cierna&velkost=42. Takéto cesty nikdy nemajú mať značkovanie a filtrované URL by nemali byť indexovateľné. Súvisí to s tým, ako máte nastavené canonical tagy.

Breadcrumbs dorenderované JavaScriptom až po interakcii. Čo sa zobrazí až po kliknutí alebo po načítaní ďalšieho skriptu, robot nemusí vidieť. Cesta patrí do HTML, ktoré príde zo servera.

Ako breadcrumbs navrhnúť, aby dávali zmysel

Začnite tým, že si napíšete skutočnú hierarchiu webu. Nie menu — to býva marketingové a často plytšie — ale logickú štruktúru, kam čo patrí. Potom platí:

• Jedna cesta, maximálne štyri až päť úrovní. Hlbšia hierarchia obvykle znamená, že kategórie sú príliš rozdrobené.
• Prvá položka je domovská stránka. Môže byť „Domov“ aj názov značky, len to držte konzistentne.
• Posledná položka je aktuálna stránka a nie je klikateľná.
• Text breadcrumbu = názov cieľovej kategórie. Konzistencia s H1 a s titulkom pomáha aj proti kanibalizácii kľúčových slov.
• Breadcrumbs nemusia doslovne kopírovať URL. Ak máte ploché URL typu /aku-skrutkovac-model-x/, breadcrumb pokojne ukáže zaradenie do kategórie. Štruktúra URL je samostatná téma, rozoberám ju v článku o slugoch a URL štruktúre.

Na blogu fungujú rovnako: Domov › Blog › Kategória › Článok. Pri weboch s desiatkami článkov je to lacný spôsob, ako kategóriám dodať interné odkazy.

Ako to nájdem a opravím

Pri prechode verejných stránok webu kontrolujem, či BreadcrumbList na stránke vôbec je, či je platný (poradie pozícií, absolútne URL, zhoda s viditeľnou cestou) a či odkazy v ceste vedú na existujúce stránky s kódom 200. Chýbajúce alebo rozbité značkovanie sa objaví v náleze spolu s hotovým JSON-LD pripraveným na vloženie — nie s radou „doplňte breadcrumbs“. Širší kontext ostatných typov značkovania nájdete v článku o rozbitých štruktúrovaných dátach.

Nasadiť sa dá cez WordPress plugin, API alebo exportom do CSV. Vy opravu schválite, ja ju zapíšem.

Potom má zmysel pozrieť sa na čísla. Breadcrumbs vo výsledkoch vyhľadávania ovplyvňujú hlavne mieru preklikov, takže sledujte CTR dotknutých URL v Search Console a počet indexovaných stránok v hlbších úrovniach. Porovnanie 28 dní pred nasadením a 28 dní po ňom ukáže, či sa niečo pohlo — postup popisujem v článku o meraní SEO dopadu. Pri jednej kategórii to bude šum, pri tisíckach produktových stránok sa trend dá prečítať.

Krátky kontrolný zoznam

1. Zobrazujú sa breadcrumbs na produktoch, kategóriách aj článkoch?
2. Je k nim BreadcrumbList v JSON-LD a sedí s tým, čo vidí používateľ?
3. Začínajú pozície jednotkou a idú postupne?
4. Sú URL v item absolútne?
5. Vracajú všetky odkazy v ceste kód 200, bez presmerovaní?
6. Má každý produkt jednu stabilnú cestu bez ohľadu na to, odkiaľ naň prídete?
7. Negenerujú sa breadcrumbs z filtrov?

Sedem otázok, ktoré prejdete za pár minút. Ak na niektorej zaseknete, máte konkrétnu opravu — a tých sa na bežnom e-shope dá urobiť viac naraz, keďže breadcrumbs sú v šablóne.