Egy működő webáruház, amelynek a háttérrendszereit is rendbe kellett tenni.

A vásárlók meg tudják nézni a termékeket, kosárba helyezhetik őket, leadhatják a rendeléseiket, és a felület látszólag minden szükséges funkcióval rendelkezik. A háttérben azonban számos olyan technikai, adatvédelmi és keresőoptimalizálási probléma lehet, amely a mindennapi használat során nem feltétlenül észrevehető. Ilyen problémák merültek fel a HERZ Hungária Kft. WordPress- és WooCommerce-alapú webáruházának felülvizsgálata során is.

A projekt célja nem egy új weboldal elkészítése volt. A meglévő rendszer működését kellett átvizsgálni, a hiányosságokat azonosítani, majd a szükséges beállításokat úgy kialakítani, hogy azok hosszú távon is megfelelő alapot biztosítsanak a vállalkozás online működéséhez.

Feladatok: weboldalaudit, adatvédelmi és cookie-kezelési beállítások, Google Consent Mode v2, GA4, Google Tag Manager, Search Console, keresőoptimalizálás és technikai teljesítményjavítás.

A projekt fő célja: a meglévő webáruház technikai és mérési alapjainak rendezése, az adatvédelmi követelményekhez igazodó működés támogatása és a keresőmotorok számára megfelelőbb weboldalstruktúra kialakítása.

A HERZ Hungária már rendelkezett működő weboldallal és WooCommerce-rendszerrel. Nem egy teljesen új projektet kellett tehát nulláról felépíteni, hanem egy meglévő rendszerbe kellett beavatkozni.

Ez sok esetben összetettebb feladat, mint egy új weboldal kialakítása, hiszen a fejlesztések során figyelembe kell venni a már használt bővítményeket, a korábbi beállításokat és a webáruház folyamatos működését.

Az első lépés ezért egy részletes felmérés volt. A cél az volt, hogy ne kizárólag a látható hibákat javítsam, hanem feltárjam azokat a háttérben lévő hiányosságokat is, amelyek később problémákat okozhatnak.

A projekt során az egyik legfontosabb szempont az volt, hogy a különböző fejlesztések ne egymástól függetlenül készüljenek el.

A cookie-kezelés közvetlenül befolyásolja az analitikai méréseket. A mérési szkriptek hatással lehetnek a weboldal teljesítményére. A technikai SEO pedig szorosan kapcsolódik a weboldal struktúrájához és a betöltési sebességhez.

Ezért a feladatokat olyan sorrendben kellett megtervezni, hogy az egyes beállítások egymással is megfelelően működjenek.

Az adatvédelmi beállításoknál nem az volt a cél, hogy egyszerűen megjelenjen egy cookie-banner. A hozzájáruláskezelésnek technikai szinten is támogatnia kellett a látogatók döntéseit.

Ennek részeként a cookie-kat és a kapcsolódó szolgáltatásokat funkciójuk szerint kellett áttekinteni, és különbséget kellett tenni a weboldal alapvető működéséhez szükséges technológiák, valamint az analitikai és marketingcélú megoldások között. A hozzájáruláshoz kötött technológiák működésének a látogató döntéséhez kell igazodnia.

Google Consent Mode v2

A Google Consent Mode v2 lehetővé teszi, hogy a Google mérési és hirdetési technológiái a hozzájárulási állapotoknak megfelelő jelzéseket kapjanak, köztük az analitikai és hirdetési célú adattároláshoz kapcsolódó állapotokat.

A beállítás során különösen fontos a hozzájárulás alapértelmezett állapota, annak frissítése a felhasználó döntését követően, valamint a megfelelő címkék működésének ellenőrzése.

A Consent Mode önmagában nem helyettesíti a GDPR-nak megfelelő hozzájáruláskezelést, és nem jelent automatikus jogi megfelelőséget. A technikai és adatvédelmi követelményeket ezért együttesen kell figyelembe venni.

