Weblap konverziós útvonalak 2010

693 views

Published on

E-Bridges vállalkozásfejlesztő képzések 2010, Hogyan igazodik
a weblapok
menü
navigációja a
konverzióhoz?

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
693
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Weblap konverziós útvonalak 2010

  1. 1. Hogyan igazodik <br />aweblapok<br />menü <br />navigációja a <br />konverzióhoz?<br />Lakatos Gabriella<br />eMarketer<br />CEO E-BridgeseMarketing<br />Az eMarketernotbook-ja sorozat<br />E-Bridges<br />Üzleti kommunikációs<br />Képzések 2010<br />
  2. 2. Aweblap2009-ben ünnepelte 20. születésnapját!<br />Tim Berners Lee az első weblap alkotója<br />-ben készült az első weblap a svájci CERN intézetben<br />1993-tól a web elérhető mindenkinek<br />1998 óta működik a Google kereső rendszere<br />2000 óta az Internet része az életünknek <br />
  3. 3. Milyenek voltak kezdetben a<br />navigációs menük!<br />3<br />E-BridgeseMarketing<br />1989-2000<br />
  4. 4. Miért volt a „basic” navigációs struktúra<br />egyszerű.<br />vázlat szerű,<br />leltár szerű,<br />bevásárló lista szerű, és…<br />érzelem mentes!<br />Kevés volt a funkció, <br />kevés volt a visszacsatolás, akkor…?<br />Miért ne lett volna az?<br />Korai mátrix:<br />Vízszintes<br />Függőleges<br />
  5. 5. Mi volt akkor a navigációs menük egyik feladata!<br />Segíteni az embereknek, hogy eligazodjanak!<br />1. Találjanak megfelelő terméket, szolgáltatót.<br />2. Találják meg a szükséges információkat az ajánlatokról.<br />3. Lássák, hogy merre járnak.<br />4. Lássák, hogy merre mehetnek.<br />
  6. 6. Mi volt a navigációs menük másik feladata!<br />Segíteni a vállalkozásoknak, hogy eligazítsanak!<br />Mutassa, mi hol érhető el, (kiemelt tartalmak, háttér tájékoztatók, akciók, ajánlatok).<br />2. Növelje az eladást a többlet vásárlásokkal (crosssell, upsell, aftersell)<br />
  7. 7. Azóta megváltoztak<br />a weblap menü navigáció <br />céljai!<br />7<br />E-Bridges eMarketing<br />
  8. 8. 1998 óta a navigációs menüknek 2 újabb feladata van:<br />indexelje jól a weblapot a Google!<br />Legyen a weblap az első index oldalon!<br />konvertáljon, alakítsa ki vagy alakítsa át a kapcsolatokat!<br />Vezesse el az embereket a konverziós pontokhoz!<br />
  9. 9. 2010-re a menük és a navigáció valódi célja a <br />hogy az emberek ne csupán eligazodjanak, de aktív partnerré váljanak!<br />hogy a vállalkozások ne csak eligazítsanak, de döntésre és cselekvésremotiváljanak!<br />konverzió!<br />Cselekvésre, közvetlen válaszra motivál, véleményt formál,<br />
  10. 10. Mi a konverzió!<br />Regisztrálj! Vásárolj! Rendelj! Vegyél részt! <br />Értékelj! Kérj hírlevelet! Oszd meg! <br />Térj vissza! Rendelj újra! Vásárolj még! <br />Értékelj újra! Maradj kapcsolatban!<br />
  11. 11. A menü navigáció célja a<br />konverzió!<br />Miért legyen interaktív a site navigáció!<br />A felhasználót aktivizálja: válasz akció, értékelés, megosztás másokkal, stb.<br />
  12. 12. Ezért a navigáció feladata a konverziós útvonalak rugalmas alakítása!<br />A menüstruktúra igazodjon <br />azértékesítési és konverziós <br />útvonalakhoz!<br />12<br />E-Bridges eMarketing<br />Optimalizált úton <br />vezessen az <br />optimális célhoz!<br />
  13. 13. Awebsite navigáció alaprendszerei a konverziót szolgálják:<br />Szekciók és kategóriák (Melyik a magasabb rendű? szekció > kategória > cikk)<br />Automatikus linkek ( kulcsszavakra automatikus linket generál a szövegben)<br />Tartalom linkek (saját tartalomra mutató belső linkek)<br />Multi kategorizálás (egyetlen cikk több kategóriában is megjelenhet!)<br />Site Linkek (más website-ra mutató kimenő hivatkozások)<br />Site Map (kategorizált oldaltérkép)<br />Site Navigáció (vissza a tetejére, breadcrumbs, előzmények, korábban megtekintett termékek, stb)<br />Menü szisztémák (szöveges, képes, numerikus, basic, multi, mega, stb)<br />13<br />E-Bridges eMarketing<br />
  14. 14. kategória<br />cikkek<br />MENÜK<br />MENÜK<br />kategória<br />cikkek<br />MENÜK<br />szekció<br />Egy szekcióhoz tartozhat <br />több kategória is!!! <br />Egy cikk több menüben is<br />publikálható!<br />A szekció és a kategória <br />közvetlenül is lehet menü!<br />Egy cikk menü nélkül,<br />belső linkkel is publikálható! <br />MENÜK<br />cikkek<br />kategória<br />MENÜK<br />MENÜK<br />MENÜK<br />kategória<br />MENÜK<br />cikkek<br />cikkek<br />
  15. 15. ?<br />kategória<br />cikkek<br />MENÜK<br />MENÜK<br />kategória<br />cikkek<br />Hol jön létre a konverzió?<br />Több helyen is létrejöhet, <br />de előre nem lehet pontosan kiszámítani, <br />mint ahogy a horgász se tudja, <br />hol harapnak a halak, mégis fog!<br />A konverzió optimalizálás <br />a menük folyamatos igazodása <br />a tartalom változásaihoz <br />és a vevők válaszaihoz.<br />MENÜK<br />szekció<br />?<br />MENÜK<br />cikkek<br />kategória<br />MENÜK<br />?<br />MENÜK<br />MENÜK<br />kategória<br />MENÜK<br />cikkek<br />cikkek<br />
  16. 16. Tudom, hogy <br />a site navigációt folyamatosan változtatják a<br />Usability<br />Accessibility<br />Audiance<br />Tools<br />Technology<br />Commercialism<br />Convention<br />Használhatóság -<br />Hozzáférhetőség -<br />Célközönség -<br />Eszközök, módszerek -<br />Technológia -<br />Gazdaságosság -<br />Hagyományok -<br />kutatások, „bestpractice”, növekvő tudatosság<br />jogi és etikai igények a szabad hozzáférés és megosztás terén<br />sokkal több, demográfiai és más módon differenciált, elvárás!!CMS template, menürendszerek, SEOoptimalizáció, analitika<br />browsers, Javascript, Ajax, mobil, API,stb<br />Google analitikai mérések, TCO költséghatékonyság, megtérülés<br />navigációs menük, breadcrumbs, linkek, standardok<br />és a konverzió!<br />
  17. 17. modul rendszerben<br />Ezért készül a navigációs struktúra rugalmasan cserélhető<br />Header modul<br />Top modul<br />Banner modul<br />User 2 modul<br />User 1 modul<br />Right modul<br />
  18. 18. Tudom, hogy <br />a site navigációt valójában az<br />üzlet kommunikációja alakítja!<br />
  19. 19. A site navigáció<br />Folyamatosan követi<br />a felhasználói tudásszintet!<br />
  20. 20. A site navigáció<br />Folyamatosan követi<br />a technológiai <br />fejlesztéseket!<br />
  21. 21. Milyen a <br />http://apple.com<br />menü navigációja2010-ben?<br />
  22. 22. Navigációs alap menü termék csoportok és szolgáltatások<br />1.szintű<br />központi<br />nyitó oldal<br />Érték közvetítés<br />Alap információs menü<br />
  23. 23. Ennyi volna az egész?<br />Ha nem, … akkor… mi van mögötte?<br />Több szintű, több irányú, kereszt navigációs menüstruktúra,közvetlen és közvetett belső konverziós útvonalakkal.<br />
  24. 24. A mega menü több mélységben navigál!<br />Nyitó oldal<br />2. szintű belső nyitó<br />3. szintű belső oldalak, +….<br />
  25. 25. WEBÁRUHÁZ<br />a 2. szintű központi NYITÓ oldalon<br />Klasszikus menü szerkezet<br />webshop<br />Termék kategóriák, <br />kiemelt ajánlatok képpel, <br />szöveges bevezetőkkel<br />
  26. 26. Top menü<br />KIEMELT TERMÉK<br />a 2. szintű központi nyitó oldalon<br />Képes menü<br />Kiemelt ajánlat<br />Mac<br />PC és Macbook kínálat<br />Menü Boxok,<br />kép + szöveg<br />kiemelt ajánlatok képpel, <br />szöveges bevezetőkkel<br />Kiemelt ajánlatok<br />Kiemelt téma<br />Menü boxok, <br />ikon + szöveg<br />Menü linkek<br />
  27. 27. KIEMELT TERMÉKEK<br />Szöveges menü<br />a 2. szintű központi NYITÓ oldalon<br />Képes menü<br />Menük a 3. szinthez<br />Kiemelt ajánlat<br />iPod<br />kínálat<br />kiemelt ajánlatok képpel, <br />szöveges bevezetőkkel<br />Menü box-ok<br />Menük a 3. szinthez<br />Kiemelt tájékoztatók<br />Kiemelt ajánlat<br />Szöveges menü<br />
  28. 28. KIEMELT TERMÉKEK<br />Menük a 3. szinthez<br />a 2. szintű központi NYITÓ oldalon<br />Kiemelt ajánlat<br />iPhonekínálat<br />KIEMELT TERMÉK kiemelt ajánlatok képpel, <br />szöveges bevezetőkkel<br />Képes menü box-ok<br />Kiemelt tájékoztatók<br />Kategória menü <br />Irány a boltba!<br />Közvetlen kapuk, <br />legalább <br />5 konverzió csatorna<br />
  29. 29. TÁJÉKOZTATÓK<br />Menük a 4. szinthez<br />3. szintű központi NYITÓ oldalon<br />4.szint<br />Termék specifikációk, <br />technikai leírások, <br />bevezetők a bővebb termék leírásokhoz<br />
  30. 30. SZOLGÁLTATÁSOK<br />a 2. szintű központi NYITÓ oldalon<br />kiemelt ajánlatok képpel, <br />szöveges bevezetőkkel<br />hibakezelés, gyorsjavítás, személyes tanácsadás,<br />kiegészítő termékek, gyakori kérdések, letöltések,<br />közösségi oldalak<br />Multi menü<br />Menük a 3. szinthez<br />
  31. 31. Kategorizált<br />információk<br />a 3.szintü tájékoztató oldalon<br />Hagyományos téma rendszer<br />Kategóriák a 4. szinthez<br />Egyre kevesebb a kép, <br />egyre több a technikai adat<br />
  32. 32. „Mindent annyira kéne leegyszerűsíteni, amennyire az lehetséges, de nem jobban!”<br />„Everythingshould be made assimpleaspossible, butnotsimpler”<br />A. Einstein<br />Bonyolultan egyszerű<br />milyen a site design és navigációs trend 2010-ben! <br />A weblapon, a látogató saját választott útvonalát tartsa egyszerűnek!<br />Elég, ha mi tudjuk, hogy az milyen bonyolult! <br />
  33. 33. Foglaljuk össze!<br />33<br />E-Bridges eMarketing<br />
  34. 34. Több szinten épül és dolgozik minden sikeres websitenavigációs rendszere<br />A navigációnak több konverziós csatornát is ki kell szolgálni!<br />A vevő a saját gondolatmenetét akarja követni! <br />34<br />E-Bridges eMarketing<br />
  35. 35. Regisztrálj! Vásárolj!<br />Tudj meg még többet! Olvass! Értelmezd! Mazsolázgass! …és<br />Rendelj! Vegyél részt!De, legalább kérj hírlevelet!<br />Fogadd el, amit kínálok, alapozzunk meg egy hossútávú kapcsolatot!<br /> A konverzió<br />több szinten is létre jöhet! <br />
  36. 36. Hierarchia szintek:<br />Központi nyitó oldal<br />I. szint<br />Alközpontok<br />II. - III. szint<br />Egyedi oldalak<br />IV. szint<br />…és hol a konverzió?<br />
  37. 37. A navigáció követiés kiszolgáljaa felhasználó és vásárló típusokat! <br />I. szint<br />II. szint<br />III. szint<br />IV. szint<br />Go &buy!<br />Visszatérő vevőkKorai elfogadók<br />konverzió<br />Go &buy!<br />konverzió<br />Első vásárlókKorai többség<br />konverzió<br />Go &buy!<br />Első vásárlókKései elfogadók<br />
  38. 38. A konverziós útvonalak<br />rendszere érzelmekre ható,<br />a fogyasztói magatartást követő<br />sokirányú mátrix!<br />
  39. 39. 2010-ben<br />alapkövetelmény <br />a <br />több <br />szintű <br />site <br />navigáció! <br />39<br />E-Bridges eMarketing<br />
  40. 40. A mega menük több tartalmi és konverziós szint, <br />között navigálnak! <br />Márka, arculat ésképviselt értékek<br />termékek,<br />szolgáltatások,terméktámogatás<br />vásárlói szokásokhoz <br />igazodó promóció, tájékoztatók,konverziós csatornák<br />árak, akciók,ajánlatok,kapcsolatok<br />Követik a szintek közötti hierarchiát!<br />Követik a konverziós útvonalakat!<br />Mérések, vevőkövetés,értékelés, fórum,<br />blog, közösség építés<br />40<br />E-Bridges eMarketing<br />
  41. 41. Az üzleti kommunikáció ésa site navigációs útvonalak<br />közös feladata: <br />a konverzió támogatása!<br />
  42. 42. Konverzió!<br />3. szintű tájékoztató oldalon<br />Go shopping<br />Keress boltot a közeledben<br />Tovább a IV.szintre<br />Tanuld meg használni!<br />Training & shopping<br />Go shopping<br />Regisztrálj<br />Légy tag, kérj hírlevelet!<br />Tovább a IV.szintre<br />Tovább a IV.szintre<br />Go shopping<br />Tovább a IV.szintre<br />
  43. 43. Konverzió!<br />4. szintütájékoztató oldalon<br />Go &Buy!<br />Felhasználók<br />tréningjei <br />Tanuld meg használni!<br />Eladásnövelő <br />tájékoztatók<br />vevőknek<br />Hogyan vásárolj!Hogyan használd!<br />
  44. 44. Konverzió!<br />3. szintütájékoztató oldal<br />Értékesítők <br />tréningjei és <br />segédletei<br />Tanuld meg eladni!<br />Eladásnövelő <br />megoldások <br />disztribútoroknak<br />Go &sell!<br />IV.szint<br />
  45. 45. Tudom, hogy<br />hogy a<br />konverziómiért <br />eredményes <br />vagy miért nem,…<br />45<br />E-Bridges eMarketing<br />
  46. 46. …, hogy mikor és hogyan használjuk a konverzió követésre a Google API kódokat!<br />Értékesítési <br />oldal<br />Webáruház<br />Tájékoztató <br />oldal<br />Akciós oldal<br />Űrlapok<br />Hírlevelek<br />Külső <br />hivatkozások<br />Bannerek<br /> hirdetések<br />Partner <br />oldalak<br />Voucher, <br />kupon<br />Google API<br />
  47. 47. Követjük és mérjük,<br />hogy hol jött létre a konverzió! <br />Melyik <br />a legkedveltebb csatorna?<br />Melyik vevő, <br />melyik navigációt használja?<br />Hol, melyik szinten hagyják el az oldalt! <br />Ha az első vagy a 2-3. szinten, akkor nem ezt keresték, nem volt vonzó a kínálat , vagy a megjelenés (navigáció, site struktúra, tájékoztató tartalom).<br />Ha a 4.lépésben sincs konverzió, akkor nem is akartak vásárolni, még gondolkodnak, vagy a konkurencia volt!<br />
  48. 48. A web analitika és a konverzió mérés megváltoztatják <br />a site navigációt is!<br />Melyik menü hoz több konverziót?<br />Folyamatos értékelés az analitikai eszközökkel: <br />GoogleAnalytics, WebmasterTools, site metrics<br />
  49. 49. E-Bridges eMarketing<br />49<br />Átlagos konverziós ráták 2010-ben az E-BridgeseMarketing kezelésében működő weblapoknál<br />Kis és közép vállalkozások - konverziós átlag 3000 -5000Ft-os napi hirdetési költséggel <br />
  50. 50. Menük, kiemelt box-ok és gombok - ezekből épül ma a weblapok 99%-a! <br />DE! Kinek készülnek?<br />A korai elfogadóknak? A lassú haladónak? A kései elfogadóknak?<br />
  51. 51. A site navigáció<br />rugalmasan<br />szolgáljon ki<br />minden igényt!<br />
  52. 52. Adjon megoldást mindegyik felhasználó ésfogyasztó típusnak, <br />ne csak azoknak, <br />akik akkor vesznek mobilt, <br />ha már nem kapnak vezetékest!<br />52<br />E-Bridges eMarketing<br />
  53. 53. Tudom, hogy <br />ezért követelmény <br />a többféle konverziós csatorna!<br />53<br />E-Bridges eMarketing<br />
  54. 54. 54<br />E-Bridges eMarketing<br />
  55. 55. Tudom, hogy<br />a site navigáció<br />hogyan kövesse<br />a felhasználói és fogyasztói szokásokat!<br />
  56. 56. Szöveges menü 1.<br /> 2. <br />2010<br />Mega menü<br />Navigációs alap menü<br />Képes menü<br />Konverziós<br />menü blokk<br />Vegyes menü<br />Szöveges menü<br />
  57. 57. Tudom, hogy<br />2010-ben<br />Hogyan tervezzünk minden igényt kiszolgáló weblapot, <br /> lépésről-<br /> lépésre!<br />57<br />E-Bridges eMarketing<br />
  58. 58. Hol, mivel indítsuk a konverziós útvonalakat?<br />Hány útvonalat alakítsunk ki?<br />Hány konverziós kijáratot építsünk be?<br />Hol legyen cross link (belső kereszt link)?<br />Milyen arányban legyenek az érzelmekre és értelemre ható navigációs elemek?<br />Melyik struktúra szinteken, milyen navigációt használjunk?<br />Melyik termék vagy szolgáltatás, milyen navigációs csatornákon adható el?<br />A válaszokat már a site struktúra <br />tervezésénél tudni kell!<br />
  59. 59. Weblap készítés - weblap működtetés <br />kis- és közép vállalkozások az Interneten<br />Az online marketing alapjai<br />A weblap és webáruház tervezés alapjai<br />E-Bridges<br />vállalkozásfejlesztő<br />képzések 2010<br />Előadás és workshopSkype-on<br />E-Bridges<br />Üzleti kommunikációs <br />Képzések 2010<br />59<br />E-Bridges eMarketing<br />

×