59
Lakatos Gabriella eMarketer CEO E-Bridges eMarketing Az eMarketer notbook-ja sorozat Hogyan igazodik a weblapok menü navigációja a konverzióhoz? E-Bridges Üzleti kommunikációs Képzések 2010

Weblap konverziós útvonalak 2010

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Weblap konverziós útvonalak 2010

Lakatos GabriellaeMarketer

CEO E-Bridges eMarketing

Az eMarketer notbook-ja sorozat

Hogyan igazodik a weblapok

menü navigációja a konverzióhoz?

E-BridgesÜzleti kommunikációs

Képzések 2010

Page 2: Weblap konverziós útvonalak 2010

A weblap 2009-ben

ünnepelte 20. születésnapját!

Tim Berners Lee az első weblap alkotója

1989 -ben készült az első weblap a svájci CERN intézetben1993-tól a web elérhető mindenkinek1998 óta működik a Google kereső rendszere2000 óta az Internet része az életünknek

Page 3: Weblap konverziós útvonalak 2010

Milyenek voltak kezdetben a

navigációs menük!

3E-Bridges eMarketing

1989-2000

Page 4: Weblap konverziós útvonalak 2010

Miért volt a „basic” navigációs struktúra

Korai mátrix:

HOME

1 2 3 4 5 6 7 8

A

B

C

D

E

F

G

egyszerű.vázlat szerű,leltár szerű,bevásárló lista szerű, és…

érzelem mentes!

VízszintesFüggőleges

Kevés volt a funkció, kevés volt a visszacsatolás, akkor…?

Miért ne lett volna az?

Page 5: Weblap konverziós útvonalak 2010

Mi volt akkor a navigációs menük egyik feladata!

Segíteni az embereknek, hogy eligazodjanak!

1. Találjanak megfelelő terméket, szolgáltatót.2. Találják meg a szükséges információkat az ajánlatokról.3. Lássák, hogy merre járnak.4. Lássák, hogy merre mehetnek.

Page 6: Weblap konverziós útvonalak 2010

Mi volt a navigációs menük másik feladata!

Segíteni a vállalkozásoknak, hogy eligazítsanak!1. Mutassa, mi hol érhető el, (kiemelt tartalmak, háttér tájékoztatók, akciók,

ajánlatok).2. Növelje az eladást a többlet vásárlásokkal (cross sell, up sell, after sell)

Page 7: Weblap konverziós útvonalak 2010

Azóta megváltoztaka weblap menü navigáció

céljai!

7E-Bridges eMarketing

Page 8: Weblap konverziós útvonalak 2010

1998 óta a navigációs menüknek 2 újabb feladata van:

indexelje jól a weblapot a Google!Legyen a weblap az első index oldalon!

konvertáljon, alakítsa ki vagy alakítsa át a kapcsolatokat! Vezesse el az embereket a konverziós pontokhoz!

Page 9: Weblap konverziós útvonalak 2010

konverzió!Cselekvésre, közvetlen válaszra motivál, véleményt formál,

2010-re a menük és a navigáció valódi célja a

hogy az emberek ne csupán eligazodjanak, de aktív partnerré váljanak!hogy a vállalkozások ne csak eligazítsanak, de döntésre és cselekvésre motiváljanak!

Page 10: Weblap konverziós útvonalak 2010

Regisztrálj! Vásárolj! Rendelj! Vegyél részt!

Értékelj! Kérj hírlevelet! Oszd meg!

Térj vissza! Rendelj újra! Vásárolj még!

Értékelj újra! Maradj kapcsolatban!

Mi a konverzió!

Page 11: Weblap konverziós útvonalak 2010

konverzió!Miért legyen interaktív a site navigáció!

A felhasználót aktivizálja: válasz akció, értékelés, megosztás másokkal, stb.

A menü navigáció célja a

Page 12: Weblap konverziós útvonalak 2010

A menüstruktúra igazodjon az értékesítési és konverziós útvonalakhoz!

Ezért a navigáció feladata a konverziós útvonalak rugalmas alakítása!

12E-Bridges eMarketing

Optimalizált úton vezessen az optimális célhoz!

Page 13: Weblap konverziós útvonalak 2010

Szekciók és kategóriák (Melyik a magasabb rendű? szekció > kategória > cikk)

Automatikus linkek ( kulcsszavakra automatikus linket generál a szövegben)

Tartalom linkek (saját tartalomra mutató belső linkek)

Multi kategorizálás (egyetlen cikk több kategóriában is megjelenhet!)

Site Linkek (más website-ra mutató kimenő hivatkozások)