Az adatkezelési dokumentumok és a tényleges működés összhangja

A felülvizsgálat az adatkezelési tájékoztatót és a cookie-szabályzatot is érintette. Fontos, hogy a dokumentumokban szereplő adatkezelési folyamatok összhangban legyenek a weboldalon ténylegesen használt szolgáltatásokkal. Nem elegendő egy általános dokumentumot elhelyezni a weboldalon, ha az nem tükrözi a vállalkozás valódi működését.

Egy WooCommerce-webáruház esetében az egyszerű oldalmegtekintések mérése nem elegendő. Ahhoz, hogy a vállalkozás megértse a látogatók viselkedését, a vásárlási folyamat fontos lépéseit is követni kell.

A GA4 segítségével vizsgálható, hogy a felhasználók milyen forrásokból érkeznek, mely termékek iránt érdeklődnek, és a vásárlási folyamat mely pontjain szakítják meg nagyobb arányban a vásárlást. Ez értékes információ a későbbi marketingkampányok és webáruház-fejlesztések megtervezésekor.

A projektben az alábbi e-kereskedelmi események mérése kapott kiemelt szerepet:

Ezek az események együtt sokkal részletesebb képet adnak a webáruház működéséről, mint az egyszerű látogatottsági statisztikák.

Google Tag Manager: központi méréskezelés

A Google Tag Manager alkalmazásával a mérési címkék egységesebben kezelhetők, a későbbi mérések és marketingintegrációk bevezetése pedig könnyebben ellenőrizhető és karbantartható.

A beállítások során figyelmet kellett fordítani a megfelelő eseményparaméterekre, a duplikált mérések elkerülésére és a hozzájáruláskezelési rendszerrel való együttműködésre is. A cél nem az volt, hogy minél több adatot gyűjtsünk, hanem hogy a rendelkezésre álló adatok értelmezhetők és üzleti szempontból hasznosíthatók legyenek.

A projekt keretében a Search Console beállításainak ellenőrzése és a webhelytérkép beküldése is a feladatok közé tartozott. A rendszerben többek között az alábbiak vizsgálhatók:

• Milyen keresési kifejezések mellett jelenik meg a weboldal.
• Mely aloldalak kapnak organikus kattintásokat.
• Milyen indexelési problémákat jelez a Google.
• Milyen a weboldal megjelenési és kattintási teljesítménye.
• Mely technikai hibák igényelhetnek további vizsgálatot.

A sitemap beküldése segíti a keresőmotorokat a releváns URL-ek felfedezésében, de önmagában nem garantálja azok indexelését. A Search Console adatai a későbbi keresőoptimalizálási munkához is fontos kiindulópontot adnak.

A keresőoptimalizálás nem egyetlen beállításból áll. Egy webáruházban a termékoldalak, a kategóriaoldalak, a belső navigáció, a technikai háttér és a tartalom együttesen határozzák meg, hogy a keresőmotorok mennyire könnyen tudják értelmezni az oldalt.

Title és meta description

A title az oldal témáját jelző egyik legfontosabb HTML-elem, a meta description pedig rövid összefoglalót ad a tartalomról. A cél az volt, hogy ezek ne csak technikailag létezzenek, hanem pontosan tükrözzék az adott oldal tartalmát.

Címsorstruktúra

A H1, H2 és H3 címsoroknak logikus hierarchiát kell követniük, miközben a felhasználó számára is világossá teszik, milyen információt talál az adott szakaszban.

Termékoldalak

Egy műszaki termékeket forgalmazó webáruházban különösen fontos a pontos, érthető és jól strukturált termékinformáció. A cél olyan termékoldalak kialakítása volt, amelyek nem pusztán egy katalógus adatait jelenítik meg, hanem a látogatók tájékozódását is támogatják.

Belső linkelés és URL-kezelés

