Ugrás a tartalomra

Ingyenes útmutató

AI weboldal készítés lépésről lépésre: így készítheted el a saját weboldaladat mesterséges intelligenciával

Néhány éve egy saját weboldalhoz programozó, sok pénz és hetek kellettek. Ma egy AI-weboldalkészítővel egy hétköznapi vállalkozó is el tudja készíteni az első változatot, egyszerű mondatokkal. Ez az útmutató végigvisz az egész úton: mire képes az AI, mire nem, mit készíts elő, hogyan kérj jól, és mi kell ahhoz, hogy az oldalad tényleg ügyfeleket hozzon.

Nem kell hozzá szakmai háttér. Ahol mégis szakszó jön, egy mondatban elmagyarázzuk.

1. Mi az az AI-weboldalkészítő, és mire képes ma?

Az AI-weboldalkészítő egy olyan program, amelynek elmondod, milyen oldalt szeretnél, és ő megépíti. Nem sablonokból kell válogatnod, és nem kell elemeket húzogatnod: leírod szavakkal, hogy például „egy fodrászat weboldala, árlistával, nyitvatartással és időpontkérő gombbal”, és pár perc múlva látod az eredményt.

Ilyen eszköz például a Lovable, amivel a tanfolyamon is dolgozunk. A lépések nagy része más eszközökre is igaz, mert mindegyik hasonlóan működik: te beszélsz, az AI épít, te pedig javíttatsz rajta, amíg tetszik.

Egy egyszerű bemutatkozó oldalra ma már nagyon jók ezek az eszközök. Szép, modern megjelenést adnak, mobilon is jól mutatnak, és bármikor újra módosíthatod őket, ugyanúgy, egyszerű utasítással.

  • Bemutatkozó oldal vállalkozásnak, több aloldallal
  • Szolgáltatások és árak listája
  • Kapcsolati adatok, térkép, telefon gomb
  • Ajánlatkérő vagy jelentkezési űrlap
  • Egyszerű portfólió vagy képgaléria

2. Mire NEM elég (webáruház, foglalás, egyedi funkciók)

Az AI-weboldalkészítő nem varázspálca. Ami egy egyszerű oldalnál könnyű, az egy bonyolultabb rendszernél hamar falakba ütközik. Jobb ezt az elején tudni, mint félúton csalódni.

Ha az alábbiak közül valamelyikre van szükséged, az AI-val elkészítheted az alapokat, de a működő részhez valószínűleg szakember kell:

  • Webáruház sok termékkel, készletkezeléssel, szállítási módokkal
  • Időpontfoglaló rendszer naptárral, emlékeztetőkkel
  • Online fizetés, számlázás
  • Bejelentkezős ügyfélfelület vagy tagsági rendszer
  • Összekötés más programokkal, például könyvelővel vagy CRM-mel

Ez nem azt jelenti, hogy ezekről le kell mondanod. Csak annyit, hogy itt érdemes megállni, és segítséget kérni, mert itt már pénzről, személyes adatokról és biztonságról van szó.

3. Mit készíts elő: szövegek, képek, logó, cél

A legjobb AI is csak abból tud dolgozni, amit kap. Ha előre összeszeded az anyagokat, az első változat sokkal közelebb lesz ahhoz, amit szeretnél, és kevesebbet kell javítgatni.

Mielőtt elkezded, írd le egy dokumentumba ezeket:

  • A cél: mit tegyen a látogató? Hívjon fel, kérjen ajánlatot, foglaljon időpontot?
  • Kinek szól az oldal: kik az ügyfeleid, honnan jönnek?
  • A szolgáltatásaid listája, néhány mondattal és, ha szeretnéd, árakkal
  • Elérhetőségek: telefon, e-mail, cím, nyitvatartás
  • Néhány saját fotó (a munkáidról, a helyről), és ha van, a logód
  • Két-három weboldal, aminek tetszik a stílusa

A saját fotók sokat számítanak. Egy valódi kép a műhelyedről vagy a munkáidról sokkal hitelesebb, mint bármilyen általános kép.

4. Hogyan írj jó utasítást (promptot) az AI-nak, 3 mintával

A prompt az a szöveg, amit az AI-nak írsz. Minél pontosabban mondod el, mit szeretnél, annál jobb lesz az eredmény. Nem kell különleges nyelvezet: úgy írj, mintha egy segítőkész kollégának magyaráznál.

Három szabály, ami szinte mindig segít: mondd meg, kinek szól az oldal; mondd meg, mi a látogató célja; és kérj egyszerre csak egy-két változtatást. Íme három minta, amit átírhatsz a saját vállalkozásodra:

1. Az első változat
Készíts weboldalt egy budapesti fodrászatnak. A célközönség 25-55 éves nők a kerületből. Oldalak: főoldal, szolgáltatások és árak, rólunk, kapcsolat. A főoldalon legyen egy jól látható „Időpontot kérek” gomb. A stílus legyen világos, meleg és barátságos.
2. Finomítás
A főoldal címét cseréld erre: „Frizura, amivel jól érzed magad”. Az alatta lévő szöveg legyen rövidebb, legfeljebb két mondat. A gombok színe legyen a mostaninál melegebb narancs.
3. Mobil javítás
Telefonon a szolgáltatások kártyái egymás alatt jelenjenek meg, ne egymás mellett. A telefonszám legyen kattintható, hogy egy érintéssel hívni lehessen.

Ha valami nem úgy sikerül, ne írd újra az egészet. Mondd el, mi tetszik, és mi nem. Az AI emlékszik az előzményekre, és onnan folytatja.

