Strukturált adatok Szakszó

BreadcrumbList séma

Szerző: · 7 perc olvasás · Frissítve:
BreadcrumbList séma - Strukturált adatok (szakszó) a tudástárban
BreadcrumbList séma - Strukturált adatok | eClick GEO-audit tudástár

A BreadcrumbList séma az a strukturált adat, amely gépi formában leírja, hol helyezkedik el az adott oldal a webhely hierarchiájában. Nem a látható morzsamenüt helyettesíti, hanem megmagyarázza: a kezdőlaptól az aktuális oldalig milyen útvonal vezet.

Hogyan működik

A séma egy BreadcrumbList típusú objektum, benne ListItem elemekkel. Minden elem három dolgot hordoz:

  • position: hányadik a sorban, 1-től kezdve
  • name: az útvonal-lépés neve
  • item: a lépéshez tartozó URL

A sorrend számít. Az 1-es pozíció a legfelső szint, az utolsó elem maga az aktuális oldal. Az utolsó elemnél az item elhagyható, mert az oldal saját magára nem linkel. A jelölés jellemzően JSON-LD formátumban kerül a <head> vagy a <body> végére.

Miért más a generatív keresőknek

A klasszikus kereső a morzsát a találati sorban jeleníti meg: a puszta URL helyett a Kezdőlap > Szolgáltatások > Könyvelés útvonal látszik. Ez az egyetlen közvetlen vizuális haszon.

A generatív keresők viszont mást kezdenek vele. Egy nyelvi modell egyetlen aloldalt gyakran kontextus nélkül kap meg. A morzsa-séma megmondja neki, hogy ez az oldal egy kategória része, és mi a kategória neve. Ebből derül ki, hogy a "Könyvelés" nem különálló termék, hanem az egyik szolgáltatás a sok közül. A riportokban ez látványos: séma nélkül a modell gyakran egy szintre helyezi a fő- és az aloldalakat.

Mikor számít igazán

Egyoldalas bemutatkozó oldalon nincs mit leírni. Több szintű struktúránál viszont erős jelzés, különösen ha az URL-ek nem beszédesek. A SEO-barát URL és a BreadcrumbList együtt működik a legjobban: az egyik a címben, a másik a sémában mondja el ugyanazt.

Mit néz ebből a riport

Az audit megnézi, van-e BreadcrumbList a kódban, és hogy a pozíciók összefüggő sort alkotnak-e. Ha hiányzik, alacsony hatású javaslatot ad: ez nem kritikus hiba, hanem olcsó pontszerzés. Több aloldalas struktúránál és kategóriás webshopoknál külön kiemeli.

Röviden: a BreadcrumbList nem rangsorol, hanem megmagyarázza a gépnek, hol vagy a saját webhelyeden belül.

Miért fontos

A találati oldalon

A találati oldalon a morzsa-séma lecseréli a nyers URL-t egy olvasható útvonalra. Hosszú, paraméteres címeknél ez érezhető különbség. Kattintási arányt nem garantál, de a találat rendezettebbnek látszik.

Az AI-értelmezésben

Egy modell egy aloldalt önmagában olvas. Kontextus nélkül nem tudja, hogy a "Szigetelés" oldal egy építőipari cég egyik szolgáltatása, vagy a teljes profilja. A morzsa-séma ezt egy sorban tisztázza.

Ez kapcsolódik a belső linkelés logikájához. Amit a navigáció HTML-ben elmond, azt a séma megismétli gépi formában. Két csatorna ugyanarról, és a gép legalább az egyiket biztosan érti.

Üzleti következmény

Alacsony hatású szabály, de a költsége is alacsony. Egy plugin-beállítás vagy egy sablon-kiegészítés. A magyar KKV-oldalak többségén hiányzik, pedig fél óra munka.

Kikre vonatkozik

