Mi az AI weboldal készítés valójában?
Egy működő, mutatós landing page ma húsz perc alatt összerakható. Az, hogy ez az oldal érdeklődőt is hozzon, általában hetekbe telik.
Ez a két szám a teljes különbség az AI-hype és a valóság között.
Az AI weboldal készítés ma nem azt jelenti, hogy a mesterséges intelligencia elkészíti helyetted a honlapot.
Azt jelenti, hogy a folyamat négy legidőigényesebb szakasza, a piackutatás, a struktúratervezés, a szövegírás és a kódváz megírása, a töredékére rövidül.
A döntéseket viszont továbbra is ember hozza.
Melyik üzenet kerül a hajtás fölé, mit ígérsz a látogatónak, hogyan kezeled az adatait, mit mérsz. Ezekre a generatív AI ad javaslatot, de nem vállal felelősséget.
Érdemes rögtön szétválasztani két dolgot, amit a legtöbb cikk összemos.
Az egyik, amikor AI-val készítesz egy hagyományos marketingoldalt.
A másik, amikor olyan terméket építesz, amiben AI-funkció fut, például egy chatbotos webapp vagy egy ajánlómotor.
Az első kérdés eszközválasztás.
A második szoftverfejlesztési projekt, API-integrációval, költségkerettel és biztonsági kockázattal.
Nagyon más a két történet.
Az AI a sebességet adja. A hitelességet, a jogi megfelelést és a konverziót ma is emberi döntések biztosítják.
Ebben az útmutatóban végigvezetlek azon, mikor elég egy ingyenes AI weboldalkészítő, és mikor kerül többe a spórolás, mint a szakmai munka. Megnézzük a technikai SEO, a tulajdonjog és a GDPR buktatóit is, mert ezek döntik el, hogy az oldalad eszköz lesz vagy dísz.
A vezérfonal végig ugyanaz: AI-first, de ember által ellenőrzött megközelítés. Gyorsan generálunk, aztán kritikusan átnézünk.
Melyik weboldaltípus kell valójában?
A legdrágább hiba nem a rossz eszköz kiválasztása.
Az, hogy rossz típusú oldalt építesz.
Ezt utólag már nem lehet plugin-nel megjavítani.
Marketingoldal vagy webalkalmazás
A statikus marketingoldal célja egyetlen dolog: meggyőzni a látogatót, hogy vegye fel veled a kapcsolatot.
Bemutatkozás, szolgáltatáslista, referenciák, árak, kapcsolati űrlap.
Ennyi.
Technológiailag ez azt jelenti, hogy az oldal előre legenerált HTML-ként érkezik a böngészőbe.
Nincs adatbázis, nincs felhasználókezelés.
Villámgyorsan tölt, ezért a Core Web Vitals mutatói szinte maguktól rendben vannak.
A webalkalmazás egészen más állat.
Bejelentkezés, jogosultságkezelés, felhasználói adatok tárolása, üzleti logika a szerveren. Itt már adatbázist tervezel, jelszókezelést oldasz meg és jogosultsági szinteket definiálsz.
Egy webapp nem azért kerül többe, mert több oldalból áll.
Azért, mert minden funkció mögött hibakezelés, biztonsági megfontolás és tesztelés van.
Webshop és MVP külön történet
A webshop papíron marketingoldal termékekkel.
A gyakorlatban egy tranzakciós rendszer, aminél a hibáknak forintosítható ára van.
Fizetési szolgáltató integrálása, készletkezelés, szállítási módok, számlázás, visszáru folyamata. Ehhez jön a jogi réteg: ÁSZF, adatvédelmi tájékoztató, elállási jog tájékoztatása, cookie-kezelés.
Ezt egyetlen AI weboldalkészítő sem oldja meg helyetted, legfeljebb sablonszöveget ad, amit ügyvéddel kell átnézetni.
Az MVP viszont szándékosan félkész.
A célja nem a szép termék, hanem egy üzleti feltételezés gyors validálása valós felhasználókon.
Itt más a minőségi elvárás és más az időkeret is. Egy MVP fejlesztés akkor sikeres, ha négy-hat héten belül választ ad arra, hogy fizetne-e valaki a megoldásért.
Ha félévig csiszolod, már nem MVP, csak egy lassú termékfejlesztés.
A rossz technológiaválasztásnak két iránya van, és mindkettő fáj.
Az egyik a túlfejlesztés: egyedi React alkalmazás egy háromoldalas fodrászat-bemutatkozóra, havi karbantartási költséggel.
A másik az alulméretezés: ingyenes sablon egy komoly B2B ajánlatkérési folyamatra, ahol a lassú betöltés és a mérhetetlen űrlap havi szinten visz el megkereséseket.
A kérdés tehát nem az, hogy melyik a menőbb megoldás.
Az, hogy mekkora üzleti tét van az oldalon.
AI eszköz, no-code vagy egyedi fejlesztés?
Három út vezet ma működő weboldalhoz, és mindháromnak van létjogosultsága. A választást nem az ízlésed dönti el, hanem három tényező: a tét nagysága, a saját időd értéke és az, hogy mennyi karbantartást vállalsz be.
| Szempont | AI weboldalkészítő | No-code / low-code | Egyedi fejlesztés |
|---|---|---|---|
| Tipikus példa | Generatív AI alapú oldalépítők, sablonos landing page generátorok | Webflow, Framer, WordPress építők, FlutterFlow | Astro, Next.js, React, egyedi backend |
| Elkészülési idő | Néhány óra és 2 nap között | 1 és 4 hét között | 3 héttől több hónapig |
| Költségszerkezet | Havi 0 és 15 ezer Ft közötti előfizetés | Havi 10 és 40 ezer Ft közötti díj, plusz tanulási idő | Egyszeri fejlesztési díj, plusz alacsony üzemeltetés |
| Technikai SEO kontroll | Korlátozott, sokszor nincs hozzáférés a fejlécekhez | Közepes, a strukturált adatok részben állíthatók | Teljes, sitemap, robots.txt, schema, sebesség |
| Core Web Vitals | Változó, gyakran nehéz sablonok | Jó, ha tudatosan optimalizálod | Kiváló, mérhetően a legjobb eredmények |
| Egyedi funkció, API-integráció | Gyakorlatilag nincs | Előre megírt integrációkkal, korlátokkal | Bármi, amit az üzleti logika megkövetel |
| Kihordási idő | 6 és 12 hónap | 2 és 3 év | 3 és 5 év |
| Kinek ajánlott | Egyéni vállalkozó, szabadúszó, teszt kampány | Kisvállalkozás saját belsős erőforrással | Növekedő cég, ahol a weboldal bevételt termel |
Mikor elég egy AI-eszköz
Ha a weboldal feladata annyi, hogy létezzen és hiteles legyen, akkor egy AI weboldalkészítő tökéletes választás. Önéletrajz jellegű portfólió, szabadúszó bemutatkozó, egyetlen szolgáltatást hirdető landing page, rendezvény oldala.
Ilyenkor a legnagyobb kockázat nem a technológia, hanem a halogatás.
Egy két nap alatt élő oldal többet ér, mint egy fél évig tervezgetett tökéletes koncepció.
Mikor éri meg szakembert bevonni
Amint az oldalon pénz múlik, változik a képlet.
Ha organikus forgalomból szeretnél érdeklődőt, ha versenyzel kulcsszavakra, ha fizetett hirdetést küldesz az oldalra, akkor a betöltési sebesség és a konverzióoptimalizálás forintban mérhető.
Itt működik jól a hibrid modell, amit a CompletApp is alkalmaz: az AI végzi a kutatást, a tartalmi vázlatokat, a wireframe-változatokat és a kódváz nagy részét.
A stratégiát, az UX/UI tervezést, a biztonsági átvizsgálást, az akadálymentesítést és az élesítést ember felügyeli.
Az eredmény a kettő legjobb része: gyorsaság AI-val, felelősség emberrel.
A briefingtől az élesítésig
A legtöbb AI-val készült oldal nem a technológia miatt bukik meg.
Azért, mert senki nem írta le előre, mit várunk tőle.
Az AI ugyanis pontosan olyan jó, amilyen pontos a bemenet.
Célmeghatározás és vállalkozói brief
A brief nem formalitás.
Ez az a dokumentum, ami eldönti, hogy az AI használható szöveget ír vagy általános marketingzagyvalékot.
- Rögzítsd az üzleti célt egy mondatban. Ne azt írd, hogy “legyen weboldalam”, hanem azt, hogy “havi 15 ajánlatkérés érkezzen könyvelési szolgáltatásra Budapestről”.
- Írd le a célközönséget konkrétan. Kor, szakma, cégméret, a probléma, amivel keres téged, és az a kifogás, ami miatt habozik. Két bekezdés elég, de legyen valós.
- Határozd meg a konverziós célt. Űrlapkitöltés, telefonhívás, időpontfoglalás vagy letöltés. Egy fő cél legyen, maximum egy másodlagos.
- Nézz meg három versenytársat. Jegyezd fel, milyen üzenettel nyitnak, mit ígérnek, mennyire konkrétak az árak. Ezt add oda az AI-nak kontextusként.
- Döntsd el a hangnemet. Tegezés vagy magázás, ez magyar oldalon nem stílusdetail, hanem pozicionálás. Vegyes megszólítás azonnal amatőrnek hat.
Tartalom és design AI-val
A prompt engineering itt nem varázslat, hanem struktúra.
Egy jó prompt öt blokkból áll, és mindegyiket te töltöd ki.
- Szerep és cél. “Magyar nyelvű konverzióorientált szövegírót kérek egy könyvelőiroda landing page-éhez, amelynek célja az ajánlatkérés.”
- Célközönség és kontextus. Illeszd be a briefből a célközönség leírását és a versenytárs-jegyzeteket. Ez a lépés különbözteti meg a használható szöveget a sablontól.
- Kulcsszavak és kötelező elemek. Add meg a 3 és 5 közötti fő kulcsszót, a kötelező szekciókat (hajtás fölötti ajánlat, előnyök, folyamat, árak, GYIK, kapcsolat) és a CTA szövegét.
- Hangnem és korlátok. “Magázódj, kerüld a szuperlatívuszokat, ne találj ki számadatot, ne ígérj garanciát.” Az utolsó két tiltás menti meg a projektet a hallucinációtól.
- Kimeneti formátum. Kérj szekciónkénti bontást címmel, alcímmel, bekezdésekkel és karakterkorláttal. Ebből egyenesen építhető a wireframe.
- Iterálj legalább háromszor. Az első generálás soha nem a végleges. Kérj rövidebb változatot, konkrétabb példákat, magyar piaci kontextust.
A design oldalán az AI ma jó vázlatot ad: szekciósorrendet, wireframe-logikát, komponensötleteket.
A tipográfiai hierarchiát, a kontrasztarányokat és a mobilnézet finomhangolását viszont érdemes átnézni, mert ezeken múlik a webes akadálymentesség és a konverzió.
Utána jön a magyar nyelvű szerkesztés, amit szinte mindenki kihagy:
- Következetes megszólítás. Olvasd át úgy, hogy csak a tegezést és magázást figyeled. Az AI szekciók között szeret átváltani.
- Szakmai terminológia. A magyar fordítások gyakran pontatlanok, például “ügyfélszerzés” helyett “ügyfélakvizíció” olyan helyen, ahol senki nem így beszél.
- Helyi példák. NAV, ÁFA-körös vállalkozás, KATA, magyar szállítók. Ezek adnak hitelességet, és ezeket a modell magától ritkán találja el.
- Hallucinált állítások kiszűrése. Minden számadatot, díjat, évszámot és jogszabályi hivatkozást ellenőrizz. Ha nincs forrás, töröld.
- Üres töltelékmondatok. Az AI szeret általánosságokban beszélni. Minden mondatnál kérdezd meg: ez igaz lenne a versenytársra is? Ha igen, írd át.
Ellenőrzés, tesztelés, élesítés
Az AI-generált kód működni szokott.
Ez nem ugyanaz, mint hogy jó.
- Olvasd át a generált kódot. Keresd a fölösleges függőségeket, a beágyazott API-kulcsokat és a semmitmondó címkéket. Egy kitett kulcs napok alatt költséget generálhat.
- Tedd verziókezelés alá. Git nélkül nincs visszaút egy rossz módosítás után. Ez akkor is igaz, ha egyedül dolgozol.
- Építs staging környezetet. Élesben soha ne teszteljük. Egy különálló, keresőmotorok elől letiltott másolat percek alatt beállítható.
- Tesztelj valódi mobilon. Ne csak a böngésző fejlesztői eszközében. Android és iOS, Chrome és Safari, lassú mobilneten is.
- Mérd a sebességet. Futtass Lighthouse vizsgálatot, nézd a Core Web Vitals hármast, és javítsd a legnagyobb képet, a betűtípusok betöltését, a fölösleges szkripteket.
- Próbáld végig a konverziós utat. Töltsd ki az űrlapot, ellenőrizd, megérkezik-e a levél, működik-e a köszönőoldal és a mérés.
- Élesítés után indexeltess. Google Search Console tulajdon létrehozása, sitemap beküldése, majd az első hét indexelési hibáinak átnézése.
Reális időbecslés: egy egyszerű bemutatkozó oldal AI-val 1 és 3 nap között elkészül.
Egy üzletileg használható, tesztelt, mérhető oldal tartalommal és jogi dokumentumokkal jellemzően 3 és 6 hét között van.
Amit a legtöbb útmutató kihagy
Itt válik el egymástól az a két oldal, amelyik első ránézésre teljesen egyformának tűnik.
Az egyik hoz érdeklődőt, a másik nem.
A különbség szinte mindig ebben a három témában rejlik.
Technikai SEO és indexelhetőség
Egy oldal, amit a Google nem talál meg vagy nem ért meg, gyakorlatilag nem létezik.
Sok AI-generált oldal pont itt bukik el, mert a szerkesztő nem ad hozzáférést a technikai rétegekhez.
A minimum, ami nélkül ne menj élesbe: logikus oldalstruktúra maximum három kattintásnyi mélységgel, egyedi title és meta description minden oldalon, működő sitemap.xml és jól beállított robots.txt.
Ezután jönnek a strukturált adatok.
Egy helyi szolgáltatónál a LocalBusiness séma, GYIK szekciónál a FAQPage séma, szolgáltatásoldalon a Service séma.
Ezek nem rangsorolási varázsszerek, de láthatóbbá teszik a találatot, és az AI-alapú keresőknek is egyértelmű jelzést adnak.
A Google Search Console beállítása öt perc, és ez az egyetlen hely, ahol valós adatot látsz arról, milyen kérdésekre jelensz meg.
Aki ezt kihagyja, vakon optimalizál.
És egy dolog, amit a mesterséges intelligencia nem tud helyetted megoldani: az egyedi tartalmi érték.
Saját eset, saját ár, saját folyamat, saját fotó.
Az AI-szöveg jó váz, de az egyediség tőled jön.
Kié a kód, a domain, a tartalom?
Ezt a kérdést mindenki elfelejti feltenni.
Egészen addig, amíg platformot akar váltani.
A tulajdonjog platformonként radikálisan eltér.
Zárt rendszerű AI oldalépítőknél gyakran nem viheted el a forráskódot, csak az oldal exportált tartalmát, esetenként még azt sem használható formában.
No-code eszközöknél részleges export általában van, de a rendszerhez kötött logika ott marad.
Négy dolgot rögzíts írásban, mielőtt bárkivel szerződsz:
- A domain a te nevedre szóljon. Ez a legfontosabb digitális vagyontárgyad, és soha ne az ügynökség regisztrátori fiókjában éljen.
- A forráskód átadható legyen. Kérj hozzáférést a repository-hoz, ne csak egy zip fájlt az átadáskor.
- A designfájlok is a tieid. Figma vagy hasonló forrásfájl nélkül minden későbbi módosítás újratervezés.
- Az AI által írt szöveg jogi státusza. A tisztán gépi generált tartalom szerzői jogi védelme világszerte vitatott, az emberi szerkesztés viszont értéket és védhetőséget ad hozzá.
Adatvédelem és mérés indulás után
A GDPR nem a nagyvállalatok problémája.
Egy egyszemélyes vállalkozás kapcsolati űrlapja is személyes adatot kezel.
A gyakorlati minimum három elemből áll.
Működő cookie-banner, ami tényleg blokkolja a nem szükséges szkripteket a hozzájárulás előtt, nem csak megjeleníti a szöveget.
Adatkezelési tájékoztató, amit az űrlapnál is jelölnöd kell checkboxszal.
És egy lista arról, milyen harmadik felek kapnak adatot.
Ez utóbbi az, ami AI-korszakban új.
Ha beépítesz egy AI chatbotot vagy egy külső API-t, az ügyfeleid üzenetei kikerülnek egy másik szolgáltatóhoz, esetleg az EU-n kívülre.
Ezt jelezni kell a tájékoztatóban.
Az indulás pedig nem a projekt vége.
Az első valódi munka utána kezdődik.
Állíts be eseménymérést az űrlapküldésre, a telefonszám kattintásra és a fontosabb gombokra.
Definiálj konverziós célt, hogy számokban lásd, mi működik.
Havonta nézd meg a Search Console adatait, és írj tartalmat azokra a kérdésekre, amikre már megjelensz, de rosszul.
Ha havi 500 látogató fölé kerülsz, indulhat az A/B tesztelés a főcímen és a CTA-n.
Addig inkább a tartalomra és a sebességre koncentrálj, mert kis mintán a tesztek nem adnak megbízható eredményt.
Merre indulj el ma?
Foglaljuk össze a döntést két mondatban.
Ha gyors, kis kockázatú bemutatkozó oldalra van szükséged, nyiss meg ma egy AI weboldalkészítőt, és két nap múlva legyen élő oldalad.
Ha viszont üzleti cél, organikus forgalom vagy konverzió a tét, akkor az AI-first, de ember által ellenőrzött fejlesztés térül meg jobban. Ez a modell (amit például a CompletApp is követ) az AI-t gyorsításra használja, a stratégiát, az UX-et, a technikai SEO-t és a biztonságot viszont szakember viszi.
Van egy feladat, amit ma este megcsinálhatsz, és nincs hozzá szükséged semmilyen eszközre.
Írj meg egy egyoldalas vállalkozói briefet.
Három kérdésre válaszolj benne: kinek szól az oldal, mit akarsz, hogy a látogató csináljon, és miből tudod majd, hogy sikerült.
Ez a fél óra többet ér, mint tíz óra promptolás vaktában.
Mert a technológia oldala 2026-ban már nem szűk keresztmetszet.
A mesterséges intelligencia napokra rövidít le hónapokat, és ez valódi előny.
De az, hogy az oldalad hiteles-e, hogy megbízik-e benned egy idegen három másodperc alatt, és hogy tényleg érdeklődőt hoz-e… az továbbra is emberi döntéseken múlik.
Az AI adja a sebességet.
Az eredményt te teszed hozzá.
