Webshop / e-commerce Szakszó

Product és Offer séma

Szerző: · 7 perc olvasás · Frissítve:
Product és Offer séma - Webshop / e-commerce (szakszó) a tudástárban
Product és Offer séma - Webshop / e-commerce | eClick GEO-audit tudástár

A Product séma az a schema.org-jelölés, amellyel géppel olvashatóan megmondod egy termékoldalról, hogy milyen terméket ír le, az Offer pedig ugyanennek a terméknek az eladási ajánlatát rögzíti: árat, pénznemet és készlet-állapotot. A kettő együtt jár, Offer nélkül a Product jelölés csak egy név és egy kép, ár nélkül.

Hogyan működik

A jelölést JSON-LD formában teszed be a termékoldal HTML-jébe. A Product kap egy name, image, description és lehetőleg sku plusz gtin13 mezőt. Az offers alatt jön az Offer az price, priceCurrency és availability értékekkel.

A kulcs az egyezés: amit a séma mond, annak látszania kell az oldalon is. Ha a HTML-ben 24 990 Ft szerepel, a sémában is annak kell lennie. Az eltérés cloakingnak minősül, és kézi büntetést hozhat.

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

A klasszikus kereső a gazdag találatot építi belőle: ár, csillag, készlet a találati listában. Egy nyelvi modell viszont nem rendereli az oldalt, hanem a nyers HTML-ből vagy a feed-ből dolgozik. Neki a JSON-LD egy kész, félreérthetetlen adatstruktúra.

Ebből következik a gyakorlati különbség. JavaScriptből betöltött ár gyakran látszik a Google-nek, de nem látszik egy egyszerűbb AI-crawlernek. A riportokban ezt látjuk a leggyakrabban: az oldalon ott az ár, a forráskódban nincs sehol.

Mikor számít igazán

Árérzékeny kategóriákban és ott, ahol sok az azonos termék több boltban. A GTIN és az MPN köti össze a terméked a gyártói azonosítóval. E nélkül a kereső nem tudja, hogy ugyanarról a termékről beszélsz, mint a versenytárs.

Röviden: a Product mondja meg, mit árulsz, az Offer azt, hogy mennyiért és van-e raktáron.

Miért fontos

Keresőben

A Google a Product és Offer adatokból építi a gazdag találatot. Ár, készlet és értékelés jelenhet meg a kék link alatt. Ez mérhetően növeli az átkattintási arányt, főleg ha a versenytársnál is ott van.

A hiányzó jelölés nem büntetés, hanem elmaradt haszon. A találatod ugyanúgy indexelődik, csak csupaszabb marad.

AI-válaszokban

Egy generatív kereső ár-összevetésnél a strukturált adatot preferálja. Ha nálad nincs price, a modell vagy kihagy, vagy a HTML-ből tippel. A tippelés hallucinációhoz vezet: rossz árral idéz.

Üzletileg

A availability mező kapcsolja az "Elfogyott" állapotot a kereső felé. Ha hetekig InStock marad egy nem kapható termék, csalódott látogatót kapsz és rossz jelzést a Google felé. A Review és AggregateRating jelölés ugyanebbe a blokkba illeszkedik, és tovább erősíti a találatot.

Kikre vonatkozik

Vonatkozik rá

  • Minden webshop termékoldala, mérettől függetlenül
  • Szolgáltatáscsomagok fix árral (ott az Offer gyakran Service alatt ül)
  • Jegy- és kurzusértékesítés saját oldalon
  • Bármely oldal, ahol konkrét ár és megvásárolhatóság szerepel

Nem vonatkozik rá

  • Kategória- és listaoldalak: oda nem raksz teljes Product sémát minden elemre, az ItemList a helyes megoldás
  • Blogcikkek és szolgáltatásoldalak ár nélkül
  • Staging és fejlesztői környezetek, ahol amúgy is noindex van
  • Csak ajánlatkérős termékek: ott ár nélküli Offer megadható, de értelme korlátozott

