Ugrás a tartalomra

10 bemásolható utasítás (prompt) a weboldaladhoz: kezdőlap, rólunk, szolgáltatások

Kiss Ernő

Kiss Ernő

6 perc olvasás

Egymásra rakott üres chatbuborékok, egy másolódó kártya, és mellette összeálló weboldal-vázlat

Röviden

  • Egy jó utasítás mindig pontosan megmondja, mit kérsz az AI-tól.
  • A szögletes zárójeles részeket cseréld ki a saját vállalkozásod adataira.
  • Egy üzenetben egy kérést adj, így könnyebb ellenőrizni az eredményt.
  • Kitalált véleményt, hamis referenciát és bizonytalan adatot ne kérj az AI-tól.

Egy jó utasítás szűk feladatot ad

Ha már elindultál Lovable-ben vagy más AI-eszközben, könnyen elakadhatsz ott, hogy mit írj neki. A „csinálj egy weboldalt” túl tág kérés. Ilyenkor az AI sok mindent kitalál helyetted, te pedig nehezebben javítod ki.

A prompt weboldal készítésnél egyszerűen azt jelenti, hogy szöveges utasítást adsz az AI-nak. Nem kell fejlesztőként gondolkodnod. Elég, ha pontosan leírod, milyen vállalkozásról van szó, kinek szól az oldal, és mit szeretnél módosítani.

A szögletes zárójeles részeket mindig cseréld ki a saját adataidra. Például a [vállalkozás típusa] helyére írd azt, hogy fodrászat, könyvelőiroda, masszázsszalon vagy bármi, ami rád igaz.

Hasznos szabály: egy üzenetben egy kérés. Ha egyszerre kérsz új kezdőlapot, színcserét, mobil javítást és új űrlapot, nehezebb lesz átnézni, mi változott. Inkább haladj kis lépésekben, és minden kör után nézd meg az eredményt.

Más cégek AI-eszközeinél az árak és a csomagok gyakran változnak. Ha döntened kell egy eszközről, a pontos árat mindig az adott eszköz saját oldalán nézd meg. A promptok használatához viszont nem kell ártáblázatot bemásolnod.

Az első üzenet keretet ad

Az első kérésed adja meg az oldal alapját. Itt nem apró javítást kérsz, hanem leírod, milyen weboldalt szeretnél. Ez segít az AI-nak abban, hogy ne teljesen általános oldalt készítsen.

A teljes oldal első leírása

Utasítás: „Készíts weboldaltervet a [vállalkozás típusa] számára. A vállalkozás neve: [név]. A célcsoport: [kinek segítesz]. Az oldal fő célja: [időpontfoglalás / ajánlatkérés / telefonhívás / vásárlás / bemutatkozás]. Legyenek ezek az oldalak vagy szakaszok: kezdőlap, szolgáltatások, rólunk, gyakori kérdések, kapcsolat. A hangnem legyen [közvetlen / szakértő / nyugodt / barátságos], és ne használjon túl bonyolult szavakat. Mást ne változtass.”

Ez az utasítás akkor jó, amikor még csak az alapot rakod össze. Megadja a vállalkozást, a célcsoportot, az oldalak listáját, a fő célt és a hangnemet is.

Ha ai prompt weboldal készítéshez kell, ez legyen az egyik első üzeneted. Utána már külön kérheted a kezdőlap, a szolgáltatások vagy a kapcsolat rész javítását.

A kezdőlap gyorsan mondjon ígéretet

A kezdőlap teteje dönti el, hogy az olvasó érti-e, jó helyen jár. Itt nem hosszú bemutatkozás kell, hanem egy világos mondat és egy következő lépés. A gomb szövege mondja meg, mit tegyen az érdeklődő.

Kezdőlap nyitó része