Ezekre vonatkozik

  • Több szintű webhelyek: kategória, alkategória, termék vagy szolgáltatás bontással
  • Webshopok: itt a legerősebb, mert a kategória-útvonal önmagában is információ
  • Blogok, tudástárak: a rovat-besorolás a cikk kontextusa
  • Szolgáltatásoldalak: a szolgáltatás-aloldalak hierarchiája a séma nélkül lapos

Ezekre nem

Egyoldalas landing oldalon felesleges. A kezdőlapon sincs értelme, mert ott az útvonal egy elemű. Staging és fejlesztői környezetben hagyd ki, vagy gondoskodj róla, hogy a noindex, meta robots és X-Robots-Tag is rajta legyen.

Ha a webhely tényleg két szintű, és minden oldal közvetlenül a kezdőlapról nyílik, a séma haszna minimális. Akkor inkább a WebSite séma és a navigáció rendbetétele hoz többet.

Hogyan ellenőrzöd

Lépések

  1. Nyisd meg egy tetszőleges aloldalt, ne a kezdőlapot.
  2. Töltsd be a Rich Results tesztet a search.google.com/test/rich-results címen, és add meg az URL-t.
  3. Nézd meg, megjelenik-e a Breadcrumbs blokk az eredmények között.
  4. Alternatíva devtoolsban: Ctrl+U a forráskódhoz, majd keresés a BreadcrumbList szóra.
  5. Parancssorból: curl -s https://pelda.hu/kategoria/termek | grep -o 'BreadcrumbList'.
  6. Ellenőrizd a Search Console Továbbfejlesztések menüjét, ott a Morzsamenü riport mutatja a hibás oldalakat.

Jó jel

  • A BreadcrumbList megtalálható, és a position értékek 1-től folyamatosan nőnek
  • Minden item abszolút URL, https:// kezdettel
  • Az útvonal megegyezik a látható morzsamenüvel
  • A Rich Results teszt hibát nem jelez, legfeljebb figyelmeztetést

Rossz jel

  • Semmi találat a BreadcrumbList szóra
  • A pozíciók 0-val kezdődnek, vagy kihagyás van a sorban
  • Relatív URL-ek az item mezőben
  • A séma útvonala más, mint amit a felhasználó lát az oldalon
  • Minden aloldalon ugyanaz a morzsa, mert a sablon statikusan írja ki

Hogyan javítod

WordPress

  1. Telepíts egy SEO-plugint, ha még nincs (Yoast, Rank Math, SEOPress).
  2. Yoast esetén: SEO > Megjelenés a keresőben > Morzsamenü, kapcsold be.
  3. Rank Math esetén: Általános beállítások > Breadcrumbs, engedélyezd.
  4. A plugin ettől automatikusan kiteszi a JSON-LD-t, a látható morzsa külön shortcode vagy sablonhívás.
  5. Ellenőrizd Rich Results teszttel, hogy nem duplikálódott-e a séma.

Shopify

  1. A Shopify alapsablonjai gyakran kiírják a látható morzsát, de a sémát nem.
  2. Nyisd meg a theme.liquid vagy a snippets/breadcrumbs.liquid fájlt.
  3. Illeszd be a JSON-LD blokkot Liquid változókkal: collection.title, product.title, shop.url.
  4. Mentés után teszteld egy termékoldalon.

Unas

  1. Az Unas webáruház admin felületén a kategória-struktúra adja az útvonalat.
  2. Nézd meg Beállítások > Keresőoptimalizálás alatt, van-e strukturált adat kapcsoló.
  3. Ha nincs, a sablon szerkesztőjében a fejlécbe tehetsz saját JSON-LD-t.
  4. Dinamikus értékekhez a rendszer saját változóit használd, ne írd be kézzel.

Shoprenter

  1. A Shoprenter sablonjai Twig alapúak, a morzsa általában elérhető változóként.
  2. Sablonszerkesztő > a fejléc sablonban add hozzá a JSON-LD blokkot.
  3. A kategória-hierarchiát a beépített breadcrumb-tömbből olvasd ki.
  4. Élesítés előtt nézd meg a forráskódot egy termékoldalon.

