ajovoszakemberei.hu: B2B leadgeneráló oldal a Schönherz Iskolaszövetkezetnek, egyoldalasról saját sablonrendszerre

Az ügyfél egy három évtizede működő, IT-, műszaki és gazdasági hallgatókra szakosodott iskolaszövetkezet. Az ajovoszakemberei.hu a céges oldaluk, egy tisztán B2B leadgeneráló felület HR-vezetőknek, szakmai vezetőknek és ügyvezetőknek, elkülönítve a cég többi weboldalától.

Kiindulásként a domainen egy ideiglenes, noindexen tartott Elementor-egyoldalas futott, a mérőkódok közvetlenül a kódba égetve. Volt viszont kész brandbook és rengeteg ügyfélanyag, szolgáltatás-leírások, 25 partnervélemény, hallgatói profilok, sajtómegjelenések, videók és podcastok. Ezekből kellett egy szerkezetet építeni, ami a keresőben és a döntéshozónál is működik.

A kulcsszó-mezőny zsúfolt, legalább 11 iskolaszövetkezet tart fenn céges oldalt ajánlatkérő űrlappal. Az ügyfélnek ráadásul van egy másik, edukációs domainje is, ezért a két oldal kulcsszavait kannibalizáció nélkül kellett felosztani.

• A szövegek az ügyféltől jöttek, a szövegírás nem volt a feladat része. Számot, válaszidőt, garanciát és „első” vagy „legjobb” állítást csak jóváhagyással írtunk ki.
• Teljes GDPR-megfelelés hozzájárulás-alapú méréssel úgy, hogy a hirdetéseket egy külső PPC-ügynökség kezeli a saját Tag Manager-konténerével.
• Az éles tárhely az ügyfélé, ahol csak SFTP van, parancssor és wp-cli nincs.

1. Stratégia a fejlesztés előtt, kulcsszókutatás és konkurenselemzés

• Vizuális oldaltérkép és a hat szolgáltatás struktúrája még a fejlesztés előtt, az ügyféllel egyeztetve.
• Kulcsszókutatás és konkurenselemzés: 11 versenytárs céges oldala, öt tartalmi rés (a szakmai gyakorlat munkáltatói oldala, gyakornoki program, a saját toborzású diák adminisztrációja, frissdiplomások közvetítése, külföldi hallgatók foglalkoztatása), amelyekre négy szolgáltatás-oldal és egy cikk épül. 19 oldal kulcsszava, title-je, meta leírása és H1-e, a négy átemelt cikk fókusza és 9 új cikkterv.
• Két domain, egy szabály: a két Schönherz-oldal fő céges kifejezéseinek találati oldalait összemértük, és rögzítettük a munkamegosztást. A portálé a „diákszövetkezet cégeknek” és a szabályozási témák, ezé az oldalé a „diákmunka-közvetítés cégeknek” és a minősített hallgatói kör, így a két oldal nem egymás elől viszi a forgalmat.

2. Saját sablonrendszer (drew-core), tartalom adminból

• 18 szekciótípus rugalmas tartalomblokkokkal (hero folt-kompozícióval, pipás blokk, USP-kártyák, szolgáltatás-kártyák, hallgatói kártyák, vélemények, Tudástár-tabsor, GYIK szűrővel, űrlap, logófal, szakterület-lista és társaik), így minden oldal adminból, blokkokból épül. A cégadatok, az elérhetőségek és a mérési azonosító egy Options-oldalon.
• Négy saját tartalomtípus: szolgáltatás, Tudástár-anyag (hat kategória, mindegyik saját URL-lel), hallgatói profil-kártya, partnervélemény.
• Tartalom az élesítéskor: 14 oldal, 6 szolgáltatás-oldal (H1, felütés, pipás blokk, folyamat-kártyák, GYIK-kivonat, vélemények, kapcsolódó linkek, űrlap), Tudástár hubbal és hat kategória-oldallal (4 migrált cikk eredeti dátummal, 8 sajtómegjelenés, 5 videó, 2 podcast), GYIK 45 kérdéssel 12 témakörben, 25 partnervélemény, 11 hallgatói profil-kártya, 21 partnerlogó, 27 egyetem listája.
• A Tudástár-kategóriák valódi linkek, nem JavaScript-szűrők, minden kategória önálló, rangsorolható oldal. A hat YouTube-anyag kattintásra betöltődő lejátszót kapott helyben tárolt előnézeti képpel, hozzájárulás előtt nem fut harmadik fél kódja.
• Design: világos alap a brandbook sötétkékjével, türkizével és neonjaival csak kiemelésként, a Schönherz saját B2B szórólapjainak mintájára. Folt-formák, pirula-címkék, General Sans betű lokálisan, tegező hangnem végig.
• 29 commit, a sablonkód git-verziókezelve, a tartalmi módosítások idempotens scriptekkel, visszakereshetően.