Utasítás: „Írd át a kezdőlap legfelső részét. Legyen benne egy mondatos ígéret arról, hogyan segít a [vállalkozás típusa] a [célcsoport] számára. Alatta legyen egy rövid magyarázó mondat, majd egy gomb ezzel a céllal: [ajánlatkérés / időpontfoglalás / telefonhívás]. A szöveg legyen egyszerű, konkrét és magyarul természetes. Mást ne változtass.”

Ez arra jó, hogy a kezdőlap nyitása ne legyen homályos. Az olvasó gyorsan látja, miben segítesz, és mit tud megtenni következő lépésként.

Szolgáltatások szakasz kártyákkal

Utasítás: „Készíts szolgáltatások szakaszt kártyákkal a kezdőlapra. A szolgáltatások: [szolgáltatás 1], [szolgáltatás 2], [szolgáltatás 3]. Minden kártyán legyen rövid cím, egy érthető leírás, és egy mondat arról, kinek ajánlott. Ne írj be kitalált árat, és ne ígérj biztos eredményt. Mást ne változtass.”

Ez a kérés rendezett formába teszi, amit kínálsz. A kártya itt egy külön dobozszerű blokk, amelyben egy szolgáltatás röviden, átláthatóan szerepel.

Ha saját fix áras szolgáltatásod van, azt külön megadhatod az AI-nak. Ha nem adsz meg árat, ne engedd, hogy kitaláljon egyet.

Bizalmat saját szöveggel építs

A rólunk oldal nem akkor jó, ha nagy szavakat használ. Akkor jó, ha a te hangodon szól, és segít az érdeklődőnek megérteni, miért fordulhat hozzád. Itt különösen fontos, hogy ne legyen művi a szöveg.

Rólunk oldal saját hangon

Utasítás: „Írj rólunk oldalt a [vállalkozás neve] számára. Használd ezt az alapanyagot: [ide másold be a saját történetedet, tapasztalatodat, szemléletedet]. A szöveg legyen emberi, közvetlen és hiteles. Ne találj ki díjakat, ügyfeleket, múltbeli eredményeket vagy idézeteket. Mást ne változtass.”

Ez abban segít, hogy az oldal ne sablonos bemutatkozás legyen. Az AI a te alapanyagodból dolgozik, nem saját történeteket gyárt.

Vélemények csak valódi szövegekből

Utasítás: „Készíts vélemények szakaszt kizárólag ezekből a valódi véleményekből: [ide másold be a valódi ügyfélvéleményeket]. Rövidítsd és rendezd őket olvasható formába, de ne változtasd meg a jelentésüket. Ha nincs elég valódi vélemény, inkább írj egy helyet későbbi véleményeknek, de ne találj ki semmit. Mást ne változtass.”

Ez azért fontos, mert kitalált véleményt soha ne kérj. A hamisnak tűnő szöveg rontja a bizalmat, és később neked kell magyaráznod.

Gyakori kérdések összeállítása

Utasítás: „Készíts gyakori kérdések szakaszt a [vállalkozás típusa] weboldalára. A kérdések ezekre a témákra térjenek ki: [árak / időpontfoglalás / szolgáltatás menete / lemondás / helyszín / online ügyintézés]. A válaszok legyenek rövidek, közérthetők és ne ígérjenek biztos eredményt. Mást ne változtass.”

Ez leveszi a terhet az érdeklődőről, mert előre megválaszolja a tipikus bizonytalanságokat. Neked is segít, mert kevesebb alapinformációt kell külön elmagyaráznod.

Kapcsolat és kinézet pontosítása

Miután a fő szövegek megvannak, érdemes a használhatóságot javítani. Ide tartozik a kapcsolatfelvétel, a mobil nézet, a színek, a betűk és a túl bonyolult szöveg egyszerűsítése. Ezeket külön kérd, mert mind más típusú feladat.

Kapcsolat telefon gombbal és űrlappal

Utasítás: „Készíts kapcsolat szakaszt a weboldalra. Legyen benne telefon gomb ezzel a számmal: [telefonszám], űrlap ezekkel a mezőkkel: [név, e-mail, üzenet], és térkép a következő címhez: [cím]. A kapcsolatfelvétel legyen könnyen érthető, és a gombok szövege legyen magyarul természetes. Mást ne változtass.”

