{"id":3266,"date":"2026-07-05T03:30:01","date_gmt":"2026-07-05T03:30:01","guid":{"rendered":"https:\/\/webshopbirodalom.hu\/blog\/landing-oldal-keszites-ami-tenyleg-konvertal-7-tipp-a-gyakorlatbol\/"},"modified":"2026-07-05T07:30:02","modified_gmt":"2026-07-05T07:30:02","slug":"landing-oldal-keszites-ami-tenyleg-konvertal-7-tipp-a-gyakorlatbol","status":"publish","type":"post","link":"https:\/\/webshopbirodalom.hu\/blog\/landing-oldal-keszites-ami-tenyleg-konvertal-7-tipp-a-gyakorlatbol\/","title":{"rendered":"Landing Oldal K\u00e9sz\u00edt\u00e9s, Ami T\u00e9nyleg Konvert\u00e1l: 7 Tipp A Gyakorlatb\u00f3l"},"content":{"rendered":"

A landing oldal k\u00e9sz\u00edt\u00e9s, ami t\u00e9nyleg konvert\u00e1l: 7 tipp a gyakorlatb\u00f3l<\/strong> nem egy titok, hanem egy tudom\u00e1nyos megk\u00f6zel\u00edt\u00e9s, amelyet megismerhet\u00fcnk \u00e9s alkalmazhatunk. Ha jelenleg \u00fagy \u00e9rzed, hogy a landing oldalaid nem teljes\u00edtenek olyan j\u00f3l, ahogy szeretn\u00e9d, vagy azt gondolod, hogy csak a nagyobb c\u00e9geknek van konvert\u00e1l\u00f3 oldalaik, akkor ez az \u00fatmutat\u00f3 Neked sz\u00f3l.<\/p>\n

Az interneten sz\u00e1mos cikk l\u00e9tezik a landing oldalak tervez\u00e9s\u00e9r\u0151l, de ezek t\u00f6bbs\u00e9ge csak \u00e1ltal\u00e1nos tan\u00e1csokkal foglalkozik, nem pedig konkr\u00e9t, gyakorlatb\u00f3l sz\u00e1rmaz\u00f3 tud\u00e1ssal. Mi azonban a legjobb eredm\u00e9nyeket el\u00e9r\u0151 oldalak m\u00f6g\u00f6tti m\u00f3dszereket mutatjuk meg, hogy te is alkalmazni tudd azokat.<\/p>\n

Mi\u00e9rt buknak el a legt\u00f6bb landing oldalak? Az igazs\u00e1g, amit nem szeretnek hallani<\/h2>\n

A legt\u00f6bb v\u00e1llalkoz\u00f3 azt hiszi, hogy egy sz\u00e9p landing oldal automatikusan konvert\u00e1lni fog. Ez azonban egy olyan t\u00e9vhit, amelyet valakinek egyszer \u00e9s mindenkorra meg kell c\u00e1folnia. Online V\u00e1llalkoz\u00e1s Ind\u00edt\u00e1s<\/a><\/p>\n

A legt\u00f6bb landing oldal az\u00e9rt konvert\u00e1l rosszul, nem az\u00e9rt, mert sz\u00e9tsz\u00f3r\u00f3dott vagy antisztetikus, hanem az\u00e9rt, mert nem tudod, hogy ki az \u00fcgyfeled, \u00e9s mit akar val\u00f3j\u00e1ban. Az \u00f6sszes diz\u00e1jn- \u00e9s m\u00e1solat-tipp vil\u00e1gon nem seg\u00edt egy nem megfelel\u0151en c\u00e9lzott oldalon.<\/p><\/blockquote>\n

A val\u00f3di probl\u00e9ma az, hogy a legt\u00f6bb landing oldal k\u00e9sz\u00edt\u00e9s sor\u00e1n az emberek a technikai r\u00e9szletekre \u00e9s az eszt\u00e9tik\u00e1ra \u00f6sszpontos\u00edtanak, mik\u00f6zben az igazi \u00e9rdekes k\u00e9rd\u00e9sek megv\u00e1laszolatlanok maradnak. Ki az \u00fcgyfeled? Mit akar? Backlink \u00c9p\u00edt\u00e9s 2026-Ban: M\u0171k\u00f6d\u0151 Technik\u00e1k \u00c9s Elker\u00fclend\u0151 Csapd\u00e1k<\/a><\/p>\n

Mit f\u00e9l? Mit rem\u00e9l?<\/p>\n

A sz\u00e9p design nem el\u00e9g: mi\u00e9rt vesz\u00edtik el az \u00fcgyfeleket az els\u0151 3 m\u00e1sodpercben<\/h3>\n

A sz\u00e9ps\u00e9g megcsal\u00f3ka. Egy gy\u00f6ny\u00f6r\u0171 landing oldal elvesz\u00edtheti az \u00fcgyfel\u00e9t, ha az els\u0151 h\u00e1rom m\u00e1sodpercben nem v\u00e1laszol egy nagyon konkr\u00e9t k\u00e9rd\u00e9sre: „Ez nekem val\u00f3?”<\/p>\n

A kutat\u00e1sok azt mutatj\u00e1k, hogy az \u00e1tlagos internetes felhaszn\u00e1l\u00f3 mind\u00f6ssze 3 m\u00e1sodpercet sz\u00e1n arra, hogy eld\u00f6ntse, maradjon-e egy weboldalon vagy menjen tov\u00e1bb. Ez r\u00f6vid id\u0151 ahhoz, hogy sz\u00e9p k\u00e9peket n\u00e9zegetyen \u2013 de elegend\u0151 ahhoz, hogy felfogja az \u00fczenetet.<\/p>\n

Az eszt\u00e9tika akkor v\u00e1lik fontoss\u00e1, ha m\u00e1r az \u00fczenet m\u0171k\u00f6dik. Az \u00fczenet n\u00e9lk\u00fcl pedig a sz\u00e9ps\u00e9g csak ablak dressing, amely figyelmet t\u00e9r\u00edt el az igazi probl\u00e9m\u00e1r\u00f3l: senki sem akar azt v\u00e1s\u00e1rolni, amit te eladni pr\u00f3b\u00e1lsz.<\/p>\n

Konverzi\u00f3s kudarcok: a leggyakoribb hib\u00e1k, amelyeket te is csin\u00e1lsz val\u00f3sz\u00edn\u0171leg<\/h3>\n

A f\u0151 landing oldal k\u00e9sz\u00edt\u00e9s hib\u00e1k k\u00f6z\u00f6tt az al\u00e1bbiak szerepelnek:<\/p>\n

    \n
  • T\u00fal sok inform\u00e1ci\u00f3 egy oldalon \u2013 az emberek megzavarodnak<\/li>\n
  • \u00d6sszefoly\u00f3 \u00fczenet \u2013 nem egy\u00e9rtelm\u0171, hogy mit kellene csin\u00e1lnia az oldalnak<\/li>\n
  • Gyenge vagy hom\u00e1lyos Call-to-Action (CTA) \u2013 nem vil\u00e1gos, hogy mi a k\u00f6vetkez\u0151 l\u00e9p\u00e9s<\/li>\n
  • Mobilra nem optimaliz\u00e1lt oldal \u2013 a 70% az okostelefonokr\u00f3l nem kap j\u00f3 \u00e9lm\u00e9nyt<\/li>\n
  • Lass\u00fa bet\u00f6lt\u00e9si sebess\u00e9g \u2013 az emberek t\u00fcrelmetlenek<\/li>\n
  • Hi\u00e1nyz\u00f3 t\u00e1rsadalmi bizony\u00edt\u00e9k \u2013 nincs, aki megmondan\u00e1, hogy mi\u00e9rt b\u00edzzon meg az oldalban<\/li>\n
  • Sz\u00e9l \u00fcr\u00fcl\u00e9ses m\u00e1solat \u2013 semmitmond\u00f3 sz\u00f6veg, amely nem nyit meg semmilyen \u00e9rdekl\u0151d\u00e9st<\/li>\n<\/ul>\n

    Ezekhez a hib\u00e1khoz k\u00e9pest azonban vannak olyan landing oldalak, amelyek rendk\u00edv\u00fcli eredm\u00e9nyt \u00e9rnek el. Mi az k\u00fcl\u00f6nbs\u00e9g?<\/p>\n

    1. tipp: Egyetlen c\u00e9l, egyetlen \u00fczenet \u2013 a sz\u00e9tsz\u00f3r\u00f3dott landing oldalak nem konvert\u00e1lnak<\/h2>\n

    Az els\u0151 \u00e9s legfontosabb elv a landing oldal k\u00e9sz\u00edt\u00e9s<\/strong> vil\u00e1g\u00e1ban az, hogy egy oldalnak pontosan egy feladata van. Nem kett\u0151, nem h\u00e1rom \u2013 egy.<\/p>\n

    \"1.<\/figure>\n

    Ha azt szeretn\u00e9d, hogy az emberek megv\u00e1s\u00e1rolj\u00e1k az e-k\u00f6nyvedet, akkor a c\u00e9l az, hogy let\u00f6ltess\u00e9k az e-k\u00f6nyvet. Ha azt szeretn\u00e9d, hogy beiratkozzon az e-mail list\u00e1dba, akkor az c\u00e9l az e-mail c\u00edm begy\u0171jt\u00e9se.<\/p>\n

    Hogyan defini\u00e1lj egy krist\u00e1lytiszta konverzi\u00f3s c\u00e9lt<\/h3>\n

    Az els\u0151 l\u00e9p\u00e9s az, hogy v\u00e1laszolj erre a k\u00e9rd\u00e9sre: „Mi az egyetlen dolog, amelyet szeretn\u00e9k, hogy az l\u00e1togat\u00f3 csin\u00e1ljon?”<\/p>\n

    Ne mondd azt, hogy „szeretn\u00e9k, ha t\u00f6bb embert \u00e9rn\u00e9k el a term\u00e9kemhez” \u2013 ez nem konkr\u00e9t. Helyette: „Szeretn\u00e9k, ha az emberek kit\u00f6lten\u00e9k az ingyenes konzult\u00e1ci\u00f3s forma, hogy besz\u00e9lhess\u00fcnk vel\u00fck k\u00f6zvetlen\u00fcl.”<\/p>\n

    Ez a konkr\u00e9t c\u00e9l lehet\u0151v\u00e9 teszi, hogy minden m\u00e1s d\u00f6nt\u00e9st aszerint hozz meg, hogy seg\u00edt-e vagy nem seg\u00edt az embereknek azt az egyetlen dolgot csin\u00e1lni.<\/p>\n

    Az \u00fczenetkonzisztencia: mi\u00e9rt kell, hogy minden elem ugyanarra mutat<\/h3>\n

    Miut\u00e1n meghat\u00e1roztad a c\u00e9lt, az \u00f6sszes elem \u2013 a c\u00edm, a m\u00e1solat, a k\u00e9pek, a gomb \u2013 ugyanarra az egy c\u00e9lra kell, hogy ir\u00e1ny\u00edtson.<\/p>\n

    Ez azt jelenti, hogy ha egy l\u00e1togat\u00f3 eljut a landing oldaladra, akkor az \u00f6sszes, amit l\u00e1t, meger\u0151s\u00edti azt az \u00fczenetet, amely elvezett oda. Az elvezetett \u00fczenetnek, a landing oldal \u00fczenet\u00e9nek \u00e9s a CTA gombnak mind azonosnak kell lennie.<\/p>\n

    P\u00e9ld\u00e1ul: ha a hirdet\u00e9sben azt mondod „50% kedvezm\u00e9ny az els\u0151 v\u00e1s\u00e1rl\u00e1sra”, akkor a landing oldalon is azt kell, hogy l\u00e1ssa a l\u00e1togat\u00f3. Ne v\u00e1ltozz meg az \u00fczenetet vagy tereld f\u00e9lre.<\/p>\n

    Vizu\u00e1lis hierarchia: hogyan ir\u00e1ny\u00edtsd az l\u00e1togat\u00f3t a kattint\u00e1s fel\u00e9<\/h3>\n

    A vizu\u00e1lis hierarchia azt jelenti, hogy az oldal legfontosabb elemei a legl\u00e1that\u00f3bb helyeken vannak.<\/p>\n

    Ez azt jelenti, hogy a CTA gombodnak nagyobbnak \u00e9s felt\u0171n\u0151bbnek kell lennie, mint a men\u00fcs\u00e1vnak. A f\u0151 \u00fczeneted nagyobb fonttal kell, hogy rendelkezzen, mint a t\u00e1mogat\u00f3 sz\u00f6veg. A h\u0151s k\u00e9ped vagy vide\u00f3d az oldal tetej\u00e9n kell, hogy legyen, nem pedig a v\u00e9g\u00e9n.<\/p>\n

    Az emberek nem logikai l\u00e9nyek \u2013 k\u00e9pekre \u00e9s elrendez\u00e9sre hallgatnak. Haszn\u00e1ld ezt a tud\u00e1st, hogy v\u00e9gigvezesd \u0151ket az \u00faton, amelyet szeretn\u00e9l.<\/p>\n

    2. tipp: Er\u0151teljes c\u00edmsorra \u00e9s szubheaderre van sz\u00fcks\u00e9ged \u2013 a sz\u00f6veg, amely meg\u00e1ll\u00edtja az embereket<\/h2>\n

    A c\u00edm az, amit el\u0151sz\u00f6r olvas az ember, ez\u00e9rt \u00f6ssz-kritikus, hogy m\u0171k\u00f6dj\u00f6n. Ha a c\u00edm nem m\u0171k\u00f6dik, akkor semmi sem fog m\u0171k\u00f6dni \u2013 az oldalon nem is folytatja az olvas\u00e1st.<\/p>\n

    \"2.<\/figure>\n

    De mi az, ami egy er\u0151teljes landing oldal c\u00edm<\/strong>? Nem az, ami sz\u00e9p vagy okos. Az, amely megold\u00e1st ny\u00fajt egy f\u00e1jdalomra.<\/p>\n

    Amit nem szabad tenni: a generikus, semmitmond\u00f3 fejl\u00e9cek buk\u00e1sa<\/h3>\n

    Sok landing oldal olyan c\u00edmeket haszn\u00e1l, mint „\u00dcdv\u00f6zl\u00fcnk weboldalunkon!” vagy „A legjobb megold\u00e1s az \u00fczletedhez”.<\/p>\n

    Ezek a c\u00edmek nem mondanak semmit. Nem sz\u00f3lnak egy konkr\u00e9t probl\u00e9m\u00e1r\u00f3l vagy sz\u00fcks\u00e9gletr\u0151l. Ez\u00e9rt az emberek tov\u00e1bbmegyek an\u00e9lk\u00fcl, hogy m\u00e9lyebbre olvasn\u00e1nak.<\/p>\n

    A generikus c\u00edm azt is jelzi, hogy a v\u00e1llalkoz\u00e1s nem igaz\u00e1n \u00e9rti az \u00fcgyfeleit. Ha nem tudsz valamit konkr\u00e9tul megfogalmazni, akkor az azt sugallja, hogy nem is gondolkozt\u00e1l ezut\u00e1n igaz\u00e1n.<\/p>\n

    Nyer\u0151 formula: hogyan \u00edrj olyan c\u00edmet, amely kinyitja az \u00e9rdekl\u0151d\u00e9st<\/h3>\n

    Az er\u0151teljes c\u00edm egy konkr\u00e9t eredm\u00e9nyt \u00edg\u00e9r vagy egy konkr\u00e9t probl\u00e9m\u00e1t sz\u00f3l\u00edt meg:<\/p>\n

      \n
    • „Hogyan \u00e9rt\u00e9kes\u00edtsd meg 3x t\u00f6bb term\u00e9ket an\u00e9lk\u00fcl, hogy 3x t\u00f6bb id\u0151t t\u00f6ltesz?”<\/li>\n
    • „V\u00e9gezd el a havi k\u00f6nyvel\u00e9st 8 \u00f3ra helyett 2 \u00f3ra alatt”<\/li>\n
    • „Szerezz els\u0151 online elad\u00e1st 30 napon bel\u00fcl \u2013 vagy teljes p\u00e9nzvisszafizet\u00e9s”<\/li>\n<\/ul>\n

      Ezek a c\u00edmek konkr\u00e9tok. \u00cdg\u00e9rnek valamit, amely az olvas\u00f3nak sz\u00e1m\u00edt. Ez\u00e9rt az olvas\u00f3 marad \u00e9s olvas tov\u00e1bb.<\/p>\n

      Szubheader taktika: mi\u00e9rt kell ezt a m\u00e1sodperces magyar\u00e1zatot megtanulnod<\/h3>\n

      A szubheader a c\u00edm alatt k\u00f6vetkezik, \u00e9s tov\u00e1bbi magyar\u00e1zatot ny\u00fajt. Ez az a m\u00e1sodperc, amelyben azt mondod meg: „Most figyelj erre, ez sz\u00e1modra val\u00f3ban fontos.”<\/p>\n

      P\u00e9ld\u00e1ul a c\u00edm ut\u00e1n: „Szerezz els\u0151 online elad\u00e1st 30 napon bel\u00fcl \u2013 vagy teljes p\u00e9nzvisszafizet\u00e9s” egy j\u00f3 szubheader lehetne: „3 \u00e9ves online \u00fczleti tapasztalattal szerezz\u00fck meg az els\u0151 elad\u00e1sodat, m\u00e9g akkor is, ha soha nem \u00e9rt\u00e9kes\u00edtett\u00e9l online el\u0151tte.”<\/p>\n

      A szubheader oldja a k\u00e9ts\u00e9geket, amelyek a c\u00edm ut\u00e1n felmer\u00fclhetnek. Ez az a hely, ahol azt mondod meg, hogy mi\u00e9rt hiheti el az ember, amit \u00edg\u00e9rsz.<\/p>\n

      3. tipp: Hasznos, meggy\u0151z\u0151 m\u00e1solat \u2013 az \u00edr\u00e1s, amely val\u00f3ban elad<\/h2>\n

      A m\u00e1solat<\/strong> \u2013 azaz az oldal sz\u00f6vege \u2013 az az elem, amely meggy\u0151zi az embert, hogy cselekedjen. De nem az b\u00e1rmilyen m\u00e1solat.<\/p>\n

      A legt\u00f6bb landing oldal m\u00e1solata az\u00e9rt bukik el, mert t\u00fal sok funkci\u00f3t pr\u00f3b\u00e1l meg eladni, nem pedig a hasznokat. De az emberek nem a funkci\u00f3kat akarj\u00e1k \u2013 a hasznokat akarj\u00e1k.<\/p>\n

      El\u0151ny\u00f6k vs. funkci\u00f3k: mi\u00e9rt az \u00fcgyfelek a hasznokra hallgatnak<\/h3>\n

      A funkci\u00f3 az, amit a term\u00e9k vagy szolg\u00e1ltat\u00e1s csin\u00e1l. Az el\u0151ny az, amit az \u00fcgyfeled szerzik meg.<\/p>\n

      P\u00e9ld\u00e1ul: egy email marketing szoftver funkci\u00f3ja<\/em> az, hogy automatikus emaileket lehet k\u00fcldeni egy olyan szekvenciaban, amely el\u0151re van megadva. Az el\u0151nye<\/em> az, hogy t\u00f6bb emberhez juthatsz el, an\u00e9lk\u00fcl hogy manu\u00e1lisan kellene mindegyikhez email-t \u00edrni \u2013 ez\u00e1ltal id\u0151t \u00e9s energi\u00e1t takar\u00edtasz meg.<\/p>\n

      Az emberek az id\u0151t \u00e9s energi\u00e1t \u00e9rdekelni tudj\u00e1k k\u00f6zvetlen\u00fcl, ez\u00e9rt az el\u0151nyt \u00e9rtik meg. A m\u00e1solat ezen az el\u0151nyin kell, hogy f\u00f3kusz\u00e1ljon.<\/p>\n

      T\u00e1rsadalmi bizony\u00edt\u00e9k: hogyan haszn\u00e1ld az \u00fcgyf\u00e9lkritik\u00e1kat \u00e9s eredm\u00e9nyeket<\/h3>\n

      Az egyik legfontosabb konverzi\u00f3s elem az, amely sok v\u00e1llalkoz\u00f3 figyelmen k\u00edv\u00fcl hagy: az \u00fcgyf\u00e9l kritik\u00e1i \u00e9s eredm\u00e9nyei.<\/p>\n

      Az emberek nem akarnak az els\u0151 lenni, akik megb\u00edznak benne neked. Akarnak l\u00e1tni valak\u00e1t, aki m\u00e1r ezt tette, \u00e9s aki el\u00e9gedett az eredm\u00e9nnyel. Ez a t\u00e1rsadalmi bizony\u00edt\u00e9k \u2013 \u00e9s hihetetlen\u00fcl er\u0151teljes.<\/p>\n

      A landing oldal m\u00e1solat\u00e1ban helyezz el igazi \u00fcgyf\u00e9l-id\u00e9zeteket, k\u00e9peket az \u00fcgyfelekr\u0151l, \u00e9s konkr\u00e9t eredm\u00e9nyeket. Az „5 csillag \u00e9rt\u00e9kel\u00e9s” semmi, de „Maria 200 eur\u00f3t keresett az els\u0151 h\u00e9ten” \u2013 ez hiteles \u00e9s meggy\u0151z\u0151.<\/p>\n

      \u00c9rzelmi trigger: mely szavak vezetnek a kattint\u00e1shoz<\/h3>\n

      Vannak bizonyos szavak \u00e9s kifejez\u00e9sek, amelyek jobban m\u0171k\u00f6dnek a m\u00e1solatban, mint m\u00e1sok. Ezek nem a „v\u00e9gleges” vagy „legjobb” szavak \u2013 ezek t\u00fal sok helyen haszn\u00e1latosak.<\/p>\n

      Az er\u0151teljes szavak azok, amelyek \u00e9rzelmeket v\u00e1ltanak ki: „v\u00e9gre”, „leny\u0171g\u00f6z\u0151en egyszer\u0171”, „biztons\u00e1ggal”, „garant\u00e1ltan”, „azonnal”, „most vagy soha”.<\/p>\n

      Ne hangzasson manipulat\u00edvnak \u2013 ezek a szavak val\u00f3ban m\u0171k\u00f6dnek, mert igaz is az, amit mondasz. De haszn\u00e1ld \u0151ket megfelel\u0151en.<\/p>\n

      4. tipp: Vizu\u00e1lis meggy\u0151z\u00e9s \u2013 amikor a k\u00e9pek \u00e9s vide\u00f3k t\u00f6bbet mondanak, mint az 1000 sz\u00f3<\/h2>\n

      Az emberek vizu\u00e1lis l\u00e9nyek. Az agy az inform\u00e1ci\u00f3 t\u00f6bb mint 50%-\u00e1t a vizu\u00e1lis csatorn\u00e1kon kereszt\u00fcl feldolgozza. Ez\u00e9rt a landing oldal k\u00e9pei \u00e9s vide\u00f3i<\/strong> rendk\u00edv\u00fcl fontosak.<\/p>\n

      De nem el\u00e9g b\u00e1rmilyen k\u00e9pet felhaszn\u00e1lni. Az kell, hogy c\u00e9l legyen a k\u00e9peknek is \u2013 a konverzi\u00f3k t\u00e1mogat\u00e1sa.<\/p>\n

      H\u0151s k\u00e9p vs. term\u00e9k fot\u00f3: melyik konvert\u00e1l jobban<\/h3>\n

      A h\u0151s k\u00e9p egy nagy, gondosan megv\u00e1lasztott k\u00e9p az oldal teteje f\u00f6l\u00f6tt, amely az oldal \u00fczenet\u00e9t vizu\u00e1lisan reprezent\u00e1lja.<\/p>\n

      Ez lehet egy boldog \u00fcgyf\u00e9l, aki az eredm\u00e9nyt \u00e9lvezi, amely az oldal \u00edg\u00e9r. Ez lehet egy grafika, amely egy probl\u00e9m\u00e1t vagy megold\u00e1st mutat. De valami kell, hogy besz\u00e9ljen az oldalra \u00e9rkez\u0151h\u00f6z az els\u0151 pillanatban.<\/p>\n

      A term\u00e9k fot\u00f3 (p\u00e9ld\u00e1ul egy e-k\u00f6nyv bor\u00edt\u00f3ja vagy szoftver k\u00e9perny\u0151) fontos, de egyed\u00fcl nem elegend\u0151. Az emberek az el\u0151ny\u00f6ket akarj\u00e1k \u2013 a h\u0151s k\u00e9pen ezt az el\u0151nyt kell, hogy l\u00e1ss\u00e1k.<\/p>\n

      Vide\u00f3-konverzi\u00f3: mi\u00e9rt a mozg\u00f3 tartalom a titkos fegyver<\/h3>\n

      A vide\u00f3 az egyik leger\u0151sebb konverzi\u00f3s eszk\u00f6z. Az agy k\u00f6r\u00fclbel\u00fcl 60 000-szer gyorsabban feldolgozza a vizu\u00e1lis inform\u00e1ci\u00f3t, mint a sz\u00f6veget, \u00e9s a vide\u00f3 mozg\u00e1sa elkapja a figyelmet.<\/p>\n

      Az ide\u00e1lis vide\u00f3 az oldalon 60-90 m\u00e1sodperc hossz\u00fa, \u00e9s azt mutatja be, hogy mi az oldal, illetve kinek sz\u00f3l. Olyan vide\u00f3, amely az ember k\u00e9rd\u00e9seit v\u00e1laszolja meg: „Mit kapok ebb\u0151l? Mi\u00e9rt b\u00edzzon meg nekem? Mi a k\u00f6vetkez\u0151 l\u00e9p\u00e9s?”<\/p>\n

      A vide\u00f3 szignifik\u00e1nsan megn\u00f6vekedett konverzi\u00f3s r\u00e1t\u00e1k mutattak sok tesztel\u00e9sben \u2013 sokszor 30-50%-os javul\u00e1s a vide\u00f3 n\u00e9lk\u00fcli verzi\u00f3hoz k\u00e9pest.<\/p>\n

      Mobilbar\u00e1t vizu\u00e1lis elemek: ne felejtsd el azt a 70%-ot, aki telefonon j\u00f6n<\/h3>\n

      A legt\u00f6bb landing oldal forgalomnak k\u00f6r\u00fclbel\u00fcl 70%-a mobiltelefonokr\u00f3l \u00e9rkezik. Ez azt jelenti, hogy az oldal vizu\u00e1lis elemeinek mobil k\u00e9perny\u0151k\u00f6n is funkcion\u00e1lniuk kell.<\/p>\n

      Ez azt jelenti, hogy a h\u0151s k\u00e9ped nem lehet olyan sz\u00e9les, hogy a sz\u00f6veg felett marad egy telefonon. A vide\u00f3d nem lehet olyan, amely egy mobil csatlakoz\u00e1son t\u00fal nagy adatot ig\u00e9nyel. A k\u00e9peid nem lehetnek olyan felbont\u00e1s\u00faak, hogy v\u00e9gtelen\u00fcl lassan t\u00f6lt\u0151dnek be.<\/p>\n

      Mobilbar\u00e1t azt jelenti: vizu\u00e1lis elemek, amelyek beker\u00fclnek az oldal sz\u00f6veg\u00e9be, \u00e9s amelyek gyorsan bet\u00f6lt\u0151dnek m\u00e9g 4G csatlakoz\u00e1son.<\/p>\n

      5. tipp: Leny\u0171g\u00f6z\u0151 CTA gombok \u2013 hogyan tervezzed meg az egyetlen legl\u00e9nyegesebb elemet<\/h2>\n

      A CTA gomb \u2013 a Call-to-Action \u2013 az a gomb, amelyet az ember megklikkel. Ez az oldal c\u00e9lja.<\/p>\n

      A gomb el\u0151tti \u00f6sszes elem az oldal csup\u00e1n azt van, hogy olyan m\u00e9rlegg\u00e9 tegy\u00e9k az embert, amely k\u00e9szen van arra, hogy az gombra kattintson. De ha a gomb nem m\u0171k\u00f6dik, akkor az oldal nem m\u0171k\u00f6dik.<\/p>\n

      Sz\u00edn, sz\u00f6veg, poz\u00edci\u00f3: a CTA tervez\u00e9si h\u00e1romsz\u00f6g<\/h3>\n

      A CTA gomb tervez\u00e9s<\/strong> h\u00e1rom f\u0151 elemb\u0151l \u00e1ll: sz\u00edn, sz\u00f6veg \u00e9s poz\u00edci\u00f3.<\/p>\n\n\n\n\n\n\n\n\n\n
      CTA elem<\/th>\nLegjobb gyakorlat<\/th>\nMi\u00e9rt m\u0171k\u00f6dik<\/th>\nTipikus konverzi\u00f3s r\u00e1ta javul\u00e1s<\/th>\n<\/tr>\n<\/thead>\n
      Sz\u00edn<\/td>\n\u00c9l\u00e9nk, kontrasztos (z\u00f6ld, narancs, piros)<\/td>\nFelkelti a figyelmet, nem olvad az oldalba<\/td>\n+10-15%<\/td>\n<\/tr>\n
      Sz\u00f6veg<\/td>\nCselekv\u00e9s-orient\u00e1lt („Most let\u00f6lt\u00f6m”, „Ingyenes pr\u00f3ba”)<\/td>\nAz ember tudja, hogy mit fog kapni vagy csin\u00e1lni<\/td>\n+15-25%<\/td>\n<\/tr>\n
      Poz\u00edci\u00f3<\/td>\nFel\u00fcl, k\u00f6z\u00e9pen vagy a sz\u00f6veg v\u00e9g\u00e9n<\/td>\nA gomb ott van, ahol az olvas\u00f3 v\u00e1rja, nem pedig meglepet\u00e9sk\u00e9nt<\/td>\n+5-10%<\/td>\n<\/tr>\n
      M\u00e9ret<\/td>\nEl\u00e9g nagy ahhoz, hogy k\u00f6nny\u0171 legyen telefonon kattintani<\/td>\nAz emberek nem szeretnek kis gombokra kattintani, k\u00fcl\u00f6n\u00f6sen telefonon<\/td>\n+8-12%<\/td>\n<\/tr>\n
      S\u00fcrget\u00e9s<\/td>\n„Korl\u00e1tozat van” vagy „Ingyenes 30 napos pr\u00f3ba”<\/td>\nAz emberek k\u00e9sleltet\u0151 \u2013 a s\u00fcrget\u00e9s m\u0171k\u00f6dik<\/td>\n+20-30%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Gombsz\u00f6veg, amely m\u0171k\u00f6dik: a pszichol\u00f3gia a kulcsszavak m\u00f6g\u00f6tt<\/h3>\n

      A gombsz\u00f6veg az, amit az ember olvas miel\u0151tt megtenn\u00e9l a l\u00e9p\u00e9st. Ez az utols\u00f3 sz\u00f3, amely felhat\u00e1rozott\u00e1 vagy bizonytalann\u00e1 teszi az embert.<\/p>\n

      Az olyan \u00e1ltal\u00e1nos sz\u00f6veg, mint „K\u00fcld\u00e9s” vagy „Feliratkoz\u00e1s” m\u0171k\u00f6dik, de nem a legjobban. Az ember nem tudja pontosan, hogy mi fog t\u00f6rt\u00e9nni. Lesz k\u00f6lts\u00e9ge?<\/p>\n

      K\u00f6lts\u00e9g\u00e9t igen? Fog adatokat k\u00e9rni?<\/p>\n

      Az er\u0151teljes gombsz\u00f6veg ezt tiszt\u00e1zza: „Ingyenes pr\u00f3ba ind\u00edt\u00e1sa”, „30 nap p\u00e9nzvisszafizet\u00e9si garancia”, „Most let\u00f6lt\u00f6m az e-k\u00f6nyvet”.<\/p>\n

      T\u00f6bbsz\u00f6r\u00f6s CTA elhelyez\u00e9s: mi\u00e9rt nem el\u00e9g egyetlen gomb<\/h3>\n

      Az els\u0151 CTA gombot az oldal teteje f\u00f6l\u00f6tt helyezd el \u2013 a fold f\u00f6l\u00f6tt (azaz az a r\u00e9sz, amely az els\u0151 k\u00e9perny\u0151n l\u00e1that\u00f3 telefonon vagy desktopon an\u00e9lk\u00fcl, hogy lefel\u00e9 lenne sz\u00fcks\u00e9ges g\u00f6rgetni).<\/p>\n

      De egy ember h\u00e1rom helyr\u0151l j\u00f3l el\u00e9g nem fog kattintani az oldal tetej\u00e9r\u0151l. Helyezz el egy m\u00e1sodik CTA gombot az oldal k\u00f6zep\u00e9n, egy harmadik az oldal v\u00e9g\u00e9n.<\/p>\n

      A t\u00f6bbsz\u00f6r\u00f6s CTA elhelyez\u00e9s biztos\u00edtja, hogy ha az ember az oldal tetej\u00e9t elolvasva nem kattint, az m\u00e9g van es\u00e9lye k\u00e9s\u0151bb az oldalon.<\/p>\n

      6. tipp: Gyors bet\u00f6lt\u00e9si sebess\u00e9g \u00e9s mobiloptimaliz\u00e1l\u00e1s \u2013 a technikai alap, amelyet nem hagyhatod figyelmen k\u00edv\u00fcl<\/h2>\n

      Az \u00f6sszes sz\u00e9p m\u00e1solat \u00e9s k\u00e9p abb\u00f3l semmit nem \u00e9r, ha az oldal olyan lassan t\u00f6lt\u0151dik be, hogy az emberek m\u00e1r elhagyt\u00e1k az oldalt, miel\u0151tt az bet\u00f6lt\u0151d\u00f6tt volna.<\/p>\n

      A landing oldal sebess\u00e9ge<\/strong> nem csak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny miatt fontos \u2013 a Google is rangsorolja az oldalt az alapj\u00e1n, hogy milyen gyorsan t\u00f6lt\u00f6dik be.<\/p>\n

      Sebess\u00e9groml\u00e1s: mi\u00e9rt vesz\u00edtesz \u00fcgyfeleket m\u00e9g azzal, hogy nem is tudsz r\u00f3la<\/h3>\n

      Az emberek t\u00fcrelmetlenek az interneten. Ha az oldal t\u00f6bb mint 3 m\u00e1sodpercig tart a bet\u00f6lt\u00e9shez, akkor az emberek 40%-a m\u00e1r elhagyta az oldalt.<\/p>\n

      Ha az oldal 5 m\u00e1sodpercig tart, akkor az 75%-a m\u00e1r igen. Ez nem statisztika \u2013 ez az \u00e1tlagos felhaszn\u00e1l\u00f3 viselked\u00e9s\u00e9t\u0151l beszerzett val\u00f3di adat.<\/p>\n

      De m\u00e9g ha az oldal bet\u00f6lt, az m\u00e9g nem jelenti azt, hogy az szerves fel kattint\u00e1sra. Egy lass\u00fa oldal olyan \u00e9rz\u00e9st kelt az emberben, hogy az nem profin van elk\u00e9sz\u00edtve, \u00e9s kev\u00e9sb\u00e9 b\u00edzik meg az oldalban.<\/p>\n

      Mobilbar\u00e1t design: a reszponz\u00edv landing oldal m\u00e1r nem luxus<\/h3>\n

      A reszponz\u00edv design azt jelenti, hogy az oldal automatikusan be\u00e1llapodik az eszk\u00f6z k\u00e9perny\u0151 m\u00e9ret\u00e9hez \u2013 desktopon, tableten, telefonon azonos marad az oldal, csak az elrendez\u00e9se v\u00e1ltozik.<\/p>\n

      Ez m\u00e1r nem opcion\u00e1lis. Ha az oldal nincs mobilra optimaliz\u00e1lva, akkor az emberek 70%-a (akik telefonon j\u00f6nnek) nem fog megfelel\u0151 \u00e9lm\u00e9nyt kapni, \u00e9s nem fog konvert\u00e1lni.<\/p>\n

      A mobilra optimaliz\u00e1lt oldal gyorsabban t\u00f6lt\u0151dik, \u00e9s az \u00e9rt\u00e9kes\u00edt\u00e9s c\u00e9lj\u00e1ra jobban f\u00f3kusz\u00e1lt, mint a desktopos verzi\u00f3 \u2013 mert tudod, hogy az ember telefonon kev\u00e9s a figyelem, ez\u00e9rt csak a legfontosabb elemeket jelen\u00edtheted meg.<\/p>\n

      Page Speed Insights: hogyan m\u00e9rj \u00e9s jav\u00edtsd meg a teljes\u00edtm\u00e9nyt<\/h3>\n

      A Google Page Speed Insights egy ingyenes eszk\u00f6z, amely megmutatja, hogy az oldal mennyire gyors.<\/p>\n

      Egyszer\u0171en bem\u00e1solod az oldal URL-j\u00e9t a Google Page Speed Insights-ba (https:\/\/pagespeed.web.dev\/), \u00e9s az eszk\u00f6z megmondja, hogy mely elemek lass\u00edtj\u00e1k le az oldalt.<\/p>\n

      Az oldal bet\u00f6lt\u00e9si sebess\u00e9g\u00e9nek jav\u00edt\u00e1sa mag\u00e1ba foglalhat k\u00e9pek t\u00f6m\u00f6r\u00edt\u00e9s\u00e9t, a CSS \u00e9s JavaScript minifik\u00e1l\u00e1s\u00e1t, b\u00f6ng\u00e9sz\u0151cache be\u00e1ll\u00edt\u00e1s\u00e1t, vagy tartalomszolg\u00e1ltat\u00f3 h\u00e1l\u00f3zat (CDN) haszn\u00e1lat\u00e1t. Ha nem \u00e9rtesz ezekhez, egy webfejleszt\u0151 k\u00f6nnyen fel tudja gyors\u00edtani az oldalt.<\/p>\n

      7. tipp: Adatgy\u0171jt\u00e9s \u00e9s A\/B tesztel\u00e9s \u2013 a tudom\u00e1nyos megk\u00f6zel\u00edt\u00e9s a v\u00e9gtelen fejleszt\u00e9shez<\/h2>\n

      Az \u00f6sszes, amit eddig megtan\u00edtottunk, kiindul\u00f3 pont. De az igazi landing oldal konverzi\u00f3 javul\u00e1s<\/strong> az adatokb\u00f3l sz\u00e1rmazik.<\/p>\n

      Az A\/B tesztel\u00e9s \u2013 m\u00e1s n\u00e9ven split testing \u2013 azt jelenti, hogy az oldal k\u00e9t verzi\u00f3j\u00e1t k\u00e9sz\u00edtesz, ahol egyetlen elem k\u00fcl\u00f6nb\u00f6zik, \u00e9s megn\u00e9zed, hogy melyik konvert\u00e1l jobban.<\/p>\n

      Mely elemeket tesztelj el\u0151sz\u00f6r: az 80\/20 elv a konverzi\u00f3optimaliz\u00e1l\u00e1sban<\/h3>\n

      Az 80\/20 elv azt mondja, hogy az er\u0151fesz\u00edt\u00e9seid 80%-\u00e1nak az eredm\u00e9ny 20%-\u00e9t adja \u2013 vagy ford\u00edtva, az eredm\u00e9ny 80%-\u00e1t 20% er\u0151fesz\u00edt\u00e9sb\u0151l szerzed.<\/p>\n

      A konverzi\u00f3optimaliz\u00e1l\u00e1sban ez azt jelenti, hogy bizonyos elemek sokkal fontosabbak, mint m\u00e1sok. Ezekre kell, hogy \u00f6sszpontos\u00edtsd az er\u0151fesz\u00edt\u00e9st:<\/p>\n

        \n
      1. A CTA gomb sz\u00f6vege \u00e9s sz\u00edn<\/li>\n
      2. A f\u0151 c\u00edm (headline)<\/li>\n
      3. A f\u0151 \u00fczenet (szubheader)<\/li>\n
      4. A form mez\u0151k sz\u00e1ma \u00e9s t\u00edpusa<\/li>\n
      5. Az oldal vizu\u00e1lis elemeinek sorrendje<\/li>\n<\/ol>\n

        Erre az \u00f6t elemre kell, hogy \u00f6sszpontos\u00edtsd az A\/B tesztel\u00e9sed. Ha ezeket optimaliz\u00e1lod, akkor drasztikus konverzi\u00f3javul\u00e1st fogsz l\u00e1tni.<\/p>\n

        A\/B tesztek, amelyek val\u00f3ban m\u0171k\u00f6dnek: statisztikai szignifikancia el\u00e9r\u00e9s\u00e9hez<\/h3>\n

        Az A\/B teszten dolgozni akkor kezd el, amikor egy „nyertes” vari\u00e1ci\u00f3 jelenik meg statisztikai szignifikancia szintj\u00e9n, amely k\u00f6r\u00fclbel\u00fcl 95% megb\u00edzhat\u00f3s\u00e1got jelent.<\/p>\n

        Ez azt jelenti, hogy el\u00e9g sok l\u00e1togat\u00f3nak volt, hogy a k\u00fcl\u00f6nbs\u00e9g val\u00f3di, \u00e9s nem szerencse. Ha csak 10 ember megl\u00e1togat az oldalt, \u00e9s az egyik verzi\u00f3 1 konverzi\u00f3t kap \u00e9s a m\u00e1sik 0-t, ez nem szignifik\u00e1ns \u2013 lehet szerencse.<\/p>\n

        Az A\/B tesztek v\u00e9gig tudnak futni 1-4 h\u00e9t k\u00f6z\u00f6tt vagy m\u00e9g hosszabb ideig, att\u00f3l f\u00fcgg\u0151en, hogy mennyi forgalmad van. Ha kev\u00e9s forgalom van, akkor a tesztek hosszabbak lesznek.<\/p>\n

        Heatmapok \u00e9s felhaszn\u00e1l\u00f3i viselked\u00e9s: mit mutatnak az adatok az igazi probl\u00e9m\u00e1r\u00f3l<\/h3>\n

        A heatmap olyan t\u00e9rk\u00e9p, amely megmutatja, hogy az oldal mely r\u00e9szein kattintanak vagy g\u00f6rgetnek az emberek a legt\u00f6bbet.<\/p>\n

        P\u00e9ld\u00e1ul megl\u00e1thatod, hogy az emberek g\u00f6rgetnek az oldal teteje fel\u00e9, \u00e9s egy\u00e1ltal\u00e1n nem \u00e9rnek el az oldalad f\u0151 CTA gomb\u00e1hoz. Ez arra utal, hogy a gomb t\u00fal alacsonyan van elhelyezve.<\/p>\n

        Az ingyenes heatmap eszk\u00f6z\u00f6k, mint a Hotjar vagy a Microsoft Clarity, megmutatj\u00e1k, hogy a felhaszn\u00e1l\u00f3k hol kattintanak, mit n\u00e9zegetnk \u00e9s hol hagyj\u00e1k el az oldalt. Ez az inform\u00e1ci\u00f3 felbecs\u00fclhetetlen az optimaliz\u00e1l\u00e1shoz.<\/p>\n

        A nyer\u0151 landing oldal \u00f6ssze\u00e9p\u00edt\u00e9se: gyakorlati ellen\u0151rz\u0151 lista a sikerhez<\/h2>\n

        Most, hogy megtanult\u00e1l a landing oldal k\u00e9sz\u00edt\u00e9s 7 tippj\u00e1t<\/strong>, itt az ideje, hogy mindent \u00f6sszerakj egy funkcion\u00e1l\u00f3 oldal\u00e1.<\/p>\n

        De miel\u0151tt elind\u00edtan\u00e1l egy \u00faj oldalt vagy optimaliz\u00e1ln\u00e1l egy megl\u00e9v\u0151t, van egy ellen\u0151rz\u0151 lista, amely biztos\u00edtja, hogy semmit nem maradsz ki.<\/p>\n

        Az 5 kritikus elem, amelyet soha nem szabad kihagyni<\/h3>\n