Termékek láthatóvá tétele a keresőkben

Modul 7: Láthatóság és tárhely · Olvasási idő: 10 perc

Tanulási cél: A lecke végére Ön képes lesz olyan termékoldalakat készíteni, amelyeket a keresőmotorok megértenek. Ellenőrizni tudja, milyen strukturált adatokat küld a WooCommerce, és el tudja kerülni a kifogyott termékek, a szűrők és a duplikált tartalom buktatóit.

Kulcsfogalmak: termékoldal, termékcím, termékleírás, kategóriaoldal mint érkezőoldal, strukturált adatok, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, kifogyott termék, szűrők és paraméterek, canonical, termék-oldaltérkép, ingyenes terméklistázás

Miben más egy webáruház

A keresőkben való megtalálhatóság alapjait a WordPress-tanfolyam 9.2. leckéje tárgyalja: címek, metaleírások, címsorok, az oldaltérkép, a noindex, a Search Console és az átirányítás megváltozott címek esetén. Mindez egy webáruházra is érvényes. Egy webáruháznak ezen felül három saját kihívása van:

1. Sok, egymáshoz hasonló oldal. Tíz teáskanna szinte azonos szöveggel, változatok, szín és ár szerinti szűrők: a keresőmotornak el kell döntenie, melyik oldal számít.
2. Oldalak, amelyek jönnek és mennek. A termékek kifogynak, kikerülnek a kínálatból vagy visszatérnek.
3. A keresőmotorok maguk jelenítik meg a termékadatokat. Az ár, a készlet és az értékelések megjelenhetnek a keresési találatban, ha a keresőmotor ki tudja olvasni őket az Ön oldalából.

Ez a lecke erről a háromról szól. A kulcsszavakról, a szövegírásról és a helyi megtalálhatóságról az Online megtalálhatóság című tanfolyamban lesz szó bővebben (fejlesztés alatt).

Egy termékoldal, amely mond is valamit

A keresőmotor és a vásárló ugyanazt szeretné tudni: mi ez, miért ezt és nem egy másikat, és mennyibe kerül. A Theehuis Example áruházban egy gyenge termékoldal így néz ki:

• a cím „Teáskanna 3”;
• a leírás a beszállítótól átvett szöveg, ugyanaz, mint húsz másik üzletben;
• egyetlen fotó alternatív szöveg nélkül.

Egy erős változat:

• a cím azt tartalmazza, amire az emberek keresnek: „Öntöttvas teáskanna, 0,8 literes, fekete”;
• egy két-három mondatos rövid leírás a legfontosabbakkal (űrtartalom, anyag, kinek szól);
• egy hosszú leírás saját szavaival: hogyan kell használni, hogyan kell ápolni, mi tartozik hozzá, méretek, és azok a kérdések, amelyeket a vásárlók valóban feltesznek;
• több fotó leíró alternatív szöveggel (WordPress-tanfolyam, 4.4. lecke);
• kitöltött SKU és, ha van, GTIN (EAN-kód) (3.1. lecke).

A beszállítói szövegek csábítók, de akkor ugyanaz a szöveg sok webhelyen szerepel. A keresőmotor általában csak egyet mutat meg közülük. Legalább az első bekezdést írja meg saját maga.

A kategóriaoldalak gyakran fontosabbak, mint gondolná. Aki az „öntöttvas teáskanna” kifejezésre keres, választékot szeretne látni, nem egyetlen terméket. Ezért adjon a kategóriáinak egy rövid bevezető szöveget és egy egyértelmű nevet, és tartsa egyszerűen a szerkezetet (Teáskannák > Öntöttvas, nem öt szint mélyen).

Strukturált adatok: mit küld a WooCommerce

A strukturált adatok az oldalában elhelyezett kódrészletek, amelyek kötött formában írják le, mi található az oldalon. A WooCommerce erre a JSON-LD formátumot használja: egy <script type="application/ld+json"> blokkot, amelyet a termékoldal aljára helyez el (a HTML láblécébe). Ebben egy Product típusú objektum található a következőkkel:

