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
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.

FIG. 04.A — ZEMITIS.HU · FŐ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.

FIG. 04.C — NIS2 ÁRKALKULÁTOR · LEAD-MÁGNES

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.

  1. 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

  2. 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

  3. 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

  4. 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

  5. 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

FIG. 04.D — A BUILD-KAPU, LÉPÉSRŐL LÉPÉSRE

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.