5. Mobilnézet, sebesség, olvashatóság: amit mindig ellenőrizz

A látogatóid nagy része telefonról jön. Ezért mielőtt bárkinek megmutatod az oldalt, nézd meg a saját telefonodon is, ne csak a számítógépen.

  • Nem csúszik-e oldalra a tartalom, nincs-e levágott szöveg vagy kép?
  • Elég nagy-e a betű, kényelmesen olvasható-e?
  • A gombok elég nagyok-e ahhoz, hogy ujjal is könnyű legyen megnyomni?
  • Gyorsan betöltődik-e? A túl nagy képek lassítják az oldalt.
  • Egy mondatból kiderül-e, mit csinálsz és kinek?
  • Megérkezik-e hozzád az űrlapon küldött próbaüzenet?

Kérd meg egy ismerősödet is, hogy próbálja ki. Ami neked egyértelmű, az egy idegennek nem mindig az.

6. Saját domain és közzététel röviden

A domain a weboldalad címe, például fodraszkati.hu. Ezt egy domainregisztrátornál veheted meg, általában éves díjért. Ha már van, akkor is be kell állítani, hogy az AI-eszközben készült oldaladra mutasson.

Ehhez a domain DNS-beállításait kell módosítani. A DNS olyan, mint egy telefonkönyv: megmondja, hogy a cím melyik oldalhoz tartozik. A legtöbb AI-eszköz pontos lépéseket ad hozzá, de ha még sosem csináltál ilyet, könnyű elakadni.

Közzététel után ellenőrizd, hogy az oldal https-sel működik (a böngésző lakatot mutat), és hogy a „www” és a „www” nélküli cím is ugyanoda visz.

7. Hogy megtaláljanak: Google Cégprofil, Search Console

Attól, hogy az oldal elkészült, még nem fogják megtalálni. A Google-nek tudnia kell róla, és értenie kell, miről szól.

A Google Cégprofil (régebbi nevén Google Cégem) az a doboz, ami a térképen és a keresőben megjelenik a vállalkozásodról: név, cím, nyitvatartás, vélemények. Helyi vállalkozásnak ez sokszor fontosabb, mint maga a weboldal.

A Search Console a Google ingyenes eszköze, ahol beküldheted az oldaladat, és láthatod, milyen keresésekre jelenik meg. Érdemes beállítani, amint az oldal a saját domaineden fut.

Fontos: a Google-helyezést senki nem tudja garantálni. Amit tehetsz: legyen minden oldalnak saját címe és leírása, ugyanazok legyenek az adataid a Cégprofilban és az oldalon, és írj érthetően arról, amit csinálsz.

8. Jogi alapok: adatkezelési tájékoztató, süti-banner

Ez a fejezet általános tájékoztatás, nem jogi tanács. A saját helyzetedről kérdezz szakembert.

Ha az oldaladon van űrlap, akkor személyes adatot gyűjtesz (név, e-mail, telefonszám). Ehhez általában adatkezelési tájékoztató kell, ami elmondja, mit kezelsz, miért és meddig. Az űrlap mellé tegyél egy jelölőnégyzetet, amivel a látogató jelzi, hogy elolvasta.

Ha mérőkódot használsz (például Google Analytics) vagy hirdetsz, általában süti-hozzájárulás is kell: egy kis ablak, ahol a látogató eldönti, engedi-e a mérést. A mérés csak elfogadás után indulhat.

9. Mennyibe kerül?

Egy AI-val készült weboldal költsége néhány részből áll. Az AI-eszközt általában ingyen ki lehet próbálni, a közzétételhez viszont többnyire havidíjas csomag kell. A pontos árat mindig az eszköz saját oldalán nézd meg, mert gyakran változik. Ehhez jön a domain éves díja.

A mi áraink:

  • AI-weboldal gyorstalpaló tanfolyam: 18 000 Ft + áfa (bruttó 22 860 Ft), egyszeri díj
  • Weboldal a saját domaineden: 29 000 Ft-tól + áfa
  • Google Cégprofil, Search Console, Analytics: 49 000 Ft-tól + áfa
  • Működő űrlap és céges e-mail: 25 000 Ft-tól + áfa
  • Online fizetés a weboldalon: 85 000 Ft-tól + áfa
  • Átültetés WordPressbe: 120 000 Ft-tól + áfa
  • Online konzultáció (45 perc): 15 000 Ft + áfa

Minden szolgáltatásnál előre, fix árat mondunk, mielőtt bármit csinálunk.

10. Mikor éri meg szakembert hívni

A legtöbb dolgot meg tudod csinálni magad. De van néhány helyzet, amikor egy szakember órák helyett percek alatt megoldja azt, amin te napokig gondolkodnál, és közben nem kockáztatsz semmit.

  • Ha a domain beállítása után hibaüzenetet látsz, vagy nem jelenik meg az oldal
  • Ha az űrlap üzenetei nem érkeznek meg, vagy levélszemétbe kerülnek
  • Ha pénzt szeretnél fogadni az oldalon
  • Ha mérni szeretnél, és ehhez süti-hozzájárulás kell
  • Ha az oldal annyira megnőtt, hogy WordPressbe költöztetnéd
  • Ha egyszerűen nincs időd vele foglalkozni

Nem kell mindent egyszerre. Kezdheted egy 45 perces konzultációval, ahol közösen átnézzük, hol tartasz, és mi a következő lépés.

Akár ma elkezdheted.

Tanuld meg lépésről lépésre, vagy bízd ránk a befejezést.