3. Lead-motor forráskövetéssel és PPC-landing

• Egy konfig-vezérelt űrlapmotor: ugyanaz a kapcsolat-űrlap fut a főoldalon, a Kapcsolat oldalon, mind a hat szolgáltatás-oldal alján és a hirdetési landingen. Egy rejtett forrás-mező mondja meg, melyik oldalról jött a beküldés, a hallgatói profil-kártyáról indítva a kiválasztott profil előkitöltődik, és van hírlevél-jelölő.
• Minden beküldés strukturáltan tárolódik az adminban, automatikus értesítő és visszaigazoló e-mail, Köszönjük oldal noindexen. Spam-védelem csapda-mezővel, időcsapdával és IP-alapú beküldés-korláttal, csak hash-sel, nyers IP-cím nélkül.
• PPC-landing a hirdetésekhez, a főoldal másolata más nyitóblokkal és két gombbal (Cégeknek / Diákoknak), noindexen, a sitemapen kívül. Egy script másolja a főoldal aktuális blokkjait, így a főoldal későbbi változásai egy futtatással átvezethetők.

4. SEO és átállás a régi URL-ekről

• Yoast SEO Premium, egyedi title és meta 19 oldalon és 4 cikken a kulcsszó-anyagból, morzsamenü BreadcrumbList schemával, Organization schema, FAQPage a GYIK-oldalon, Article a saját cikkeken, megosztási kép minden oldalhoz, XML sitemap 39 URL-lel.
• 9 db 301-es átirányítás a régi URL-ekről (a négy régi cikk, a blog és a szolgáltatás-útvonalak), a kampány- és a köszönő oldal noindexen.
• Saját ellenőrző script futott minden kiadás előtt, 28 URL title, meta, robots, canonical, schema és morzsa egyeztetésével, 0 hibával az élesítés napján.

5. GDPR és mérés úgy, hogy ne lassítson

• Sütibanner Google Consent Mode v2-vel, teljes képernyős, kategóriás (szükséges, funkcionális, statisztikai, marketing), arculati színekkel és tegező szövegekkel. A Tag Manager betöltése előtt minden tárolási típus „denied”, a látogató döntése után a banner frissíti a jeleket, a hozzájárulás egy évig tárolódik.
• Az oldalban nincs beégetett mérőkód. A GA4, a Clarity, a Meta és a LinkedIn címkék a PPC-ügynökség GTM-konténeréből jönnek, a konténer csak nyilvános oldalon és csak kijelentkezett látogatónak töltődik be. Sikeres űrlapbeküldésnél az oldal sch_lead dataLayer-eseményt ad (űrlap típusa, forrás-oldal, profil, hírlevél-jelölő, személyes adat nélkül), a konverzió erre vagy a Köszönjük oldalra köthető.
• Adatkezelési tájékoztató: az ügyfél jogi szövegéhez mi adtuk az iránymutatást hét döntési ponttal, majd a technikai részeket (adatfeldolgozók, tárolás, naplók, sütitáblázat, hatálybalépés) a valós működésből töltöttük ki. Az élesítés napján a végleges szöveg fent volt.

6. Élesítés az ügyfél tárhelyén parancssor nélkül, és teljesítmény

• Az éles tárhelyen csak SFTP volt, ezért saját migrációs segédet írtunk, egy token-védett, HTTP-n futó PHP-t a mentésre, az archívum kicsomagolására, az adatbázis-importra, a szerializálás-biztos URL-cserére és az átkapcsolásra. A régi oldal archiválva, az új a helyére került, a 301-ek és az űrlap aznap ellenőrizve.
• Teljesítmény: egyetlen minifikált CSS és JS, lokális, előtöltött betűk, reszponzív képek pontos méretlistával, az LCP-kép preloadja ugyanazzal a méretlistával, WebP szerveroldali kiszolgálással, oldal-cache mobilra is, használt CSS, késleltetett JS, lazyload, a háttérfeladatok külső időzítőről.
• Az élesítés napján mért eredmény mobil 99 / 100 / 100 / 100, asztali 100 / 100 / 100 / 100.

Nagyítás

Nagyítás

Nyolc mért kategóriából hét 100 pontos, egy 99, egy olyan oldalon, ahol sütibanner, Tag Manager-konténer és hat beágyazott videó fut. A stratégiától az élesítésig az ügyfél csapata írta a szövegeket, mi pedig minden visszajelzésüket a jóváhagyás napján a fejlesztői oldalra vittük. Az élesítés az ügyfél saját tárhelyén, leállás nélkül történt.