• name, url, description (a rövid leírás, vagy ha az nincs, a hosszú) és image;
• sku (vagy a termékazonosító, ha nem adott meg SKU-t) és gtin, ha érvényes GTIN-t adott meg;
• offers: egy Offer az árral (egy priceSpecification elemben), a priceCurrency, az availability és az eladó (az áruház neve) adatával. Eltérő árú változatokkal rendelkező variálható termék esetén ebből AggregateOffer lesz a legalacsonyabb és a legmagasabb árral;
• az availability schema.org-címként: https://schema.org/InStock, OutOfStock vagy BackOrder (utánrendelés esetén);
• értékelések esetén az átlagpontszám és a vélemények is.

Egy rövidített példa így néz ki:

{
  "@type": "Product",
  "name": "Gietijzeren theepot 0,8 liter, zwart",
  "sku": "TP-GIJ-08",
  "offers": [{
    "@type": "Offer",
    "price": "39.95",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }]
}

Amit a strukturált adatok megtesznek: a keresőmotor biztosan tudja, mi az ár és mekkora a készlet, és meg is tudja jeleníteni ezeket. Amit nem tesznek meg: nem juttatják előrébb az oldalát, és nem garantálnak bővített keresési találatot. A Google maga dönti el, hogy megjelenít-e valamit.

Három buktató:

• Kettős séma. Egy SEO-bővítmény vagy egy sablon szintén hozzáad egy Product objektumot. Ilyenkor kettő szerepel, néha eltérő árakkal. Válasszon egy forrást, a másikat kapcsolja ki.
• Ár a gyorsítótárból. Árváltozás után egy régi, eltárolt oldal a régi árat mutatja, a szövegben és a sémában is. Árváltozás után ürítse a gyorsítótárat (6.4. lecke).
• Helytelen áfa-megjelenítés. A séma az árat úgy veszi át, ahogy az áruháza mutatja. Ha a fogyasztóknak az áfát is tartalmazó árat mutatja (4.1. lecke), akkor a sémában is az szerepel.

Az ellenőrzést a schema.org validátorával vagy a Google tesztjével végezheti el (lásd Bővebben olvasva), illetve a lecke feladatával.

Kifogyott, kivezetett, újra raktáron

Mit tegyen egy olyan termékkel, amely átmenetileg elfogyott? A WooCommerce > Beállítások > Termékek > Készlet menüpontban elrejtheti a kifogyott termékeket a katalógusban. Átmeneti hiány esetén ezt ne tegye meg csak úgy: az oldal megmarad, de kiesik a kategóriaoldalakról, a keresőmotoron keresztül érkező vásárlók viszont továbbra is látják. Egy visszatérő terméknél jobb, ha az oldal megmarad a „kifogyott” jelzéssel, egy várható dátummal vagy egy alternatívával. A séma ilyenkor OutOfStock értéket mutat, és ez őszinte.

Ha egy termék végleg kikerül a kínálatból, három lehetősége van:

1. az oldalt meghagyja egy egyértelmű üzenettel és az utódtermékekre mutató hivatkozásokkal (ha még sok látogató érkezik rá);
2. 301-es átirányítás az utódtermékre vagy a kategóriára (ha van valódi helyettesítő);
3. az oldal törlése, így 404-es vagy 410-es kódot ad (ha nincs hasonló termék).

Amit ne tegyen: ne irányítson minden megszűnt terméket a kezdőlapra. A keresőmotorok ezt egyfajta 404-nek tekintik, a látogatók pedig hiába keresgélnek.

Szűrők, rendezés és duplikált tartalom

A szín, méret és ár szerinti szűrők, valamint az ár szerinti rendezés olyan címeket hoznak létre, mint a /theepotten/?filter_kleur=zwart&orderby=price. Minden kombináció egy új cím szinte azonos tartalommal. Sok szűrő esetén ezrével keletkeznek ilyenek. A keresőmotor ilyenkor ezekre a változatokra fordít időt a termékei helyett.

Ami segít:

• minden szűrt oldalon egy canonical a szűrő nélküli oldalra (a WordPress és a legtöbb SEO-bővítmény paraméterek esetén ezt nem mindig teszi meg magától: ellenőrizze);
• ne legyenek a menüjében szűrt címekre mutató hivatkozások;
• a változatokat ne hozza létre külön termékként, ha valójában egy termékről van szó (3.2. lecke);
• termékenként egy cím, akkor is, ha a termék több kategóriában szerepel. A WooCommerce alapértelmezés szerint a /product/<naam>/ formát használja, kategória nélkül a címben; hagyja így, hacsak nem tudja pontosan, mit csinál.

A termék-oldaltérkép

A WordPress az 5.5-ös verzió óta maga készít oldaltérképet (/wp-sitemap.xml), bejegyzéstípusonként egy-egy résszel. A termékek egy bejegyzéstípust alkotnak, így van egy részleges oldaltérkép, például /wp-sitemap-posts-product-1.xml. Ha SEO-bővítményt használ, az gyakran saját oldaltérképet készít más címmel (és kikapcsolja a WordPress oldaltérképét). Ellenőrizze, hogy a termékei benne vannak, hogy a kosár, a pénztár és a Fiókom oldal nincs benne (ezeknél noindex van beállítva, 2.2. lecke), és küldje be az oldaltérképet a Search Console-ba.

Ha azt szeretné, hogy a termékei a keresőmotorok termékfüleiben is megjelenjenek, ezt egy termékfeeddel teheti meg, például a Google Merchant Center ingyenes listázásaival. Ez túlmutat ezen a tanfolyamon; a fent leírt strukturált adatok azonban ennek is az alapját jelentik.

Összefoglalás

• Egy termékoldalnak olyan címe van, amelyre az emberek keresnek, saját leírása, jó fotói alternatív szöveggel, valamint kitöltött SKU-ja és GTIN-je.
• A WooCommerce JSON-LD formátumú Product sémát helyez el a termékoldalon az árral, a pénznemmel, a készlettel és az eladóval; bővített keresési találatot ez nem garantál.
• Kerülje el a kettős sémát és a gyorsítótárban maradt régi árakat.
• Átmenetileg kifogyott: az oldal maradjon; végleg megszűnt: utódtermék, 301-es átirányítás vagy 404/410, de ne a kezdőlapra.
• A szűrők duplikált tartalmat hoznak létre; használjon canonical címkéket, és ellenőrizze a termék-oldaltérképét.

Kvíz

Feladat

A7.1. feladat: Megérti egy keresőmotor az Ön termékét? Adja meg webáruháza címét és egy termék slugját vagy címét (ha üresen hagyja, a program az Ön Store API-jának első termékét veszi). A program lekéri a terméket a Store API-n keresztül, lekéri a termékoldalt, és beolvassa az összes application/ld+json blokkot. Ezután a robots.txt fájlban vagy a /wp-sitemap.xml címen megkeresi a termékeket tartalmazó oldaltérképet. Zöld, ha pontosan egy Product szerepel névvel, árat és priceCurrency értéket tartalmazó offers elemmel, a készletnek megfelelő availability értékkel, képpel és SKU-val vagy GTIN-nel; ha a sémában szereplő ár megegyezik a Store API árával; ha az oldalon nincs noindex, és van önmagára mutató canonical; valamint ha a termék szerepel egy termék-oldaltérképben. Narancs, ha két vagy több Product blokk van, nincs sem SKU, sem GTIN, eltér az ár, nincs canonical, nincs kép, vagy a termék nem szerepel az oldaltérképben. Piros, ha nincs Product séma, az oldalon noindex van, vagy hiányzik az ár (offers).

Kérdés önmagának (nem ellenőrizzük): illessze be termékoldala címét a schema.org validátorába is. Ugyanazt látja, mint a program?

Bővebben olvasva

• Ingyenes WordPress-tanfolyam 9.2: Kereshetőség: az alapok
• Ingyenes WordPress-tanfolyam 4.4: Média: képek és alt szöveg
• Strukturált adatok termékekhez (Google Search Central, angol nyelven): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, angol nyelven): https://validator.schema.org/
• Managing products (woocommerce.com, angol nyelven): https://woocommerce.com/document/managing-products/