A kosár- és pénztár-oldalakra szintén nem kell.

Hogyan ellenőrzöd

  1. Nyisd meg egy termékoldalad, majd nézd meg a nyers HTML-t. Böngészőben Ctrl+U, terminálból curl -s https://pelda.hu/termek/valami | grep -i 'application/ld+json'.
  2. Keress rá a "@type": "Product" szövegre. Ha nincs találat, nincs jelölés.
  3. Futtasd le a Rich Results tesztet az URL-re. Ez mutatja, mely mezők hiányoznak.
  4. A Search Console "Termékek" jelentésében nézd meg a hibás és figyelmeztetett elemek számát. Ez a teljes oldalra ad képet, nem egy URL-re.
  5. Ellenőrizd, hogy az oldalon látható ár megegyezik-e a sémában szereplővel.

Jó jel

  • A Product blokkban ott a name, image, offers
  • Az offers.price szám, nem szöveg, és nincs benne "Ft"
  • A priceCurrency értéke HUF
  • Az availability követi a valós készletet
  • Van sku, és lehetőleg gtin13 is

Rossz jel

  • A JSON-LD csak JavaScriptből kerül be, a nyers HTML-ben nincs
  • Az ár a sémában eltér az oldalon látszótól
  • Több, egymásnak ellentmondó Product blokk ugyanazon az oldalon
  • AggregateRating szerepel, de az oldalon nincs egyetlen termékértékelés sem
  • Kategóriaoldalon ül egy magányos Product séma

Hogyan javítod

WordPress / WooCommerce

A WooCommerce alapból kiad Product és Offer sémát. Ellenőrizd, nem kapcsolta-e ki egy SEO-plugin vagy a sablon.

  1. Nézd meg a nyers forrást, keresd a "@type":"Product" részt.
  2. Ha dupla jelölést találsz (plugin és sablon is kiadja), az egyiket kapcsold ki.
  3. A GTIN mezőt a termék adatlapján, a Leltár fülön töltsd ki.
  4. Ha egyedi sablon írja felül a termékoldalt, a woocommerce_structured_data_product szűrővel egészítsd ki.

Shopify

A Shopify sablonok többsége tartalmaz Product jelölést, de a minősége sablonfüggő.

  1. A snippets mappában keresd a strukturált adat részleteket.
  2. Ellenőrizd, hogy a variánsokra külön Offer generálódik-e.
  3. A barcode mezőt töltsd ki, ez lesz a gtin13.

Unas

Az Unas admin felületén a sablonbeállítások között van strukturált adat kapcsoló. Kapcsold be, majd ellenőrizd a Rich Results teszttel. A cikkszám és vonalkód mezők kitöltése után kerülnek be az azonosítók.

Shoprenter

A Shoprenter sablonjai kiadnak alapjelölést. Ha egyedi sablont használsz, a termékoldal template-jébe illeszd be a JSON-LD blokkot kézzel, a termékváltozókkal feltöltve.

Egyedi fejlesztés

  1. A JSON-LD-t szerveroldalon rendereld, ne kliensoldali JavaScriptből.
  2. Egy termékoldalon egy Product blokk legyen, a változatokat offers tömbben add meg.
  3. Az árat számként írd ki, tizedesponttal, valuta-jel nélkül.
  4. Az availability értéket a valós készletből számold, ne rögzítsd fixre.
  5. Deploy után futtasd le a Rich Results tesztet egy egyszerű és egy változatos terméken.

