{"id":946,"date":"2019-01-07T03:31:01","date_gmt":"2019-01-07T02:31:01","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=946"},"modified":"2023-04-17T09:09:16","modified_gmt":"2023-04-17T07:09:16","slug":"milyen-a-jo-landing-page","status":"publish","type":"post","link":"https:\/\/blog.webshark.hu\/2019\/01\/07\/milyen-a-jo-landing-page\/","title":{"rendered":"Mi az a landing page? \u00c9s milyen a j\u00f3 landing oldal? (Friss\u00edtve, 2022.05.26.)"},"content":{"rendered":"\n

Mik\u00f6zben a webfejleszt\u00e9sben \u00e9s az online marketingben mindennapos fogalom a landing page, addig a szakm\u00e1n k\u00edv\u00fcl sokan egy\u00e1ltal\u00e1n nem tudj\u00e1k mir\u0151l van sz\u00f3, amikor landing page-et, landing oldalt vagy c\u00e9loldalt emleget\u00fcnk. Pedig a dolog nagyon egyszer\u0171. Az m\u00e1r nem annyira, hogy hogyan t\u00f6rt\u00e9nik egy hat\u00e9kony landing page k\u00e9sz\u00edt\u00e9se.<\/strong> (2022.05.26. – Egy \u00faj fejezettel b\u0151v\u00edtett\u00fcnk: Mi az a splash oldal? Mire \u00e9s hogyan haszn\u00e1lhatod?)<\/em><\/p>\n\n\n\n\n\n\n

\n
\"Webshark<\/a><\/figure><\/div>\n\n\n

Egy weboldal sz\u00e9les \u00e9rtelemben v\u00e9ve akkor landing page, ha arra egy linkr\u0151l l\u00e1togat\u00f3k \u00e9rkeznek. Amennyiben marketingszempontb\u00f3l defini\u00e1ljuk, akkor m\u00e1r csak olyan oldalakat \u00e9rt\u00fcnk alatta, melyek t\u00f6bbnyire \u00f6n\u00e1ll\u00f3ak (elk\u00fcl\u00f6n\u00fclnek annak a c\u00e9gnek a weboldal\u00e1t\u00f3l, mely l\u00e9trehozta \u0151ket), \u00e9s kifejezetten az\u00e9rt \u00e9s \u00fagy vannak kialak\u00edtva, hogy azon a l\u00e1togat\u00f3k valamilyen k\u00edv\u00e1nt konverzi\u00f3t v\u00e9grehajtsanak<\/strong>.<\/p>\n\n\n\n

Egy tipikus landing oldalon \u00e1ltal\u00e1ban 1-3 sz\u00e1zal\u00e9kos a konverzi\u00f3s ar\u00e1ny<\/a>. Ugyanakkor egy j\u00f3 kialak\u00edt\u00e1ssal, konverzi\u00f3optimaliz\u00e1l\u00e1ssal<\/a> ak\u00e1r k\u00e9tsz\u00e1mjegy\u0171 konverzi\u00f3s \u00e9rt\u00e9k is el\u00e9rhet\u0151. Els\u0151 nekifut\u00e1sra jellemz\u0151en senkinek sem siker\u00fcl ilyen hat\u00e9kony \u00e9rkez\u0151 oldalt kialak\u00edtani. Kellenek hozz\u00e1 a tesztek, a tapasztalatok, az ebb\u0151l levont k\u00f6vetkeztet\u00e9sek, majd az optimaliz\u00e1l\u00e1s.<\/p>\n\n\n\n

A landing page k\u00e9t f\u0151 faj\u00e1tja<\/h2>\n\n\n\n

El\u0151sz\u00f6r besz\u00e9lj\u00fcnk arr\u00f3l, hogy mit is \u00e9rt\u00fcnk konverzi\u00f3 alatt? B\u00e1rmilyen felhaszn\u00e1l\u00f3i cselekv\u00e9st – amit a landing page l\u00e9trehoz\u00f3ja meghat\u00e1roz -, nem kiz\u00e1r\u00f3lag csak egy megrendel\u00e9s vagy v\u00e1s\u00e1rl\u00e1s. A landing page-eknek k\u00e9t f\u0151 fajt\u00e1j\u00e1t k\u00fcl\u00f6nb\u00f6ztetj\u00fck meg (mik\u00f6zben persze t\u00f6bb c\u00e9lra is ir\u00e1nyulhat):<\/p>\n\n\n\n

\"landing<\/figure>\n\n\n\n

Az egyik esetben a l\u00e9nyeg az, hogy a l\u00e1togat\u00f3 v\u00e1s\u00e1roljon.<\/strong> A megrendel\u00e9s t\u00f6rt\u00e9nhet mag\u00e1n az \u00e9rkez\u0151 oldalon egyetlen term\u00e9k vagy szolg\u00e1ltat\u00e1s eset\u00e9ben. Azonban ha egy term\u00e9kk\u00f6rt hirdet\u00fcnk meg, akkor linkek is szerepelhetnek a landing oldalon, melyek mindegyike egy-egy term\u00e9koldalra vezet.<\/span><\/p>\n\n\n\n

A m\u00e1sik t\u00edpus\u00fa landing oldallal leadgener\u00e1l\u00e1s zajlik.<\/strong> Ilyenkor a webodalon a l\u00e1togat\u00f3k e-mail c\u00edm\u00fcket, nev\u00fcket \u00e9s esetleg egy\u00e9b adataikat adhatj\u00e1k meg az\u00e9rt, hogy azt\u00e1n a c\u00e9g k\u00e9s\u0151bb valami aj\u00e1nlattal fel tudja \u0151ket keresni. Ilyenkor persze valamit k\u00edn\u00e1lni kell a l\u00e1togat\u00f3nak, hogy megadja az adatait, p\u00e9ld\u00e1ul, hogy szolg\u00e1ltat\u00e1sunkat ingyenesen kipr\u00f3b\u00e1lhatja 30 napig, vagy let\u00f6lthet egy e-bookot. Att\u00f3l f\u00fcgg\u0151en kell ezt kital\u00e1lni, kiv\u00e1lasztani, hogy felt\u00e9telez\u00e9seink \u00e9s tapasztalataink szerint a l\u00e1togat\u00f3inkat mi fogja meg.<\/p>\n\n\n\n

A c\u00e9loldalak tov\u00e1bbi t\u00edpusai<\/h2>\n\n\n\n

A landing oldalak el\u0151bb eml\u00edtett k\u00e9t f\u0151 fajt\u00e1ja mellett persze sz\u00e1mtalan t\u00edpus\u00e1t meg lehet k\u00fcl\u00f6nb\u00f6ztetni a c\u00e9loldalaknak. L\u00e1ssunk ezek k\u00f6z\u00fcl n\u00e9h\u00e1nyat!<\/p>\n\n\n\n

E-mail c\u00edm megszerz\u00e9se<\/h4>\n\n\n\n

Ez a megold\u00e1s a m\u00e1sodik t\u00edpus\u00fa azaz leadgener\u00e1l\u00f3 oldalak k\u00f6z\u00e9 tartozik. A c\u00e9l itt az, hogy megszerezze a l\u00e1togat\u00f3 e-mail c\u00edm\u00e9t. Mert, ha megvan az e-mail c\u00edm, akkor innent\u0151l kezdve k\u00fcldhet\u0151k neki olyan h\u00edrlevelek vagy m\u00e1s tartalmak<\/a>, melyek egy id\u0151 ut\u00e1n megrendel\u00e9shez vezethetnek.<\/p>\n\n\n\n

A leggyakoribb megold\u00e1s az e-mail c\u00edm megszerz\u00e9s\u00e9re, ha egy h\u00edrlevelet, whitepapert, vagy m\u00e1s let\u00f6lthet\u0151, de \u00e9rt\u00e9kes tartalmat k\u00edn\u00e1lsz.<\/p>\n\n\n\n

Lead-szerz\u0151 oldal<\/h4>\n\n\n\n

Hasonl\u00f3 az el\u0151z\u0151h\u00f6z, azzal a k\u00fcl\u00f6nbs\u00e9ggel, hogy j\u00f3val t\u00f6bb inform\u00e1ci\u00f3t akar megszerezni. Nem puszt\u00e1n egy e-mail c\u00edmre \u00e9s n\u00e9vre k\u00edv\u00e1ncsi az \u0171rlap, hanem esetleg egy c\u00e9gn\u00e9vre, bet\u00f6lt\u00f6tt poz\u00edci\u00f3ra, az ipar\u00e1gra, stb. Az inform\u00e1ci\u00f3k att\u00f3l f\u00fcggenek, hogy mi az oldal c\u00e9lja, illetve hol j\u00e1rnak a l\u00e1togat\u00f3k a v\u00e1s\u00e1rl\u00f3i t\u00f6lcs\u00e9rben. Ha olyan \u00fcgyfeleknek k\u00edn\u00e1lod, akik nagyon \u00e9rdekl\u0151dnek a term\u00e9ked, szolg\u00e1ltat\u00e1sod ir\u00e1nt, akkor t\u00f6bbet is k\u00e9rhetsz t\u0151l\u00fck egy e-mail c\u00edmn\u00e9l. Ha viszont m\u00e9g a t\u00f6lcs\u00e9r tetej\u00e9n j\u00e1rnak, akkor \u00e9rtelmetlen.<\/p>\n\n\n\n

\u00c1tkattint\u00f3 c\u00e9loldal<\/h4>\n\n\n\n

Minden marketinges tudja, hogy miel\u0151tt az \u00fcgyfelek p\u00e9nz\u00e9re p\u00e1ly\u00e1zn\u00e1l valamit \u00e9rt\u00e9ket kell k\u00edn\u00e1lni nekik. Az \u00e1tkattint\u00f3 c\u00e9loldalak ilyen \u00e9rt\u00e9ket k\u00edn\u00e1lnak, a n\u00e9lk\u00fcl, hogy egyb\u0151l egy „v\u00e1s\u00e1rolj most” gombbal zakaltn\u00e1k a felhaszn\u00e1l\u00f3t.<\/p>\n\n\n\n

Az ilyen oldalak \u00fagy n\u00e9znek ki, melyek az el\u0151nyeit \u00e9s a funkci\u00f3it magyar\u00e1zz\u00e1k egy term\u00e9knek vagy szolg\u00e1ltat\u00e1snak, majd egy olyan CTA-t k\u00edn\u00e1lnak, amire r\u00e1kattintva kipr\u00f3b\u00e1lhatj\u00e1k azt. Ha erre a gombra r\u00e1kattintanak, akkor egy \u00fajabb landing oldalra jutnak, mely m\u00e1r az \u00e1raz\u00e1si r\u00e9szleteket is tartalmazza, \u00e9s a fizet\u00e9ssel kapcsolatos inform\u00e1ci\u00f3kra k\u00edv\u00e1ncsi a pr\u00f3ba \u00e9rdek\u00e9ben.<\/p>\n\n\n\n

Az \u00e1tkattint\u00f3 c\u00e9loldal az\u00e9rt van beillesztve a folyamatba, hogy eduk\u00e1lja a felhaszn\u00e1l\u00f3kat, hogy \u00e9rts\u00e9k, mi\u00e9rt is kattintsanak tov\u00e1bb.<\/p>\n\n\n

\n
\"\u00c1tkattint\u00e1si<\/figure><\/div>\n\n\n

„Itt kezdd!” landing oldal<\/h4>\n\n\n\n

Az „itt kezdd” oldal egy olyan c\u00e9loldal, mely az aj\u00e1nlatoddal ind\u00edt a hajt\u00e1s felett, de ha lefel\u00e9 g\u00f6rget a felhaszn\u00e1l\u00f3, akkor tov\u00e1bbi r\u00e9szletekket is megismerhet.<\/p>\n\n\n

\n
\""Itt<\/figure><\/div>\n\n\n

Leiratkoz\u00e1si oldal<\/h4>\n\n\n\n

Term\u00e9szetesen nem a leiratkozsi oldaladhoz fogsz nagy kamp\u00e1nyokat kapcsolni, ugyanakkor nem \u00e9rdemes kihagyni ezt a lehet\u0151s\u00e9get sem. Itt elhelyezhetsz k\u00fcl\u00f6nb\u00f6z\u0151 linkeket a tartalmaidra. Hiszen az\u00e9rt, mert a h\u00edrleveledre nem k\u00edv\u00e1ncsi egy l\u00e1togat\u00f3, m\u00e9g nem jelenti azt, hogy nem \u00e9rdekli az oldalad.<\/p>\n\n\n\n

Hossz\u00fa \u00e9rt\u00e9kes\u00edt\u00e9si c\u00e9loldal<\/h4>\n\n\n\n

Ezek olyan landing oldalak, melyek nem a t\u00f6m\u00f6rs\u00e9g\u00fckkel \u00e9s a hajt\u00e1s feletti n\u00e9h\u00e1ny mondattal hatnak. Ezekn\u00e9l v\u00e9gig akarnak venni minden olyan k\u00e9rd\u00e9st, ami az \u00fcgyfelek esz\u00e9be juthat egy v\u00e1s\u00e1rl\u00e1s el\u0151tt, le akarnak bontani minden akad\u00e1ly, ami a v\u00e1s\u00e1rl\u00e1st g\u00e1tolhatja, valamint fel akarnak sorolni minden el\u0151nyt. Ezek az oldalak hossz\u00faak, rendk\u00edv\u00fcl sok inform\u00e1ci\u00f3 felt\u00e1rul a l\u00e1togat\u00f3 el\u0151tt am\u00edg g\u00f6rget lefel\u00e9.<\/p>\n\n\n\n

Ezeken k\u00edv\u00fcl m\u00e9g sz\u00e1mtalan lehet\u0151s\u00e9g rendelkez\u00e9sre \u00e1ll c\u00e9loldal kialak\u00edt\u00e1s\u00e1ra. Landing page lehet egy „k\u00f6sz\u00f6n\u00f6m oldalb\u00f3l”, egy „r\u00f3lunk oldalb\u00f3l”, egy „hamarosan oldalb\u00f3l”, egy 404-es oldalb\u00f3l, illetve t\u00e1rsalg\u00e1sra, avagy chatre is \u00e9p\u00fclhet c\u00e9loldal. Mindj\u00e1rt be is mutatjuk, hogyan?<\/p>\n\n\n\n

Friss\u00edt\u00e9s, 2022.05.26.:<\/em><\/p>\n\n\n\n

Mi az a splash oldal? Mire \u00e9s hogyan haszn\u00e1lhatod?<\/h3>\n\n\n\n

A splash oldal m\u00e1r nem egy lead megszerz\u00e9s\u00e9r\u0151l sz\u00f3l, illetve nem ez a legfontosabb c\u00e9lja. Akkor tal\u00e1lkozhatsz vele, ha valaki mondjuk r\u00e1kattint egy linkre, de nem egyb\u0151l a linkn\u00e9l \u00edg\u00e9rt oldalra viszi, hanem egy k\u00f6zb\u00fcls\u0151 oldal is megjelenik<\/strong>. Ez az oldal \u00e1ltal\u00e1ban valamilyen hirdet\u00e9st, bejelent\u00e9st, be\u00e1ll\u00edt\u00e1si lehet\u0151s\u00e9get tartalmaz.<\/p>\n\n\n\n

Miben k\u00fcl\u00f6nb\u00f6zik a splash oldal a landing oldalt\u00f3l?<\/h4>\n\n\n\n

Mint l\u00e1ttuk, a landing oldal egy olyan \u00f6n\u00e1ll\u00f3 oldal, melyet kifejezetten abb\u00f3l a c\u00e9lb\u00f3l hoznak l\u00e9tre, hogy marketing vagy hirdet\u00e9si kamp\u00e1nyt t\u00e1mogasson. Ez az az oldal, ahov\u00e1 az emberek meg\u00e9rkeznek, miut\u00e1n r\u00e1kattintanak egy linkre a hirdet\u00e9sben, k\u00f6z\u00f6ss\u00e9gi m\u00e9dia posztban, a keres\u0151ben vagy ak\u00e1r m\u00e1s kapcsol\u00f3d\u00f3 weboldalakon.<\/p>\n\n\n\n

A splash page ett\u0151l annyiban t\u00e9r el, hogy ez a weboldaladnak egy bel\u00e9p\u0151 oldala, mely egy linkkel a weboldaladra vezeti a l\u00e1togat\u00f3t<\/strong>. A splash oldallal egy linkre t\u00f6rt\u00e9n\u0151 kattint\u00e1s ut\u00e1n tal\u00e1lkozik a felhaszn\u00e1l\u00f3, az oldalon pedig l\u00e1that anim\u00e1ci\u00f3kat, vide\u00f3kat, egy\u00e9b l\u00e1tv\u00e1nyos grafik\u00e1kat, ahogy \u00e1ltal\u00e1ban egy r\u00f6videbb sz\u00f6veg is helyet kap. <\/p>\n\n\n\n

A k\u00fcl\u00f6nbs\u00e9g teh\u00e1t abban rejlik, hogy a splash oldal nulladik l\u00e9p\u00e9sk\u00e9nt jelenik meg a weboldalad el\u0151tt. Az\u00e9rt a weboldalad el\u0151tt, mert helyet kap rajta egy kil\u00e9p\u0151 link, ami a f\u0151oldalra viszi a l\u00e1togat\u00f3t. (Mint tudjuk, ide\u00e1lis esetben egy landing oldalon nincs navig\u00e1ci\u00f3, nincsenek linkek, csak az, amelynek r\u00e9v\u00e9n konvert\u00e1lni tud a felhaszn\u00e1l\u00f3, hiszen itt ez a f\u0151 c\u00e9l.)<\/p>\n\n\n\n

A splash oldal c\u00e9lja viszont az, hogy felh\u00edvja az emberek figyelm\u00e9t egy k\u00fcl\u00f6nleges aj\u00e1nlatra, term\u00e9kre vagy szolg\u00e1ltat\u00e1sra, esetleg inform\u00e1ci\u00f3ra. Egy splash oldalon teh\u00e1t<\/p>\n\n\n\n