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

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

Milyenek voltak kezdetben a

navigációs menük!

3E-Bridges eMarketing

1989-2000

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?

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.

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)

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

céljai!

7E-Bridges eMarketing

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!

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!

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ó!

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

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!

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

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

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

?

??

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ó!

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

üzlet kommunikációja alakítja!

Tudom, hogy

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

A site navigáció

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

A site navigáció

Folyamatosan követia technológiai fejlesztéseket!

Milyen a http://apple.com

menü navigációja 2010-ben?

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ü

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.

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

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

navigál!

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

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

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

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

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

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

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

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

Foglaljuk össze!

33E-Bridges eMarketing

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

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!

Központi nyitó oldalI. szint

AlközpontokII. - III. szint

Egyedi oldalakIV. szint

Hierarchia szintek:

…és hol a konverzió?

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ó

sokirányú mátrix!

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

alapkövetelmény

a több

szintű site

navigáció!

2010-ben

39E-Bridges eMarketing

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

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

közös feladata:

a konverzió támogatása!

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

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!

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ó!

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

Tudom, hogy

45E-Bridges eMarketing

…, 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

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ó!

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?

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

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?

A site navigációrugalmasanszolgáljon ki

minden igényt!

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

ezért követelmény

a többféle konverziós

csatorna!

Tudom, hogy

53E-Bridges eMarketing

54E-Bridges eMarketing

a site navigáció

hogyan kövessea felhasználói és

fogyasztói szokásokat!

Tudom, hogy

2010

Navigációs alap menü

Képes menü

Szöveges menü 1. 2.

Konverziósmenü blokk

Vegyes menü

Szöveges menü

Mega menü

Tudom, hogy

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

lépésről-

lépésre!

57E-Bridges eMarketing

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!

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