Ez a rész segít abban, hogy az érdeklődő ne keresse a kapcsolatfelvételi lehetőségeket. Az űrlap itt egy kitölthető mezőkből álló rész, amelyen keresztül üzenetet tud küldeni.

Mobil nézet javítása

Utasítás: „Javítsd a mobil nézetet ezen az oldalon. A szövegek legyenek jól olvashatók, a gombok legyenek könnyen megnyomhatók, a képek ne lógjanak ki, és a szakaszok között legyen elég tér. Asztali nézetben ne módosíts semmit. Mást ne változtass.”

Ez akkor hasznos, ha telefonon zsúfolt vagy szétesett az oldal. A mobil nézet azt jelenti, ahogy a weboldal kisebb kijelzőn látszik.

Színek és betűk igazítása

Utasítás: „Igazítsd a weboldal színeit és betűit a logóhoz. A logó fő színei: [színek]. A stílus legyen [letisztult / elegáns / barátságos / prémium / játékos]. Ne használj túl sokféle betűtípust, és a szöveg maradjon jól olvasható. Mást ne változtass.”

Ez egységesebb megjelenést ad az oldalnak. Nem kell grafikus szavakat használnod, elég megadni a logó színeit és a kívánt hangulatot.

A szöveg egyszerűsítése

Utasítás: „Egyszerűsítsd ezt a szöveget úgy, hogy egy kezdő érdeklődő is gyorsan megértse: [ide másold be a szöveget]. Rövidítsd a hosszú mondatokat, cseréld le a bonyolult kifejezéseket közérthető szavakra, és őrizd meg az eredeti jelentést. Mást ne változtass.”

Ez a kérés akkor jó, ha a szöveg túl hivatalosnak vagy túl szakmainak érződik. Az egyszerűbb szöveg nem butább, hanem könnyebben követhető.

Először kis részletet javíts

Első lépésként ne az egész weboldalt akard újraíratni. Válassz ki egy részt, például a kezdőlap nyitását vagy a szolgáltatások szakaszt, és csak arra másolj be egy utasítást. Így látod, hogyan reagál az AI, és könnyebb eldönteni, jó irányba haladsz-e.

Ha Lovable-ben dolgozol, a Lovable-nek adott utasítás (prompt) legyen minél konkrétabb. Írd bele, melyik részt módosítsa, milyen szöveget használjon, és mit ne változtasson. A „Mást ne változtass” mondat azért hasznos, mert csökkenti az esélyét annak, hogy az AI olyan részekhez is hozzányúljon, amelyeket már rendben találsz.

Ha közzététel előtt tartasz, nézd át az oldalt a 12 pontos ellenőrzőlista alapján. Ez segít végigmenni azokon a gyakorlati pontokon, amelyeket könnyű kihagyni, amikor már nagyon szeretnéd élesíteni az oldalt.

Ha inkább vezetett módon haladnál, a tanfolyam kész szövegsablonokat ad a weboldaladhoz. Az ai-weboldalkeszites.hu a Webrakéta Kft. oldala azoknak a kezdőknek, akik maguk szeretnének AI-val weboldalt készíteni, főleg Lovable-lel.

Ha technikai résznél akadsz el, külön segítséget is kérhetsz saját domainhez, Google-beállításokhoz, űrlaphoz és céges e-mailhez, online fizetéshez, WordPress-átültetéshez vagy 45 perces online konzultációhoz. A lényeg, hogy először egy kis, ellenőrizhető lépést tegyél meg, ne mindent egyszerre próbálj rendbe hozni.

Gyakori kérdések

Kapcsolódó cikkek

Készítsd el a saját weboldaladat AI-jal

A tanfolyamon lépésről lépésre, videón mutatjuk meg az egész folyamatot, programozás nélkül.

AI weboldal készítés lépésről lépésre: ingyenes útmutató