Booksi

Miért fontos a technikai gondozás egy könyváruháznál?

A booksi.hu könyveket és kapcsolódó tartalmakat mutat be egy WordPress és WooCommerce alapú rendszerben. Egy ilyen felület különböző látogatói szándékokat szolgál ki: valaki egy konkrét könyvet keres, más témák között böngészik, szerzőről vagy kiadóról olvas, illetve vásárlási információt keres. A tartalomhoz vezető útvonalaknak ezért vizuálisan és technikailag is érthetőnek kell lenniük.

Az esettanulmányban bemutatott munka nem a teljes eredeti Booksi-arculat újratervezése. A hangsúly a meglévő könyváruház gondozásán és konkrét technikai továbbfejlesztésein van. A nyilvános képernyőképek a jelenlegi oldalt szemléltetik, az elvégzett munka terjedelmét pedig az egyes fejezetek pontosítják.

A termékkép-linkek is kapjanak érthető nevet

Egy termékkártyán a kép vizuálisan egyértelműen a könyvhöz tartozik. Ez azonban nem feltétlenül jelenti azt, hogy a képet körülvevő hivatkozás a segítő technológiák számára is értelmezhető nevet ad. Ha a kép-link névtelen marad, a felületet nem látó használó nem ugyanazt az információt kapja, mint a képernyőn böngésző látogató.

A Booksinál célzottan rendeztük a név nélküli termékkép-hivatkozásokat. A logólinkek és a CookieYes egyik hivatkozása is értelmezhető akadálymentes nevet kapott. Ez nem pusztán kulcsszó hozzáírása volt az oldalhoz: a vezérlő célját kellett megfelelően megnevezni.

Az ellenőrzés a renderelt felületen is megtörtént. Nem elégedtünk meg azzal, hogy a módosított kódban szerepel egy megfelelőnek látszó attribútum; a ténylegesen megjelenő termékkép-linkek és az oldal hivatkozásai adtak visszajelzést a változásról.

Lapozható tartalmak és helyes ARIA-jelölés

A könyváruház Kadence- és Splide-alapú lapozható tartalmakat is használ. Ezeknél a vizuális megjelenés mellett fontos, hogy a listaelemek szemantikai szerepe összhangban legyen a tényleges HTML-szerkezettel. Egy hibásan kiosztott szerepattribútum a segítő technológiák számára félrevezető lehet akkor is, ha a kártyák egyébként szépen látszanak.

A javítás a hibás listaelem-szerepet célzottan távolította el. A lapozható tartalom és a slider elemei megmaradtak; nem az egész kiegészítő lecserélése volt a feladat. A szűk, MU-bővítményes beavatkozás a problémás jelölésre koncentrált.

Ez jól szemlélteti a technikai karbantartás egyik alapelvét: a lehető legkisebb szükséges változtatással érdemes a bizonyított problémát javítani. Nem kell egy már működő webáruház több részét újraépíteni ahhoz, hogy egy konkrét szemantikai hibát rendezzünk.

Személyre szabott llms.txt a könyvekhez és a fontos oldalakhoz

A Booksihoz egyedi llms.txt tartalmi útmutató készült. Nem általános, minden ügyféloldalon azonos szöveg került ki: a könyváruházhoz, termékekhez, témákhoz, üzleti és vásárlási információkhoz tartozó fontos nyilvános hivatkozásokat rendeztük össze.

A dokumentált változat 32 hivatkozást tartalmazott, a megfelelő főcímmel és hibás helyettesítő karakter nélküli szöveggel. Az ilyen útmutató segíthet a webhely tartalmának áttekintésében, de nem külön keresőmotor, és nem helyettesíti a valódi HTML-oldalak megfelelő tartalmát.

A gépi értelmezhetőség nem egyetlen fájl meglétén múlik. A linknevek, a jól követhető oldalszerkezet, a nyilvános tartalom elérhetősége és a helyes szemantikai jelölés együtt teremtenek jobb technikai alapot. Ettől még nem állítok automatikus keresőhelyezést vagy biztos AI-ajánlást.

Meglévő webáruház, megőrzött kereskedelmi folyamatok

A könyváruház karbantartási munkáit a központi WordPress-kezelési folyamat és az adott oldal adminisztrációjának ellenőrzése kísérte. A WordPress- és bővítményállapotok, valamint a nyilvános frontend vizsgálata külön ellenőrzési rétegként szerepeltek. Egy frissítési művelet elindítása önmagában nem bizonyítja a sikeres végállapotot.

A bemutatott hozzáférhetőségi javítások nem írták át a termékárakat, a termék-URL-eket vagy a rendelési folyamatot. A fizetéshez, számlázáshoz és szállításhoz kapcsolódó rendszereket nem kezeltem mellékes próbaterepként. Ezek vizsgálata külön, konkrét feladathoz és óvatos teszteléshez tartozik.

A módosítások utáni gyorsítótár-frissítés és frontend-ellenőrzés szintén fontos volt: a látogató számára kiszolgált változatot kell megnézni, nem csak az adminban tárolt forrást. Az oldal betöltése ugyanakkor még nem jelent teljes, valódi vásárlást végigjáró webshoptesztet.

Mérhető állapot és a vizsgálatok határai

A technikai javításokhoz korábbi, dátumozott hozzáférhetőségi és AI-ügynöki ellenőrzések is kapcsolódnak. A most megjelenített teljesítményblokk ettől külön, a 2026. október 20-án készült Google PageSpeed Insights-mérés asztali eredményét mutatja. A különböző időpontok és különböző részvizsgálatok eredményeit nem keverem össze.

Egy kísérleti Agentic Browsing ellenőrzés eredménye nem a PageSpeed Performance százaléka. Ugyanígy az akadálymentes linknevek célzott ellenőrzése nem teljes körű akadálymentességi tanúsítás. Az esettanulmány értéke a pontosan leírt munkában és a hozzá tartozó, megnevezett ellenőrzésben van.

A Booksi-referencia azt mutatja meg, hogyan lehet egy működő könyváruházat átgondoltan gondozni: javítani a bizonyított problémákat, megőrizni a működő elemeket, és nem összetéveszteni a látványos átalakítást a valóban szükséges technikai munkával.

Gyakori kérdések a megoldásról

Kapcsolódó szolgáltatások

Hasonló rendszer kialakításához vagy meglévő weboldalad továbbfejlesztéséhez az alábbi területeken tudok segíteni.