Egyedi fejlesztés

  1. A morzsa adatait ott generáld, ahol a látható morzsát is előállítod. Egy forrás, két kimenet.
  2. Tedd a JSON-LD-t a <head> végére, <script type="application/ld+json"> blokkban.
  3. Ha már van @graph blokkod, oda illeszd be, ne külön script-be.
  4. Kösd össze a WebPage sémával a breadcrumb tulajdonságon keresztül.
  5. Írj egy egyszerű tesztet, ami ellenőrzi a pozíciók folytonosságát.

Gyakori hibák

  • Hiányzó séma látható morzsa mellett: a felhasználó látja az útvonalat, a gép nem, pedig ugyanabból az adatból jönne.
  • Relatív URL az item mezőben: a /kategoria/termek érték nem értelmezhető, abszolút cím kell.
  • Megszakadó pozíciók: 1, 2, 4 sorrendnél a séma érvénytelen, a kereső kidobja.
  • Statikus morzsa minden oldalon: ha a sablon fixen Kezdőlap > Termékek útvonalat ír, az félrevezető adat.
  • Eltérés a látható morzsától: ha a séma más útvonalat mond, mint a HTML, az cloaking gyanús jel.
  • Duplikált BreadcrumbList: plugin és sablon is kiírja, a kereső két különböző útvonalat kap.
  • Az utolsó elem linkje önmagára mutat: nem hiba, de felesleges, a name önmagában elég.

Technikai példa

Egy háromszintű útvonal JSON-LD-ben, termékoldalon:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Kezdőlap",
      "item": "https://pelda.hu/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Kerti bútorok",
      "item": "https://pelda.hu/kerti-butorok/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Rattan szett 4 személyes"
    }
  ]
}

Az utolsó elemnél nincs item, mert az az aktuális oldal. A blokkot <script type="application/ld+json"> tagbe kell tenni.

Gyors ellenőrzés parancssorból, hogy egyáltalán kikerül-e a kódba:

curl -s https://pelda.hu/kerti-butorok/rattan-szett/ | grep -c "BreadcrumbList"

Ha az eredmény 0, nincs séma. Ha 2 vagy több, valószínűleg duplikált, és érdemes megkeresni, melyik plugin írja ki kétszer.

Gyakori kérdések

Kell látható morzsamenü is, vagy elég a séma?
A Google dokumentációja szerint a strukturált adatnak a látható tartalmat kell tükröznie. Séma látható morzsa nélkül technikailag működhet, de kockázatos. A jó megoldás: ugyanaz az adat jelenik meg HTML-ben és JSON-LD-ben is.
Javítja a rangsorolást a BreadcrumbList?
Közvetlenül nem. Nem rangsoroló tényező, hanem megjelenítési és értelmezési segítség. A haszna a találat olvashatóságában és az AI-értelmezésben jelentkezik, ezért alacsony hatású, de olcsó javítás.
Mi legyen a morzsa, ha egy termék több kategóriában is szerepel?
Két út van. Vagy megadod az elsődleges kategóriát, és csak azt az útvonalat írod ki, vagy több BreadcrumbList objektumot adsz meg egy tömbben. A schema.org mindkettőt engedi, de az elsődleges kategória egyszerűbb és stabilabb.
Az URL-struktúra helyettesíti a morzsát?
Részben. A beszédes URL-ből a kereső kikövetkeztetheti a hierarchiát, de nem garantáltan. A séma explicit, és magyar nevekkel írja le a szinteket, amit az URL gyakran nem tud.
Hová tegyem a JSON-LD-t, a head-be vagy a body-ba?
Mindkettő működik, a Google mindkét helyen feldolgozza. A <head> a gyakoribb és átláthatóbb választás. Ha több sémád van, érdemes egy @graph blokkba összefogni őket.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „BreadcrumbList séma”?

Futtass egy GEO-auditot: pontszám, fejlesztői ítélet, a leggyorsabb javítások, és minden tételhez bizonyíték.

Ingyenes GEO-audit indítása