Szövegek, képek és üzenetek, amelyek megszólítják a látogatóidat
Tartalom
4. lépés – Töltsük meg élettel a weboldalad
Mitől lesz igazán a tiéd a weboldalad?
A weboldal váza már elkészült. Megtervezted az oldalakat, kialakítottad a menüt, és már azt is tudod, milyen úton szeretnéd végigvezetni a látogatóidat.
De egy jól felépített váz még csak a kezdet.
Most kerülnek a helyükre azok a szövegek, képek, címek, gombok és üzenetek, amelyek elmesélik, ki vagy, mivel foglalkozol, és hogyan tudsz segíteni annak, aki megérkezik hozzád.
A tartalom adja meg a weboldalad saját hangját és személyiségét.
Nem kell írónak lenned
Sokan éppen a tartalomnál akadnak el.
Mit írjak a főoldalra? Hogyan mutatkozzak be? Mennyi szöveg kell? Mit tegyek a képek mellé? Mitől lesz érdekes, amit írok?
Ne aggódj, ezeket nem kell egyszerre kitalálnod.
Webivel most oldalról oldalra haladunk, és együtt összegyűjtjük, mit szeretnél elmondani a látogatóidnak. Megnézzük, hogyan írj egyszerűen és érthetően, milyen képeket érdemes választanod, és hogyan vezesd el a látogatót a következő lépéshez.
Webi tippje 🦋
Ne egy weboldalnak írj. Képzeld magad elé azt az embert, akinek segíteni szeretnél – és beszélj hozzá.
👤 Mielőtt írni kezdesz: kihez beszélsz?
Amikor weboldalszöveget írunk, könnyű abba a hibába esni, hogy saját magunkról kezdünk mesélni.
Pedig a látogató elsősorban arra kíváncsi: "Mit találok itt, és ez hogyan segíthet nekem?"
Ezért mielőtt egyetlen mondatot is megírnál, képzeld magad elé azt az embert, akit szeretnél megszólítani.
Gondold végig: Ki ő? Mit keres? Milyen problémára szeretne megoldást? Mi fontos számára? Mitől érezné azt, hogy jó helyen jár?
Minél jobban látod magad előtt a látogatódat, annál könnyebb lesz megtalálnod azokat a szavakat is, amelyek valóban hozzá szólnak.
✏️ Most te jössz!
Most, hogy már tudod, miért fontos ismerned azt, aki a weboldaladra érkezik, próbáld meg te is elképzelni a saját látogatódat.
Webi készített neked egy egyszerű munkalapot, amely néhány kérdéssel végigvezet ezen a gondolkodáson.
Nem kell bonyolult válaszokat adnod, és nincs jó vagy rossz megoldás. Írd le azt, ami elsőként eszedbe jut!
A kitöltött munkalap később nagy segítségedre lesz, amikor elkezdjük megírni a főoldalad, a bemutatkozásod és a szolgáltatásaid szövegét.
Webi tippje 🦋
Ne egy "célcsoportot" próbálj elképzelni. Gondolj egy valódi emberre, aki segítséget keres, és éppen megérkezett a weboldaladra.
Töltsd le, nyomtasd ki, és szánj rá néhány nyugodt percet!
👀 Mit lát először a látogatód?
Amikor valaki megérkezik a weboldaladra, még nem kezd el mindent alaposan végigolvasni. Először csak körülnéz, és néhány másodperc alatt megpróbálja eldönteni:
Jó helyen járok?
Nekem szól ez az oldal?
Megtalálhatom itt, amit keresek?
Ezért a weboldalad első képernyőjének – vagyis annak a résznek, amit görgetés nélkül először meglát – különösen fontos szerepe van.
Nem kell itt mindent elmondanod. Éppen ellenkezőleg: néhány jól megválasztott szó sokkal többet érhet, mint egy hosszú bemutatkozás.
A látogatónak elsőként azt segíts megérteni, mit kínálsz, kinek szól, és miért érdemes tovább nézelődnie.
Webi tippje 🦋
Képzeld el, hogy csak 5 másodperced van elmondani, miről szól a weboldalad. Mit szeretnél, hogy a látogatód mindenképpen megértsen?
💬 Mit mondasz az első 5 másodpercben?
A látogatód már megérkezett. Most rajtad a sor, hogy néhány szóval megmutasd neki: jó helyen jár.
Sok weboldal kezdődik olyan mondatokkal, amelyek szépen hangzanak, de valójában keveset árulnak el.
Például:
❌ "Üdvözlünk weboldalunkon!"
Kedves mondat, de a látogató még mindig nem tudja, hol jár, mit kínálsz, és miért érdemes maradnia.
Vagy:
❌ "Minőség és megbízhatóság egy helyen."
Jól hangzik – de vajon fodrászról, könyvelőről, építőipari cégről vagy webáruházról van szó?
Próbáljuk meg inkább így:
✅ "Lovaglás kicsiknek és nagyoknak – az első lépésektől a magabiztos nyeregig."
Már az első mondatból kiderül, mit kínálunk és kinek szól.
Vagy:
✅ "Segítek elkészíteni első weboldaladat – érthetően, lépésről lépésre."
A látogató rögtön felismerheti: "Ez nekem szól!"
Webi tippje 🦋
A jó főcím nem feltétlenül ötletes. Inkább legyen világos.
🧩 Próbáld ki Webi egyszerű képletét!
MIT KÍNÁLSZ? + KINEK? + MILYEN EREDMÉNNYEL?
Például:
Weboldalkészítési segítség
- kezdőknek
- hogy önállóan elkészíthessék első weboldalukat
⬇️
"Készítsd el első weboldaladat – egyszerűen, lépésről lépésre."
✏️ Most te jössz!
Most próbáld meg megfogalmazni a saját weboldalad első üzenetét.
Ne azon gondolkodj, hogyan hangzana a legszebben. Először csak válaszolj erre a három kérdésre:
1. Mit kínálsz?
Milyen szolgáltatást, terméket, tudást vagy segítséget talál nálad a látogató?
2. Kinek kínálod?
Kinek szeretnél elsősorban segíteni?
3. Mit nyer vele?
Miben lesz jobb, könnyebb vagy más az élete, ha téged választ?
🧩 Rakd össze!
Mit kínálok + Kinek + Milyen eredménnyel
Nem baj, ha az első mondat még nem tökéletes. Írj akár 3–4 különböző változatot, majd olvasd el őket úgy, mintha most járnál először ezen a weboldalon.
Webi kérdése 🦋
Ha csak ezt az egy mondatot olvasnád el, megértenéd, miről szól a weboldal?
Ha igen, jó úton jársz. 💙
🖥️ Építsük fel az első képernyőt!
Az első képernyő az a rész, amelyet a látogatód görgetés nélkül meglát, amikor megérkezik a weboldaladra.
Itt még nem kell mindent elmondanod. Az a feladatod, hogy néhány másodperc alatt segíts neki megérteni, hol jár, mit talál nálad, és merre indulhat tovább.
Ehhez általában négy dologra lesz szükséged:
① Főcím
Ez hordozza a legfontosabb üzenetedet. Legyen rövid, jól érthető és könnyen észrevehető.
② Kiegészítő szöveg
Egy-két mondatban pontosíthatod, hogyan segítesz, mit kínálsz, vagy miért érdemes tovább maradni.
③ Cselekvésre ösztönző gomb
Mutasd meg a látogatónak, mi legyen a következő lépés.
Például:
Megnézem a szolgáltatásokat • Időpontot foglalok • Ajánlatot kérek • Tudj meg többet
④ Kép vagy vizuális elem
Olyan képet válassz, amely erősíti az üzenetedet, és segít első pillantásra megérezni, miről szól az oldal.
Webi tippje 🦋
Az első képernyő ne akarjon mindent elmondani. A feladata az, hogy a látogatód kíváncsi legyen a következőre.
🧱 Mi kerüljön a főoldal további részeire?
A főoldalad olyan, mint egy rövid bemutatkozó útvonal. Ahogy a látogató lefelé görget, minden újabb blokk egy következő kérdésére válaszol.
Mit kínálsz?
Mutasd meg röviden a legfontosabb szolgáltatásaidat vagy termékeidet.
Miért érdemes téged választania?
Emeld ki azt, amiben különleges vagy, vagy ahogyan segíteni tudsz neki.
Ki áll a weboldal mögött?
Egy rövid, személyes bemutatkozás segít abban, hogy a látogató közelebb kerüljön hozzád.
Mások mit mondanak rólad?
Ha vannak véleményeid, referenciáid vagy korábbi munkáid, mutass belőlük néhányat.
Mi legyen a következő lépés?
A főoldal végén se hagyd magára a látogatót. Mondd el neki, hogyan tud kapcsolatba lépni veled, ajánlatot kérni, időpontot foglalni vagy vásárolni.
Webi tippje 🦋
Gondolj úgy a főoldaladra, mint egy beszélgetésre. Minden blokk válaszoljon egy kérdésre, ami a látogatód fejében éppen felmerülhet.
👋 Mit írj a "Rólam" oldalra?
Sokaknak ez az egyik legnehezebb szöveg.
Amikor magunkról kell írni, könnyű két végletbe esni: vagy alig mondunk valamit, vagy hosszasan elmeséljük az egész történetünket.
Pedig a látogatód nem az önéletrajzodat keresi.
Arra kíváncsi, ki vagy, miért foglalkozol azzal, amit csinálsz, és miért bízhat benned.
Egy jó bemutatkozásban ezekre érdemes válaszolnod:
Ki vagy?
Mutatkozz be egyszerűen és természetesen.
Mivel foglalkozol?
Mondd el érthetően, miben tudsz segíteni.
Miért ezt az utat választottad?
Egy rövid személyes történet közelebb hozhat a látogatóhoz.
Mi fontos számodra a munkádban?
Itt jelenhetnek meg az értékeid és az, ahogyan dolgozol.
Miért bízhat benned?
Tapasztalat, végzettség, szakértelem, eredmények vagy akár a saját történeted is erősítheti a bizalmat.
💙 Ne csak magadról írj!
Van egy apró trükk: a Rólam oldal valójában nem csak rólad szól.
Kapcsold össze a saját történetedet a látogatód történetével is.
Például ahelyett, hogy csak ezt írod:
"Több mint 10 éve foglalkozom kerttervezéssel."
folytathatod így:
"Több mint 10 éve foglalkozom kerttervezéssel, és abban segítek, hogy a kerted ne csak szép legyen, hanem olyan hely, ahol valóban jólesik időt tölteni."
Így a szakmai tapasztalatod rögtön jelentést kap a látogató számára is.
Webi tippje 🦋
Nem kell tökéletesnek mutatnod magad. Legyél érthető, hiteles és emberi. Az emberek szeretnek tudni valamit arról, kitől vásárolnak vagy kitől kérnek segítséget.
✏️ Most te jössz! – Írd meg a bemutatkozásodat
Nem tudod, hogyan kezdj hozzá? Webi segít. 💙
Elsőre ne próbálj hosszú és tökéletes bemutatkozást írni. Válaszolj erre az öt egyszerű kérdésre, majd fűzd össze a válaszaidat.
🦋 Webi 5 mondatos bemutatkozó receptje
1. Ki vagy?
"Szia, … vagyok, …"
2. Mivel foglalkozol?
"Abban segítek, hogy…"
3. Miért fontos számodra, amit csinálsz?
"Azért választottam ezt az utat, mert…"
4. Hogyan dolgozol, mi fontos neked?
"A munkám során számomra különösen fontos…"
5. Mit szeretnél adni a hozzád fordulóknak?
"Azt szeretném, hogy…"
🧩 Most fűzd össze!
Olvasd el egymás után az öt mondatodat. Máris elkészült a bemutatkozásod első változata!
Ezután nyugodtan alakíts rajta: törölj, egészítsd ki, cseréld ki azokat a szavakat, amelyek nem hangzanak természetesen.
Akkor jó, ha úgy érzed: ezt akár személyesen is elmondanám valakinek.
Webi tippje 🦋
Olvasd fel hangosan a bemutatkozásodat! Ha túl hivatalosnak, bonyolultnak vagy idegennek érzed, egyszerűsíts rajta. A saját hangod többet ér, mint a tökéletesnek tűnő mondatok.
🔄 Ugyanaz az ember – mégis egészen más bemutatkozás
Nézzünk egy egyszerű példát! Mindkét szöveg ugyanarról a vállalkozóról szól, mégis egészen más érzést kelt.
❌ ELŐTTE – amikor csak adatokat sorolunk
"Kovács Anna vagyok, kozmetikus. 2016 óta dolgozom a szakmában. Több szakmai továbbképzésen vettem részt. Arckezelésekkel, bőrápolással és kozmetikai tanácsadással foglalkozom. Szalonomban várom régi és új vendégeimet."
Nincs vele különösebb baj – de szinte bármelyik kozmetikus oldalán olvashatnánk.
💙 UTÁNA – amikor már az emberhez is szólunk
"Szia, Anna vagyok. Abban segítek, hogy jobban megismerd a bőröd igényeit, és megtaláld azt az ápolást, amely valóban neked való.
Több mint tíz éve dolgozom kozmetikusként, és ez idő alatt megtanultam, hogy nincs két egyforma bőr – ezért nálam a kezelés mindig veled kezdődik.
Fontos számomra, hogy ne csak szebb bőrrel, hanem egy kis feltöltődéssel is távozz tőlem. Szeretném, ha nálam nyugodtan kérdezhetnél, és együtt találnánk meg azt, ami neked a legjobb."
🔎 Mi változott?
A második változatban továbbra is megtudjuk, ki Anna és mivel foglalkozik, de közben azt is érezzük:
"Érti, mire lehet szükségem."
Nem egyszerűen felsorolja a tapasztalatait, hanem megmutatja, mit jelentenek ezek a látogató számára.
Webi tippje 🦋
A bemutatkozásodban ne csak azt mondd el, mit csináltál eddig. Mutasd meg azt is, mit jelent mindez annak, aki éppen téged keres.
🦋 Most már tudod, mit szeretnél mondani. Ideje megmutatni!
Eddig megterveztük, kinek írsz, megfogalmaztuk a weboldalad legfontosabb üzenetét, felépítettük a főoldal tartalmát, és azt is megnéztük, hogyan lehet személyesebb, hitelesebb bemutatkozást írni.
Most tegyük félre egy kicsit a jegyzeteket, és térjünk vissza a weboldalunkhoz!
A következő lépésekben Webivel megmutatjuk, hogyan kerül mindez a gyakorlatban is a helyére a Webnode szerkesztőjében.
💻 Most együtt kipróbáljuk:
hogyan módosítsunk egy címet és szöveget • hogyan cseréljünk képet • hogyan kezeljük a gombokat • hogyan adjunk új tartalmi blokkot az oldalhoz
Webi tippje 🦋
Nem kell előre tökéletes szövegekkel rendelkezned. A weboldalad tartalmát később is bármikor alakíthatod. Most az a cél, hogy megtanuld magabiztosan használni a szerkesztőt.
💻 Így szerkeszd a tartalmat a Webnode-ban
A Webnode-ban a legtöbb tartalmat közvetlenül az oldalon szerkesztheted. Nem kell külön szerkesztőfelületet keresned – egyszerűen vidd az egeret arra az elemre, amelyet módosítani szeretnél.
✏️ Szöveg módosítása
Kattints a módosítani kívánt címre vagy szövegre, és máris átírhatod a sablon eredeti tartalmát a sajátodra.
Ezért sem kell ragaszkodnod a kiválasztott sablon szövegeihez. A sablon csak egy kiindulási alap.
🖼️ Kép cseréje
A sablonban található képeket ugyanígy lecserélheted. Kattints a képre, és válaszd ki a saját fotódat vagy a használni kívánt képet.
A képek környezetében további tartalmi elemeket is elhelyezhetsz, így az eredeti elrendezést is tovább alak
⚙️ Egy teljes szakasz módosítása
Ha az egeret a szakasz fölé viszed, a jobb oldalon megjelenik a fogaskerék.
Itt a teljes szakasz beállításait módosíthatod – például a hátterét –, illetve további speciális beállításokat is elérhetsz.
➕ Új szakasz hozzáadása
Ha új tartalmi részt szeretnél, keresd a szakaszok között megjelenő + jelet.
Kattintás után a Webnode több kész elrendezást kínál, például:
egyszerű szöveg • szöveg és kép • két vagy három hasáb • fejléc • szolgáltatások • árlista • képgaléria • kapcsolat • portfólió • hírlevél-feliratkozás • referenciák
Válaszd ki azt, amelyik legjobban illik ahhoz a tartalomhoz, amit éppen el szeretnél helyezni.
Webi tippje 🦋
Ne azért válassz egy szakaszt, mert jól néz ki – először gondold végig, mit szeretnél elmondani benne. A tartalomhoz válassz elrendezést, ne fordítva!
💙 Kattints, próbáld ki, alakítsd!
A Webnode egyik nagy előnye kezdőként, hogy a változtatásokat rögtön látod az oldalon.
Ha valami nem tetszik, alakíts rajta. Cseréld ki a szöveget, próbálj másik képet vagy válassz más elrendezést.
A weboldaladnak nem kell elsőre tökéletesnek lennie.
🦋 Készen áll a weboldalad tartalma?
Nézz csak vissza, mennyi mindent megtettünk!
Már nem egy üres weboldal áll előtted. Tudod, kihez szeretnél szólni, megfogalmaztad a legfontosabb üzenetedet, átgondoltad a főoldalad tartalmát, és azt is megtanultad, hogyan alakíthatod mindezt a Webnode szerkesztőjében.
Mielőtt továbbrepülünk, ellenőrizd, hogy minden fontos alap a helyére került-e.
✅ Webi ellenőrzőlistája
□ Tudom, kiket szeretnék megszólítani a weboldalammal.
□ Megfogalmaztam a weboldalam fő üzenetét.
□ Tudom, mit szeretnék megmutatni az első képernyőn.
□ Átgondoltam a főoldalam fontosabb tartalmi blokkjait.
□ Elkészítettem a bemutatkozásom első változatát.
□ Tudom, hogyan módosíthatok szöveget és képet a Webnode-ban.
□ Tudok új szakaszt hozzáadni az oldalamhoz.
Ha valamelyik még nincs teljesen készen, semmi gond. A weboldal tartalma nem kőbe vésett – később bármikor visszatérhetsz hozzá és tovább alakíthatod.
Webi tippje 🦋
Most még ne a tökéletességet keresd. Legyen világos, érthető és valóban a tiéd – finomítani később is tudsz rajta.
🎨 A tartalom a helyén. Most adjunk neki stílust!
A szövegek és képek már mesélnek rólad. A következő állomáson azt nézzük meg, hogyan lesz mindebből egységes, szép és könnyen használható weboldal.
Színek, betűtípusok, képek, elrendezések és apró részletek – most kezd igazán kialakulni a weboldalad saját világa.