Gyakori hibák

  • Az ár szövegként szerepel: a "price": "24 990 Ft" érvénytelen, a Google számot vár szóköz és valutajel nélkül.
  • Hiányzó priceCurrency: ár van, pénznem nincs, így az ajánlat értelmezhetetlen és kimarad a gazdag találatból.
  • Befagyott availability: minden termék örökre InStock, pedig fél éve nincs raktáron, ez rossz jelzés a keresőnek és a vásárlónak.
  • Csak JavaScriptből betöltött séma: a Google gyakran még látja, egy egyszerűbb AI-crawler már nem, és a magyar KKV-oldalak többségén pont ez a helyzet.
  • Kitalált AggregateRating: értékelés-jelölés valódi vélemények nélkül, ez a Review-szabályok megsértése és kézi büntetést hozhat.
  • Hiányzó GTIN és SKU: a kereső nem tudja azonosítani a terméket, nem tud árat összevetni más boltokkal.
  • Dupla Product blokk: a plugin és a sablon is kiadja, egymásnak ellentmondó adatokkal, ilyenkor a kereső találgat.

Technikai példa

Minimális, de teljes termék-jelölés magyar webshopra:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Kerámia bögre 350 ml",
  "image": ["https://pelda.hu/kepek/bogre-350.jpg"],
  "description": "Mosogatógépben mosható kerámia bögre, 350 ml űrtartalom.",
  "sku": "BOG-350-FEH",
  "gtin13": "5998123456789",
  "brand": {
    "@type": "Brand",
    "name": "Példa Manufaktúra"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://pelda.hu/termek/kerami-bogre-350",
    "price": 3990,
    "priceCurrency": "HUF",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  }
}

Az availability négy leggyakoribb értéke: InStock, OutOfStock, PreOrder, BackOrder.

Gyors ellenőrzés terminálból, hogy a jelölés a nyers HTML-ben van-e:

curl -s https://pelda.hu/termek/kerami-bogre-350 | grep -o '"@type": *"Product"'

Ha üres a válasz, a séma csak kliensoldalon jön be, vagy egyáltalán nincs. Több séma egy oldalon a @graph szerkezettel fogható össze.

Mit néz ebből a riport

A riport a termékoldalak nyers HTML-jében keresi a Product és Offer jelölést, és a kötelező mezők meglétét vizsgálja. A szabály hatása magas, a hatóköre kód. Az ajánlás egyszerű: adj Product plusz Offer sémát a termékoldalakhoz árral, készlettel és GTIN-nel, így a Google és az AI gazdag találatként mutathatja.

Gyakori kérdések

Kötelező a GTIN megadása?
Nem kötelező, de erősen ajánlott. A GTIN a termék nemzetközi vonalkód-azonosítója, ezzel tudja a kereső összekötni a terméked a gyártói adatokkal. Saját gyártású terméknél gyakran nincs GTIN, ott az sku és a brand megadása a megoldás.
Miért nem jelenik meg az ár a Google találatban, pedig van sémám?
A jelölés megléte nem garancia a gazdag találatra. A Google eldönti, mikor mutatja, és a hibás vagy hiányos mezőket kihagyja. Ellenőrizd a Rich Results teszttel és a Search Console Termékek jelentésében, van-e hibaüzenet az adott URL-en.
Több termékváltozatnál minden változat kap külön Product blokkot?
Nem, egy termékoldal egy Product blokkot kap. A változatokat az offers tömbben sorolod fel, mindegyik külön Offer objektum saját árral és SKU-val. Ha nagyon eltérő árak vannak, az AggregateOffer típus is használható lowPrice és highPrice mezőkkel.
Árt, ha az ár a sémában és az oldalon eltér?
Igen, és ez a leggyakoribb súlyos hiba. A Google strukturált adat irányelve kimondja, hogy a jelölésnek a látható tartalmat kell tükröznie. Tartós eltérés esetén a gazdag találat elvész, súlyosabb esetben kézi intézkedés jön.
Elég, ha egy SEO-plugin bekapcsolja a sémát?
Általában elég a kezdethez, de ritkán teljes. A pluginok gyakran kihagyják a GTIN-t, a változat-kezelést vagy a pontos készlet-állapotot. Kapcsolás után mindig ellenőrizd egy valódi termékoldalon a nyers forráskódban.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „Product és Offer 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