Site Map (kategorizált oldaltérkép)

Site Navigáció (vissza a tetejére, breadcrumbs, előzmények, korábban megtekintett termékek, stb)

Menü szisztémák (szöveges, képes, numerikus, basic, multi, mega, stb)

A website navigáció alaprendszerei a konverziót szolgálják:

13E-Bridges eMarketing

Page 14: Weblap konverziós útvonalak 2010

szekció

Egy szekcióhoz tartozhat több kategória is!!!

Egy cikk több menüben ispublikálható!

A szekció és a kategória közvetlenül is lehet menü!

Egy cikk menü nélkül,belső linkkel is publikálható!

kategória

kategória

kategória

kategória

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

cikkek

cikkek

cikkek

cikkek cikkek

Page 15: Weblap konverziós útvonalak 2010

szekció

Hol jön létre a konverzió?

Több helyen is létrejöhet, de előre nem lehet pontosan kiszámítani, mint ahogy a horgász se tudja, hol harapnak a halak, mégis fog!

A konverzió optimalizálás a menük folyamatos igazodása a tartalom változásaihoz és a vevők válaszaihoz.

kategória

kategória

kategória

kategória

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

cikkek

cikkek

cikkek

cikkek cikkek

?

??

Page 16: Weblap konverziós útvonalak 2010

a site navigációt folyamatosan változtatják a

UsabilityAccessibilityAudianceToolsTechnologyCommercialismConvention

Használhatóság -Hozzáférhetőség -Célközönség -Eszközök, módszerek -Technológia -Gazdaságosság -Hagyományok -

kutatások, „best practice”, növekvő tudatosságjogi és etikai igények a szabad hozzáférés és megosztás terénsokkal több, demográfiai és más módon differenciált, elvárás!! CMS template, menü rendszerek, SEO optimalizáció, analitikabrowsers, Javascript, Ajax, mobil, API, stbGoogle analitikai mérések, TCO költséghatékonyság, megtérülésnavigációs menük, breadcrumbs, linkek, standardok

Tudom, hogy

és a konverzió!

Page 17: Weblap konverziós útvonalak 2010

modul rendszerbenEzért készül a navigációs struktúra rugalmasan cserélhető

Header modul

Banner modul

User 1 modul

User 2 modul

Right modul

Top modul

Page 18: Weblap konverziós útvonalak 2010

üzlet kommunikációja alakítja!

Tudom, hogy

a site navigációt valójában az

Page 19: Weblap konverziós útvonalak 2010

A site navigáció

Folyamatosan követia felhasználói tudásszintet!

Page 20: Weblap konverziós útvonalak 2010

A site navigáció

Folyamatosan követia technológiai fejlesztéseket!

Page 21: Weblap konverziós útvonalak 2010

Milyen a http://apple.com

menü navigációja 2010-ben?

Page 22: Weblap konverziós útvonalak 2010

1.szintűközponti

nyitó oldal

Érték közvetítés

Navigációs alap menü termék csoportok és szolgáltatások

Alap információs menü

Page 23: Weblap konverziós útvonalak 2010

Ennyi volna az egész?Ha nem, … akkor… mi van mögötte?

Több szintű, több irányú, kereszt navigációs

menüstruktúra,közvetlen és közvetett belső konverziós útvonalakkal.

Page 24: Weblap konverziós útvonalak 2010

Nyitó oldal 2. szintű belső nyitó 3. szintű belső oldalak, +….

A mega menü több mélységben

navigál!

Page 25: Weblap konverziós útvonalak 2010

Klasszikus menü szerkezeta 2. szintű központi NYITÓ oldalon

Termék kategóriák, kiemelt ajánlatok képpel, szöveges bevezetőkkel

webshop

WEBÁRUHÁZ

Page 26: Weblap konverziós útvonalak 2010

a 2. szintű központi nyitó oldalon

Top menü

Képes menü

Kiemelt ajánlat

Menü Boxok,kép + szöveg

Menü linkek

Menü boxok, ikon + szöveg

Kiemelt téma

Kiemelt ajánlatok

MacPC és Macbook kínálat

kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉK

Page 27: Weblap konverziós útvonalak 2010

Kiemelt ajánlat

Kiemelt ajánlat

Menü box-ok

Kiemelt tájékoztatók

Képes menü

Szöveges menü

Szöveges menü

a 2. szintű központi NYITÓ oldalon

Menük a 3. szinthez

Menük a 3. szinthez

iPodkínálat

kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉKEK

Page 28: Weblap konverziós útvonalak 2010

Kiemelt ajánlat

Kiemelt tájékoztatók

