FIG. 04 — Esettanulmány
zemITis
Kliensoldali React SPA-ból statikus Astro-oldal: minden oldal előre renderelt HTML, a SEO-t build-kapu őrzi, a leadeket három árkalkulátor hozza.
- Ügyfél
- Zemitis Advisory Kft. — infosec tanácsadó
- Év
- 2025–26
- Szerep
- Újraépítés SPA-ról + SEO/AEO gépezet + lead-kalkulátorok
- Státusz
- Élő Oldal megnyitása ↗
- Stack
- AstroReact islandsGTMJSON-LDCoolify
A kihívás
A keresők üres oldalt láttak.
A Zemitis Advisory információbiztonsági tanácsadó: NIS2-megfelelés, ISO 27001, kiszervezett IBF — csupa olyan téma, amit az ügyfelek keresőben és egyre inkább AI-asszisztensben kutatnak. A korábbi oldal viszont kliensoldali React/Babel SPA-exportként futott: a tartalmat a böngésző rakta össze, a keresők gyakorlatilag semmit sem láttak belőle.
Az újraépítésnek így két dolga volt. Egy: a tartalom legyen ténylegesen olvasható — a Google-nek és az AI-keresőknek is. Kettő: a látogatóból legyen lead, mert compliance-szolgáltatást senki sem vesz impulzusból — előbb azt akarja tudni, mibe kerül.
A rendszer — 01 · Alap
SPA-ból statikus HTML
Az oldal Astro 5-re épült újra: build-időben minden oldal kész, előre renderelt HTML-ként áll elő, JavaScript alapból nincs — React csak szigetként fut ott, ahol tényleg interakció kell. Ami korábban a böngészőben állt össze, az most a szerverről érkezik készen.
Az alap többi része is kézben tartott: saját hosztolt betűtípusok, content-hash alapú cache-bustolás, Hetzner + Coolify hoszting. Magyar nyelvű, világos, gyors oldal.
A rendszer — 02 · Láthatóság
Gépeknek is írt tartalom
A strukturált adat végigér az oldalon: Organization, Service, FAQPage, BreadcrumbList és BlogPosting JSON-LD sémák írják le a szolgáltatásokat a keresőknek. A blog Astro content collectionként fut — minden poszt ugyanazon a séma- és SEO-rétegen megy át.
Az AI-keresőkre külön réteg készült: AI-crawler-barát robots.txt és build-időben, dinamikusan generált llms.txt, hogy a tartalmat a nyelvi modellek is fel tudják dolgozni. Az OG-képek szintén buildkor készülnek, oldalanként, astro-og-canvasszal.
A rendszer — 03 · Lead
Árkalkulátor mint lead-mágnes
Három szolgáltatási aloldal, mindegyiken saját, interaktív árkalkulátor: NIS2-megfelelés, kiszervezett IBF és ISO 27001. A kalkulátor React-szigetként fut a statikus oldalban — a látogató azonnal reális árképet kap, az ügyfél pedig felmelegített leadet.
A lead-út végig mért: a kalkulátorok elmentik az UTM- és gclid-attribúciót, és generate_lead eseményt küldenek a dataLayerbe; az űrlapok Formsparkon futnak; a mérést GTM viszi Consent Mode v2-vel és kategóriánkénti cookie-bannerrel — alapból minden tiltva.
A rendszer — 04 · Build-kapu
SEO, ami nem tud elromlani
A SEO leggyengébb láncszeme az ember, aki egyszer elfelejt egy meta-leírást. Itt ezért nem checklist őrzi a minőséget, hanem maga a build: minden deploy ezen a láncon megy végig, és ha bármi hiányzik, az oldal meg sem épül.
-
ASTRO BUILD
Minden oldal HTML-lé válik
Az Astro build-időben minden útvonalat kész HTML-lé renderel. Hidratáló JavaScript csak a React-szigetekhez kerül az oldalba — máshova egy bájt sem.
✓ minden útvonal előre renderelve
-
CHECK-SEO.MJS
A kapu
Saját ellenőrző szkript fésüli át a legenerált oldalakat: hiányzó title, description, canonical vagy OG-tag esetén a build elbukik. Hibás SEO így fizikailag nem juthat ki éles környezetbe.
✓ SEO-ellenőrzés — 0 szabálysértés
-
ASTRO-OG-CANVAS
OG-kép, oldalanként
Minden oldalhoz buildkor készül saját megosztási kép — link-előnézet, amit soha nem kell kézzel karbantartani.
✓ OG-képek legenerálva
-
LLMS.TXT
A gépek olvasata
A build az aktuális tartalomból újragenerálja az llms.txt-t, az AI-crawler-barát robots.txt mellé — az AI-keresők mindig friss térképet kapnak az oldalról.
✓ llms.txt frissítve
-
COOLIFY
Deploy, content-hash-sel
Az assetek content-hash nevű fájlokként mennek ki, így a cache-bustolás automatikus. A kész build Hetzneren, Coolify alatt fut.
✓ deploy kész — hash-elt assetek
Eredmények
A SEO itt nem checklist, hanem build-feltétel.
- előre renderelt HTML oldal
- 100%
- JS alapból — sziget csak ahol kell
- 0
- árkalkulátor, mind lead-forrás
- 3
- JSON-LD séma-típus
- 6+
- build-kapu — SEO-hibával nem épül az oldal
- 1
A lista a megépített rendszerről szól — forgalmi és lead-számok az ügyfél adatai, nem nyilvánosak.