A termékek és kategóriák közötti kapcsolatoknak logikusnak kell lenniük. A felülvizsgálat részeként figyelmet kaptak a kanonikus URL-ek és a hibás vagy megszűnt hivatkozások is.

Strukturált adatok (Schema.org)

A termék nevét, árát és elérhetőségét leíró strukturált adatok segítenek a Google-nek értelmezni a termékoldalakat, és bizonyos feltételek mellett gazdagított találati megjelenést tehetnek lehetővé. Ez azonban önmagában nem garantált.

Egy lassan működő webáruház nemcsak a felhasználói élményt ronthatja, hanem a vásárlási folyamatot is megnehezítheti.

Képek

Megfelelő méretezés, modern képformátumok és indokolt késleltetett betöltés, úgy, hogy a képernyő első részén lévő kiemelt tartalmak betöltése ne lassuljon.

Gyorsítótárazás

A cache csökkenti az ismétlődő erőforrásigényt, de WooCommerce-nél a kosár, a pénztár és a felhasználói munkamenetek oldalait külön kell kezelni, hogy a gyorsítótárazás ne jelenítsen meg hibás vagy más felhasználóhoz tartozó adatot.

Bővítmények és szkriptek

Minden telepített bővítménynek konkrét feladatot kell ellátnia. A cél nem önmagában a bővítmények számának csökkentése volt, hanem a szükségtelen terhelés, az átfedő funkciók és a kompatibilitási kockázatok mérséklése.

Core Web Vitals

Az LCP a legnagyobb látható tartalmi elem betöltését, az INP az interakciókra adott reakciókészséget, a CLS a váratlan elrendezésváltozásokat méri. Nem elég egy PageSpeed-pontszámot figyelni: a cél a gyorsabb, stabilabb és kényelmesebb használat.

A projekt eredményeit két szempontból érdemes értékelni. Az első a technikai megvalósítás: milyen rendszerek készültek el, milyen hibák javultak, és mely feladatokat lehetett ellenőrzötten lezárni. A második az üzleti hatás: változott-e a sebesség, az organikus forgalom, a vásárlási folyamat vagy az online értékesítés teljesítménye.

A számszerű eredményekhez az optimalizálás előtti és utáni állapot összehasonlítása szükséges. Ezeket a mutatókat követjük:

A keresőoptimalizálás hatását hosszabb időszakon keresztül érdemes értékelni, mert a technikai módosítások nem feltétlenül hoznak azonnali organikus forgalomnövekedést. A pontos előtte–utána eredményeket itt teszem közzé, amint a mérési adatok rendelkezésre állnak.

• Megfelelőbb és ellenőrizhetőbb hozzájáruláskezelés.
• A vásárlási folyamat fontos eseményei részletesen vizsgálhatók.
• A weboldal tartalmilag és technikailag jobban értelmezhető a keresőmotorok számára.
• Gyorsabb és stabilabb működés feltételei.

Ezek együtt egy olyan webáruház alapját teremtik meg, amely nemcsak a vásárlók számára használható, hanem a vállalkozás marketing- és üzleti döntéseit is jobban támogatja.

Sok esetben a problémák nem a megjelenésben, hanem a háttérrendszerekben vannak. Egy hiányos analitikai beállítás, egy nem megfelelő hozzájáruláskezelés vagy egy hibás SEO-struktúra első pillantásra nem látható, mégis befolyásolja a weboldal működését, a marketing eredményességét és a későbbi fejlesztések lehetőségeit.

Éppen ezért egy meglévő webáruháznál gyakran érdemes egy részletes technikai felülvizsgálattal kezdeni. Egy jó audit megmutatja, mi szorul valójában javításra, mi a legsürgősebb, és mely fejlesztések jelentenek üzleti értéket.

A cél nem az, hogy mindenáron új rendszert építsünk, hanem hogy a meglévőből a lehető legtöbbet hozzuk ki, indokolatlan fejlesztések és felesleges költségek nélkül.