Irány a boltba!Közvetlen kapuk, legalább 5 konverzió csatorna

Képes menü box-ok

Kategória menü

a 2. szintű központi NYITÓ oldalon

Menük a 3. szinthez

iPhone kínálat

KIEMELT TERMÉK kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉKEK

Page 29: Weblap konverziós útvonalak 2010

3. szintű központi NYITÓ oldalon

Termék specifikációk, technikai leírások, bevezetők a bővebb termék leírásokhoz

Menük a 4. szinthez

4.szint

TÁJÉKOZTATÓK

Page 30: Weblap konverziós útvonalak 2010

Multi menü

Menük a 3. szinthez

a 2. szintű központi NYITÓ oldalon

kiemelt ajánlatok képpel, szöveges bevezetőkkelhibakezelés, gyorsjavítás, személyes tanácsadás,kiegészítő termékek, gyakori kérdések, letöltések,közösségi oldalak

SZOLGÁLTATÁSOK

Page 31: Weblap konverziós útvonalak 2010

Kategorizáltinformációk

a 3.szintü tájékoztató oldalon

Hagyományos téma rendszer

Kategóriák a 4. szinthez

Egyre kevesebb a kép, egyre több a technikai adat

Page 32: Weblap konverziós útvonalak 2010

milyen a site design és navigációs trend 2010-ben!

Bonyolultan egyszerű

A weblapon, a látogató saját választott útvonalát tartsa egyszerűnek!

Elég, ha mi tudjuk, hogy az milyen bonyolult!

„Mindent annyira kéne leegyszerűsíteni, amennyire az lehetséges, de nem jobban!”

„Everything should be made as simple as possible, but not simpler” A. Einstein

Page 33: Weblap konverziós útvonalak 2010

Foglaljuk össze!

33E-Bridges eMarketing

Page 34: Weblap konverziós útvonalak 2010

Több szinten épül és dolgozik minden sikeres website navigációs rendszere

A navigációnak több konverziós csatornát is ki kell szolgálni!

A vevő a saját gondolatmenetét akarja követni!

34E-Bridges eMarketing

Page 35: Weblap konverziós útvonalak 2010

Regisztrálj! Vásárolj!Tudj meg még többet! Olvass! Értelmezd! Mazsolázgass! …és

Rendelj! Vegyél részt! De, legalább kérj hírlevelet!

Fogadd el, amit kínálok, alapozzunk meg egy hossútávú kapcsolatot!

A konverziótöbb szinten is létre jöhet!

Page 36: Weblap konverziós útvonalak 2010

Központi nyitó oldalI. szint

AlközpontokII. - III. szint

Egyedi oldalakIV. szint

Hierarchia szintek:

…és hol a konverzió?

Page 37: Weblap konverziós útvonalak 2010

A navigáció követi és kiszolgálja a felhasználó és vásárló típusokat!

I. szint

II. szint

III. szint

IV. szint

Go & buy!

Go & buy!

Go & buy!

Visszatérő vevőkKorai elfogadók

Első vásárlókKorai többség

Első vásárlókKései elfogadók

konverzió

konverzió

konverzió

Page 38: Weblap konverziós útvonalak 2010

sokirányú mátrix!

A konverziós útvonalakrendszere érzelmekre ható,a fogyasztói magatartást követő

Page 39: Weblap konverziós útvonalak 2010

alapkövetelmény

a több

szintű site

navigáció!

2010-ben

39E-Bridges eMarketing

Page 40: Weblap konverziós útvonalak 2010

A mega menük több tartalmi és konverziós szint, között navigálnak!

Márka, arculat ésképviselt értékek

termékek,szolgáltatások,

terméktámogatás

vásárlói szokásokhoz igazodó promóció,

tájékoztatók,konverziós csatornák

árak, akciók,ajánlatok,

kapcsolatok

Mérések, vevőkövetés,értékelés, fórum,

blog, közösség építés

Követik a szintek közötti hierarchiát!Követik a konverziós útvonalakat!

40E-Bridges eMarketing

Page 41: Weblap konverziós útvonalak 2010

Az üzleti kommunikáció és a site navigációs útvonalak

közös feladata:

a konverzió támogatása!

Page 42: Weblap konverziós útvonalak 2010

3. szintű tájékoztató oldalon

Go shoppingKeress boltot a közeledben

Go shoppingRegisztráljLégy tag, kérj hírlevelet!

Go shopping

Tanuld meg használni!Training & shopping

Tovább a IV.szintre

Konverzió!

Tovább a IV.szintre

Tovább a IV.szintre

Tovább a IV.szintre

