Cikkek - 2025. szeptember 26.
A látogatóid nem olvassák végig az oldaladat. A kutatások szerint a szöveg alig 20-28 százaléka jut el hozzájuk. Mutatjuk, mit mond a tudomány, és hogyan írj úgy, hogy a lényeg mégis célba érjen.
Az emberek nem olvassák végig a weboldalakat. Nem lustaságból, nem figyelmetlenségből. Egyszerűen így működik az agy, amikor képernyőn keres információt. Ha tudod, hogyan néz és olvas a látogatód, úgy írhatsz, hogy a lényeg biztosan célba érjen.
Ez a cikk kutatási adatokra épül, és konkrét, azonnal alkalmazható módszereket mutat ahhoz, hogy a weboldalad szövege ne csak szép legyen, hanem működjön is.
A Nielsen Norman Group több mint 25 éve vizsgálja szemmozgás-követéses (eye tracking) kutatásokkal, hogyan olvassák az emberek a weboldalakat. Az eredmény évtizedek óta ugyanaz: a felhasználók a weboldalak szövegeinek mindössze 20-28 százalékát olvassák el. Az emberek nem szóról szóra olvasnak, hanem átfutják az oldalt, és kulcsszavakat keresnek.
A látogatók átlagosan 54 másodpercet töltenek egy weboldalon. Ez nem sok idő. Ráadásul az első 10-20 másodpercben döntenek arról, hogy maradnak-e. Ha a válasz nem egyértelműen "igen" 15-20 másodpercen belül, a legtöbben továbbmennek.
Ez nem azt jelenti, hogy rossz a szöveged. Azt jelenti, hogy a weben másképp működik az olvasás, mint papíron. Az ember a képernyő előtt ösztönösen mérlegel: megéri elolvasni, vagy sem. Ha a szöveg túl hosszú, bonyolult vagy nehezen áttekinthető, a látogató továbblép, mert az erőfeszítés túl nagynak tűnik az elérhető haszonhoz képest.
A Nielsen Norman Group legismertebb felfedezése az úgynevezett F-mintázat. 232 felhasználó szemmozgását vizsgálták több ezer weboldalon, és azt találták, hogy az olvasási viselkedés meglepően egységes volt.
Az F-mintázat három elemből áll:
Először a felhasználók vízszintesen végigolvassák a tartalom felső részét. Ez adja az F betű felső vízszintes vonalát. Ezután lejjebb lépnek, és egy második, rövidebb vízszintes mozdulattal újra átolvassák a szöveget. Végül függőlegesen végigfutnak az oldal bal oldalán.
Magyarul: a látogatód elolvassa az első sort vagy kettőt, aztán egyre kevesebbet olvas el sorról sorra, és végül már csak a bal oldali szavakat futja át.
Ez több mint egy érdekesség. A felhasználók idejük 80 százalékát az oldal bal felén töltik. Ez azt jelenti, hogy amit a szöveged jobb oldalára vagy az oldal aljára teszel, azt szinte senki nem fogja elolvasni, hacsak a struktúra nem vezeti oda a tekintetét.
Fontos: az F-mintázat nem cél, hanem tünet. Az F-mintázat valójában a felhasználó "vészforgatókönyve", amikor a design nem vezeti eléggé végig a tartalmon. Ha az oldal jól van felépítve, a látogató nem esik vissza F-mintázatba, hanem a címsorok és kiemelések mentén halad.
Az F-mintázat mellett a kutatók több más mintázatot is azonosítottak:
Rétegelt torta mintázat (layer cake): a látogató csak a címsorokat és alcímeket olvassa, a közöttük lévő szöveget átugorja. A szemmozgás-térkép vízszintes csíkokat mutat, mint egy torta rétegei. Ez akkor fordul elő, amikor a felhasználó gyorsan keresi a releváns szekciót.
Z-mintázat: a tekintet a bal felsőtől a jobb felsőig halad, aztán átlósan a bal alsóig, majd ismét jobbra. Ez jellemzőbb a képi elemekben gazdag, kevés szövegű oldalakon, például landing page-eken.
Flipperpálya mintázat (pinball): a keresőeredmény-oldalak vizuálisan összetettebbé váltak (képek, térképek, videók, kiemelt szövegdobozok), és a felhasználók tekintete ezek között ugrál, mint egy flipperpályán.
Ezeket nem kell megjegyezned. Az a lényeg, hogy minden mintázatnál közös: az emberek szelektálnak, keresnek, és ahol nem találnak azonnal releváns információt, ott továbblépnek.
Az átlagos oldallátogatás 54 másodperc. De a kritikus ablak ennél sokkal rövidebb: az első 10 másodpercben a látogató gyorsan átfutja az oldalt, hogy eldöntse, megéri-e maradnia.
Van egy érdekes fordulópont is: ha valaki 30 másodpercnél tovább marad, jelentősen megnő az esélye, hogy sokkal hosszabb időt tölt az oldalon. A felhasználó ilyenkor már megerősítette magában, hogy a tartalom releváns a számára.
Ez két dolgot jelent a gyakorlatban. Egyrészt az a rész, amit görgetés nélkül látsz az oldal betöltésekor, döntő fontosságú. Ha ott nem kap egyértelmű választ arra, hogy "jó helyen vagyok-e?", már nem fogja megvárni, hogy a harmadik bekezdésben kiderüljön. Másrészt ha sikerül átlépned a 30 másodperces küszöböt, a látogató valószínűleg végigolvassa a szekciót vagy akár az egész oldalt.
Ha elfogadod, hogy a látogatód nem fog mindent elolvasni, a kérdés megfordul: nem az a cél, hogy mindent elolvassanak, hanem az, hogy amit elolvasnak, az legyen a lényeg.
Fordított piramis: a lényeg mindig előre kerüljön. A webes szövegírás az újságírásból örökölte a fordított piramis elvét. A legfontosabb információ kerül az elejére, utána a kiegészítő részletek, végül a háttérinformáció. Így a felhasználó megérti a lényeget, függetlenül attól, mennyit olvas el. Ez nem leegyszerűsítés, hanem tisztelet a látogató ideje iránt.
Egy bekezdés, egy gondolat. Nielsen kutatásai szerint a felhasználók átugorják a bekezdés további gondolatait, ha az első pár szó nem ragadja meg a figyelmüket. Ne zsúfolj két-három gondolatot egyetlen bekezdésbe. Ha egy új gondolat jön, az új bekezdést érdemel.
Beszélő címsorok, nem kreatív szójátékok. A rétegelt torta mintázatnál láttuk: sokan csak a címsorokat olvassák. Ha a címsor informatív ("Hány másodperced van, hogy meggyőzd a látogatót?"), a felhasználó címsorok alapján is megérti az oldal tartalmát. Ha a címsor kreatív, de üres ("Az idő pénz"), senki nem fogja tudni, miről szól az adott szekció.
Kulcsszavak kiemelése, de mértékkel. A Nielsen Norman Group kutatásai szerint a kiemelések és a tömör fogalmazás akár 47-58 százalékkal javítják a használhatóságot. De ha mindent kiemelsz, semmi nem lesz kiemelve. Egy bekezdésben legfeljebb egy félkövér kifejezés legyen, az is a kulcsinformáció, nem egy általános jelző.
Felsorolások, ahol indokolt. A felsorolások segítenek a gyors szkennelésben, de nem helyettesítik a gondolatot. Egy felsorolás akkor jó, ha valóban párhuzamos elemeket tartalmaz, és minden pont önmagában is értelmes.
Egyszerű nyelv, rövid mondatok, aktív szerkezet. Ne azért írj egyszerűen, mert a látogatód nem elég okos. Azért, mert a képernyő előtt mindenki gyorsabban akar haladni. A rövid mondatok, az aktív szerkezet és a hétköznapi szavak csökkentik az olvasás nehézségét. Az a teszt: ha egy nyolcadikos nem érti, írd át.
Az egyik leggyakoribb hiba, hogy a weboldal szövegét az írja, aki a legjobban érti a témát. Az ügyvezető, a szakértő, a fejlesztő. Az eredmény: olyan szöveg születik, amit csak az ért, aki írta.
Ez nem túlzás. Gondolj bele: egy orvosi rendelő weboldalán a páciensek keresnek időpontot, nem orvosok. Egy ipari beszállító oldalán a beszerzési vezető néz szét, aki nem mérnök. Egy webáruházban az vásárol, aki használni akarja a terméket, nem az, aki gyártja.
A gyakorlatban ez azt jelenti, hogy a weboldalad szövegét nem a szakmádnak írod, hanem annak, aki a Google-ből érkezik, és 10 másodperc alatt el akarja dönteni, hogy jó helyen van-e.
Jó teszt: olvasd fel hangosan a szöveget valakinek, aki nem dolgozik az iparágadban. Ha kérdez, vagy nem érti az első hallásra, a szöveg túl bonyolult. Ha egy nyolcadikos nem érti, a vásárlód sem fogja. Nem azért, mert nem elég okos, hanem mert nem erre akar energiát fordítani.
Néhány jellemző hiba, amit gyakran látunk:
A szabály egyszerű: ne a legokosabban írj, hanem a legérthetőbben. A jó webes szöveg nem butít le, hanem tiszteletben tartja az olvasó idejét és figyelmét.
A webes forgalom több mint fele mobilról érkezik. A mobilos felhasználó kisebb képernyőn olvas, gyakran mást is csinál közben, és még kevesebb türelme van.
Mobilon a hajtás feletti terület különösen kicsi. Ami desktopon két-három mondat, mobilon az egész képernyőt betölti. Ha az első képernyőnyi tartalom nem világos és nem releváns, a felhasználó nem görget tovább.
Gyakorlati szabályok mobilra: rövidebb bekezdések (2-3 mondat), nagyobb sortávolság, kontrasztos és olvasható betűméret, a legfontosabb üzenet az első képernyőn. Ha a szöveged mobilon 5-10 másodperc alatt nem adja át a lényeget, nem fog működni.
A rövid szöveg nem mindig a jobb szöveg. Vannak helyzetek, amikor a felhasználó kifejezetten hosszú, részletes tartalmat keres: szakmai cikkek, útmutatók, összehasonlítások, oktatóanyagok. Ilyenkor a hosszabb tartalom nem probléma, ha jól van strukturálva.
A kulcs az, hogy minden szekció önállóan is értelmes legyen. A látogató ritkán olvassa végig a cikket az elejétől a végéig. Belép valahol, elolvas egy szekciót, és vagy továbbolvas, vagy elmegy. Ha az egyes szekciók önmagukban is értelmesek, a tartalom akkor is működik, ha a felhasználó csak egy részét olvassa el.
Ezért fontos a tartalomjegyzék vagy az ugró linkek hosszabb cikkeknél: a felhasználó azonnal a releváns részhez tud ugrani. Ezért fontosak az informatív alcímek: ha a felhasználó végigfutja az alcímeket, megérti az egész cikk ívét.
A keresők (Google, de egyre inkább az AI alapú keresők is) azt a tartalmat rangsorolják magasabbra, amelyet a felhasználók hasznosnak találnak. Ha a látogatóid 10 másodperc után visszamennek a keresőbe, az rossz jel. A kereső úgy értelmezi: a tartalom nem volt releváns.
A jól strukturált, könnyen szkennelhető szöveg tehát nem csak a felhasználói élményt javítja, hanem a keresőben is jobban teljesít. Néhány konkrét szempont:
A H1 és H2 címsorok tartalmazzon kulcsszavakat, természetes módon. Ne erőltetett kulcsszóhalmozás legyen, hanem informatív, beszélő címsor, amiben benne van a téma.
A meta description (az a 1-2 mondatos szöveg, ami a Google találati listában megjelenik) legyen 1-2 mondatos összefoglalás, ami önállóan is értelmes. Az AI keresők (ChatGPT, Gemini, Perplexity) ezeket a tömör válaszokat emelik ki.
A gyakran ismételt kérdések szekció (GYIK) duplán működik: egyrészt a felhasználónak ad gyors választ, másrészt az AI keresők ebből a struktúrából közvetlenül tudnak válaszolni.
Mielőtt bármit publikálsz a weben, futtasd végig ezeken a kérdéseken:
A legfontosabb üzenet az első két mondatban benne van? Ha a látogató csak az elsőt olvassa el, megérti, miről szól az oldal?
A címsorok informatívak? Ha valaki csak a címsorokat olvassa végig, megkapja a lényeget?
Vannak félkövér kiemelések? Csak a kulcsszavak vannak kiemelve, vagy minden második szó?
Rövidek a bekezdések? Egy bekezdés maximum 3-4 mondat?
Mobilon 5-10 másodperc alatt átjön a lényeg? Nézd meg telefonon az oldalt, mielőtt publikálod.
A betűméret és a kontraszt elegendő? Az olvashatóság az alap: ha nehéz elolvasni, senki nem fogja.
Van felsorolás ott, ahol párhuzamos elemeket sorolsz? De csak ott, nem reflexből mindenhol?
A CTA (felhívás cselekvésre) egyértelmű? A látogató tudja, mi a következő lépés?
Mennyi szöveget olvasnak el az emberek egy weboldalon?
A kutatások szerint a felhasználók átlagosan a weboldal szövegének 20-28 százalékát olvassák el. Ez nem lustaság: a weben az emberek gyorsan keresik a releváns információt, és átugorják, ami nem tűnik annak.
Mennyi idő alatt dönti el valaki, hogy marad-e az oldalon?
Az első 10-20 másodperc kritikus. Ha a látogató ebben az időben nem találja meg, amit keres, továbblép. Az átlagos oldallátogatás 54 másodperc.
Mi az az F-mintázat?
Az F-mintázat egy szemmozgás-követéses kutatásokban azonosított olvasási minta. A felhasználó vízszintesen elolvassa az oldal tetejét, aztán lejjebb egy rövidebb részt olvas el vízszintesen, végül függőlegesen fut végig az oldal bal oldalán. Az elnevezés az F betű alakjára utal.
Hogyan lehet elkerülni, hogy a látogató csak átfussa az oldalt?
Teljesen megakadályozni nem lehet, és nem is kell. A cél az, hogy a szöveged úgy legyen felépítve, hogy az átfutás közben is célba érjen a lényeg: informatív címsorokkal, kulcsszó-kiemelésekkel, rövid bekezdésekkel és fordított piramis struktúrával.
A hosszabb szöveg mindig rosszabb a weben?
Nem. A hosszabb tartalom is működhet, ha jól van strukturálva, minden szekció önállóan is értelmes, és a felhasználó könnyedén megtalálja, ami érdekli. Szakmai cikkeknél, útmutatóknál, összehasonlításoknál a részletes tartalom kifejezetten elvárás.
A weben nem az nyer, aki többet ír, hanem aki gyorsabban ad értelmet. A szöveged nem attól lesz jó, hogy hosszú és részletes, hanem attól, hogy a látogató megtalálja benne, amit keres, akkor is, ha csak 20 másodpercet tölt az oldalon.
Minden, amit ebben a cikkben olvastál, egy gondolatra vezethető vissza: tervezd a szöveget úgy, ahogy a felhasználó olvassa, ne úgy, ahogy te írnád. Ha az oldalad címsorokból és kiemelésekből is érthető, jó úton jársz.
Források, további olvasnivaló:
Nielsen Norman Group: How People Read on the Web (nngroup.com)
Nielsen Norman Group: F-Shaped Pattern of Reading Web Content (nngroup.com)
Smashing Magazine: F-Shape Pattern And How Users Read (smashingmagazine.com)
Egyedi weboldalakat, webáruházakat, webalkalmazásokat és arculatokat tervezünk és fejlesztünk, amelyek mérhető üzleti eredményt hoznak. 650 projekt, 31 díj, 2006 óta.
Ismerd meg a stúdiónkatA látogatóid másodpercek alatt eldöntik, megbíznak-e az oldaladban. Mutatjuk, milyen UX megoldások építenek bizalmat, hogyan mérheted, és melyek a leggyakoribb hibák, amik azonnal lerombolják.
Az egyedi illusztráció nem dekoráció. Stratégiai eszköz, ami megkülönböztet, bizalmat épít és üzleti eredményt hoz. Mutatjuk, mikor éri meg, hogyan működik, és milyen hibákat kerülj el.
Egy jó weboldal nem a designnal kezdődik, hanem a kérdésekkel. Miért? Mert nem weboldalt készítünk, hanem rendszert, ami üzleti célt szolgál, és konverziót hoz.
Egy jól felépített landing oldal nem csak szép, hanem üzletileg is működik. Megmutatjuk, hogyan építs olyan oldalt, ami megszólítja a látogatót, felkelti az érdeklődést és valóban konverziót hoz.