Page 43: Weblap konverziós útvonalak 2010

4. szintü tájékoztató oldalon

Go & Buy!

Tanuld meg használni!

Eladásnövelő tájékoztatók

vevőknek

Felhasználóktréningjei

Konverzió!

Hogyan vásárolj!Hogyan használd!

Page 44: Weblap konverziós útvonalak 2010

3. szintü tájékoztató oldal

Értékesítők tréningjei és segédletei

Tanuld meg eladni!

Eladásnövelő megoldások

disztribútoroknak

Go & sell!IV.szint

Konverzió!

Page 45: Weblap konverziós útvonalak 2010

hogy a konverzió miért eredményes vagy miért nem,…

Tudom, hogy

45E-Bridges eMarketing

Page 46: Weblap konverziós útvonalak 2010

…, hogy mikor és hogyan használjuk a konverzió követésre a Google API kódokat!

Értékesítési oldal

Webáruház Tájékoztató oldal

Akciós oldal Űrlapok Hírlevelek

Bannerek hirdetések

Partner oldalak

Voucher, kupon

Külső hivatkozások

Google API

Page 47: Weblap konverziós útvonalak 2010

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).

Ha a 4.lépésben sincs konverzió, akkor nem is akartak vásárolni, még gondolkodnak, vagy a konkurencia volt!

Hol, melyik szinten hagyják el az oldalt!

Melyik a legkedveltebb csatorna?Melyik vevő, melyik navigációt használja?

Követjük és mérjük,hogy hol jött létre a konverzió!

Page 48: Weblap konverziós útvonalak 2010

A web analitika és a konverzió mérés megváltoztatják a site navigációt is!

Folyamatos értékelés az analitikai eszközökkel: Google Analytics, Webmaster Tools, site metrics

Melyik menü hoz több konverziót?

Page 49: Weblap konverziós útvonalak 2010

E-Bridges eMarketing 49

Kis és közép vállalkozások - konverziós átlag 3000 -5000Ft-os napi hirdetési költséggel

Átlagos konverziós ráták 2010-ben az E-Bridges eMarketing kezelésében működő weblapoknál

Page 50: Weblap konverziós útvonalak 2010

Menük, kiemelt box-ok és gombok - ezekből épül ma a weblapok 99%-a!

DE! Kinek készülnek? A korai elfogadóknak? A lassú haladónak? A kései elfogadóknak?

Page 51: Weblap konverziós útvonalak 2010

A site navigációrugalmasanszolgáljon ki

minden igényt!

Page 52: Weblap konverziós útvonalak 2010

ne csak azoknak, akik akkor vesznek mobilt, ha már nem kapnak vezetékest!

Adjon megoldást mindegyik felhasználó és fogyasztó típusnak,

52E-Bridges eMarketing

Page 53: Weblap konverziós útvonalak 2010

ezért követelmény

a többféle konverziós

csatorna!

Tudom, hogy

53E-Bridges eMarketing

Page 54: Weblap konverziós útvonalak 2010

54E-Bridges eMarketing

Page 55: Weblap konverziós útvonalak 2010

a site navigáció

hogyan kövessea felhasználói és

fogyasztói szokásokat!

Tudom, hogy

Page 56: Weblap konverziós útvonalak 2010

2010

Navigációs alap menü

Képes menü

Szöveges menü 1. 2.

Konverziósmenü blokk

Vegyes menü

Szöveges menü

Mega menü

Page 57: Weblap konverziós útvonalak 2010

Tudom, hogy

2010-benHogyan tervezzünk minden igényt kiszolgáló weblapot,

lépésről-

lépésre!

57E-Bridges eMarketing

Page 58: Weblap konverziós útvonalak 2010

Hol, mivel indítsuk a konverziós útvonalakat?Hány útvonalat alakítsunk ki?Hány konverziós kijáratot építsünk be?Hol legyen cross link (belső kereszt link)?Milyen arányban legyenek az érzelmekre és értelemre ható navigációs elemek?Melyik struktúra szinteken, milyen navigációt használjunk?Melyik termék vagy szolgáltatás, milyen navigációs csatornákon adható el?

A válaszokat már a site struktúra

tervezésénél tudni kell!

Page 59: Weblap konverziós útvonalak 2010

E-BridgesÜzleti kommunikációs Képzések 2010

E-Bridgesvállalkozásfejlesztőképzések 2010

Weblap készítés - weblap működtetés kis- és közép vállalkozások az InternetenAz online marketing alapjaiA weblap és webáruház tervezés alapjai

Előadás és workshop Skype-on

59E-Bridges eMarketing