ݺߣ

ݺߣShare a Scribd company logo
Ilyen llat pedig nincs 3.
MobileHungary2014
BublikMt
KERESKEDELEMRE
OPTIMALIZ?L?S
? E-commerce + M-commerce = Smart commerce
? 2015-re a netes eszk?z?k t?bb mint fele okostelefon, tblagp
? Mobilos online eladsok bevtele 15-20%-ra n?
? Felhasznli s vsrlsi lmny n?velse szksges
? Optimalizls fontossga online keresked?knek
OKOSKERESKEDELEM
Optimalizls kereskedelemre - Mobile Hungary 2014
? J felhasznli lmny: 0-100 ms
? Alig rezhet? kss: 100-300 ms
? ?szlelhet? kss: 300-1000 ms
? Zavar kss: 1+ msodperc
? Oldal elhagys: 10+ msodperc
Felhasznlilmny
? Google ajnlsa alapjn 1 mp alatti bet?lt?dst kell elrni
? A mobil oldalak t?bbsge 7 msodperc alatt t?lt?dik be
? 1 msodperc bet?ltsi id? n?vekeds
o 7% konverzi vesztesg
o 11%-kal kevesebb oldal megtekints
o 16%-kal kisebb gyfl-elgedettsg
bet?ltsiid?
? Amazon
o 0,1 mp oldal gyorsuls
? 1% bevtel n?vekeds
? Shopzilla
o 6-rl 1,2 mp-ra gyorsuls
? 12% bevtel n?vekeds
? 25%-kal t?bb oldalmegtekints
OLDALGYORSUL?SHAT?SAI
? Szerver vlasz s layout renderels legyen kevesebb, mint 200 ms
? ?tirnytsok, krsek s forrskd minimalizlsa
? Optimalizlt JavaScript futs s renderels
? Kls? JS s CSS bet?ltsnek mell?zse
hajts feletti rszben
TELJES?TM?NYN?VEL?S
? Gyors bet?ltshez nem kell renderelni
egsz oldalt, csak a hajts feletti rszt
? Hajts felett legyen inline stlusformzs
? Ksleltetett bet?lts a maradk CSS s JS-hez
? Kerlni kell a HTML-ben az inline JS kdot
HAJT?SFELETTIRENDEREL?S
? Ahol lehet, kpek helyett CSS
? Kpek t?m?rtse
? HTTP krsek minimalizlsa
? Kisebb felbonts kpek kiszolglsa
? Reszponzv kpek JS-sel
K?POPTIMALIZ?L?S
? Gyors bejelentkezs
o aktv k?z?ssgi
mdia hozzfrssel
BEL?P?S,FIZET?Sk?nnyts
? Mobilos fizets
o PayU mobil alkalmazs
? whatsmyua.com
o LG Nexus 5, Android 4.4 KitKat, Google Chrome Mobile
Mozilla/5.0 (Linux; Android 4.4; Nexus 5 Build/KRT16M) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/31.0.1650.59 Mobile Safari/537.36
o Apple iPhone 5s, iOS 7, Safari:
Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_2 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko)
Version/7.0 Mobile/11A501 Safari/9537.53
o Smartphone Googlebot:
Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko)
Version/6.0 Mobile/10A5376e Safari/8536.25 (compatible; Googlebot/2.1;
+http://www.google.com/bot.html)
? User-Agent Switcher
o B?ngsz?b?vtmny az asztali gpr?l val tesztelshez
USER-AGENT
? Kl?n URL (pl.: m. aldomain)
? User-agent alapjn tirnyts
megfelel? eszk?zre
? Duplikcik elkerlse szksges
o desktop URL-ekre: link rel="alternate"
o mobil URL-ekre: link rel="canonical"
? Egyszer?bb teljestmnyoptimalizls
? Kt verzi tartalmt s kapcsolatt
szinkronban kell tartani
K?L?NMOBILOLDAL
? Azonos URL
? User-agent alapjn kl?nb?z? HTML kd kiszolglsa
? Eszk?zfgg? tartalom jelzse szksges a Googlebotnak
(HTTP fejlcben Vary: User-agent hasznlatval)
? Nincs szksg tirnytsokra, kanonizcis meta elemekre
DINAMIKUSTARTALOM
? Google ltal leginkbb javasolt megolds
? Egy HTML kd s egy URL
? Media Query CSS szablyok
a szlessgfgg? megjelenshez
@media all and (max-width: 320px) {  }
? Nincs tirnyts s t?bb tartalom
? Teljestmny optimalizls tern nem a legel?ny?sebb
? Mobil eszk?z?kre is let?lt?dik minden elem
? Rgebbi b?ngsz?k nem tmogatjk a HTML5 s CCS3 technolgit
RESZPONZ?VDESIGN
? Legnagyobb e-commerce webhelyek Google PageSpeed
Insights sebessg teljestmnytesztje (Mobil %, Asztali %)
TELJES?TM?NYTESZT
? Nem reszponzv oldalak:
o apple.com (59%, 74%)
o ebay.com (79%, 82%)
o amazon.com (75%, 86%)
o aliexpress.com (59%, 80%)
? Reszponzv oldalak:
o sony.com (41%, 57%)
o walmart.ca (51%, 63%)
o currys.co.uk (54%, 88%)
o real.de (40%, 55%)
? Minta kdgy?jtemny: http://tedgoas.github.io/Cerberus
? HTML-be begyazott CSS stlusok
? Tblzatok alkalmazsa (table, tr, td elemek)
? Media query-k hasznlata
RESZPONZ?VE-MAIL
? Szegmentls
? Mintavtelezs elkerlse
MOBILFORGALOMKERES?B?L
? Keres?- s felhasznlbart URL-ek
? Egyedi meta s szemantikus elemek
? Strukturlt adatok, mikroadatok
? Navigci, tjrhatsg, indexelhet?sg
? XML webhelytrkp
? T?r?lt termkek, megsz?nt kategrik
tirnytsa
KERES?OPTIMALIZ?L?S
? Hierarchia struktra
? Hasznos, egyedi tartalom
o Kategria listz oldalakhoz
o Tematikus ismertet?k, tjkoztatk
o Rszletes termklersok
o Felhasznlk ltal generlt tartalom
o Paramterek, cmkk
o Bels? duplikcik elkerlse
TARTALOMFEJLESZT?S
? Not provided kulcssz visszafejtse
?j Google Analytics (GA) nzet ltrehozsa sz?r?vel:
NOTPROVIDEDKULCSSZ?
NOTPROVIDED->URL
? Brand
? Nonbrand
o Head
o Torso
o Long tail
? Google AdWords s
Webmestereszk?z?k
k?z?s kulcsszriportja
KULCSSZSZEGMENT?L?S
? Google Analytics j m?k?dtetsi szabvnya (protokoll)
? Jobb adatgy?jts brmilyen digitlis eszk?zr?l
? T?bbplatformos, cross-device mrsi megolds
? Megvltozott ltogats (session) kezelsi md
? B?ngsz?stik tiltsa esetn is kpes adatokat gy?jteni
UNIVERSALANALYTICS
? Egyel?re nincs j riport, m?k?dsben tr el
? Egyni dimenzik s mutatk
? Offline konverzik mrhet?sge
? ?j k?vet?kd
? Rgi GA fikokban elrhet? az UA-ra t?rtn? frisstsi lehet?sg
? R?videsen minden fiknak k?telez? lesz hasznlni
T?BBPLATFORMOSM?R?S
? Sok beillesztett mr?- s k?vet?kd helyett egy trol kd
? Elemzsi s k?vetsi cmkk
? Aktivlsi szablyok
? Makrk: nv-rtk prok
? Adatrteg (dataLayer): JS-objektum
? Automatikus esemnyk?vets
GOOGLETAGMANAGER
K?SZ?N?MAFIGYELMET!
? Bublik Mt
Keres?marketing specialista
(Allegro Group HU Kft.)
hu.linkedin.com/in/matebublik
twitter.com/bublikmate
bublik.mate@gmail.com

More Related Content

Optimalizls kereskedelemre - Mobile Hungary 2014

  • 1. Ilyen llat pedig nincs 3. MobileHungary2014 BublikMt KERESKEDELEMRE OPTIMALIZ?L?S
  • 2. ? E-commerce + M-commerce = Smart commerce ? 2015-re a netes eszk?z?k t?bb mint fele okostelefon, tblagp ? Mobilos online eladsok bevtele 15-20%-ra n? ? Felhasznli s vsrlsi lmny n?velse szksges ? Optimalizls fontossga online keresked?knek OKOSKERESKEDELEM
  • 4. ? J felhasznli lmny: 0-100 ms ? Alig rezhet? kss: 100-300 ms ? ?szlelhet? kss: 300-1000 ms ? Zavar kss: 1+ msodperc ? Oldal elhagys: 10+ msodperc Felhasznlilmny ? Google ajnlsa alapjn 1 mp alatti bet?lt?dst kell elrni
  • 5. ? A mobil oldalak t?bbsge 7 msodperc alatt t?lt?dik be ? 1 msodperc bet?ltsi id? n?vekeds o 7% konverzi vesztesg o 11%-kal kevesebb oldal megtekints o 16%-kal kisebb gyfl-elgedettsg bet?ltsiid?
  • 6. ? Amazon o 0,1 mp oldal gyorsuls ? 1% bevtel n?vekeds ? Shopzilla o 6-rl 1,2 mp-ra gyorsuls ? 12% bevtel n?vekeds ? 25%-kal t?bb oldalmegtekints OLDALGYORSUL?SHAT?SAI
  • 7. ? Szerver vlasz s layout renderels legyen kevesebb, mint 200 ms ? ?tirnytsok, krsek s forrskd minimalizlsa ? Optimalizlt JavaScript futs s renderels ? Kls? JS s CSS bet?ltsnek mell?zse hajts feletti rszben TELJES?TM?NYN?VEL?S
  • 8. ? Gyors bet?ltshez nem kell renderelni egsz oldalt, csak a hajts feletti rszt ? Hajts felett legyen inline stlusformzs ? Ksleltetett bet?lts a maradk CSS s JS-hez ? Kerlni kell a HTML-ben az inline JS kdot HAJT?SFELETTIRENDEREL?S
  • 9. ? Ahol lehet, kpek helyett CSS ? Kpek t?m?rtse ? HTTP krsek minimalizlsa ? Kisebb felbonts kpek kiszolglsa ? Reszponzv kpek JS-sel K?POPTIMALIZ?L?S
  • 10. ? Gyors bejelentkezs o aktv k?z?ssgi mdia hozzfrssel BEL?P?S,FIZET?Sk?nnyts ? Mobilos fizets o PayU mobil alkalmazs
  • 11. ? whatsmyua.com o LG Nexus 5, Android 4.4 KitKat, Google Chrome Mobile Mozilla/5.0 (Linux; Android 4.4; Nexus 5 Build/KRT16M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36 o Apple iPhone 5s, iOS 7, Safari: Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_2 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A501 Safari/9537.53 o Smartphone Googlebot: Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25 (compatible; Googlebot/2.1; +http://www.google.com/bot.html) ? User-Agent Switcher o B?ngsz?b?vtmny az asztali gpr?l val tesztelshez USER-AGENT
  • 12. ? Kl?n URL (pl.: m. aldomain) ? User-agent alapjn tirnyts megfelel? eszk?zre ? Duplikcik elkerlse szksges o desktop URL-ekre: link rel="alternate" o mobil URL-ekre: link rel="canonical" ? Egyszer?bb teljestmnyoptimalizls ? Kt verzi tartalmt s kapcsolatt szinkronban kell tartani K?L?NMOBILOLDAL
  • 13. ? Azonos URL ? User-agent alapjn kl?nb?z? HTML kd kiszolglsa ? Eszk?zfgg? tartalom jelzse szksges a Googlebotnak (HTTP fejlcben Vary: User-agent hasznlatval) ? Nincs szksg tirnytsokra, kanonizcis meta elemekre DINAMIKUSTARTALOM
  • 14. ? Google ltal leginkbb javasolt megolds ? Egy HTML kd s egy URL ? Media Query CSS szablyok a szlessgfgg? megjelenshez @media all and (max-width: 320px) { } ? Nincs tirnyts s t?bb tartalom ? Teljestmny optimalizls tern nem a legel?ny?sebb ? Mobil eszk?z?kre is let?lt?dik minden elem ? Rgebbi b?ngsz?k nem tmogatjk a HTML5 s CCS3 technolgit RESZPONZ?VDESIGN
  • 15. ? Legnagyobb e-commerce webhelyek Google PageSpeed Insights sebessg teljestmnytesztje (Mobil %, Asztali %) TELJES?TM?NYTESZT ? Nem reszponzv oldalak: o apple.com (59%, 74%) o ebay.com (79%, 82%) o amazon.com (75%, 86%) o aliexpress.com (59%, 80%) ? Reszponzv oldalak: o sony.com (41%, 57%) o walmart.ca (51%, 63%) o currys.co.uk (54%, 88%) o real.de (40%, 55%)
  • 16. ? Minta kdgy?jtemny: http://tedgoas.github.io/Cerberus ? HTML-be begyazott CSS stlusok ? Tblzatok alkalmazsa (table, tr, td elemek) ? Media query-k hasznlata RESZPONZ?VE-MAIL
  • 17. ? Szegmentls ? Mintavtelezs elkerlse MOBILFORGALOMKERES?B?L
  • 18. ? Keres?- s felhasznlbart URL-ek ? Egyedi meta s szemantikus elemek ? Strukturlt adatok, mikroadatok ? Navigci, tjrhatsg, indexelhet?sg ? XML webhelytrkp ? T?r?lt termkek, megsz?nt kategrik tirnytsa KERES?OPTIMALIZ?L?S
  • 19. ? Hierarchia struktra ? Hasznos, egyedi tartalom o Kategria listz oldalakhoz o Tematikus ismertet?k, tjkoztatk o Rszletes termklersok o Felhasznlk ltal generlt tartalom o Paramterek, cmkk o Bels? duplikcik elkerlse TARTALOMFEJLESZT?S
  • 20. ? Not provided kulcssz visszafejtse ?j Google Analytics (GA) nzet ltrehozsa sz?r?vel: NOTPROVIDEDKULCSSZ?
  • 22. ? Brand ? Nonbrand o Head o Torso o Long tail ? Google AdWords s Webmestereszk?z?k k?z?s kulcsszriportja KULCSSZSZEGMENT?L?S
  • 23. ? Google Analytics j m?k?dtetsi szabvnya (protokoll) ? Jobb adatgy?jts brmilyen digitlis eszk?zr?l ? T?bbplatformos, cross-device mrsi megolds ? Megvltozott ltogats (session) kezelsi md ? B?ngsz?stik tiltsa esetn is kpes adatokat gy?jteni UNIVERSALANALYTICS
  • 24. ? Egyel?re nincs j riport, m?k?dsben tr el ? Egyni dimenzik s mutatk ? Offline konverzik mrhet?sge ? ?j k?vet?kd ? Rgi GA fikokban elrhet? az UA-ra t?rtn? frisstsi lehet?sg ? R?videsen minden fiknak k?telez? lesz hasznlni T?BBPLATFORMOSM?R?S
  • 25. ? Sok beillesztett mr?- s k?vet?kd helyett egy trol kd ? Elemzsi s k?vetsi cmkk ? Aktivlsi szablyok ? Makrk: nv-rtk prok ? Adatrteg (dataLayer): JS-objektum ? Automatikus esemnyk?vets GOOGLETAGMANAGER
  • 26. K?SZ?N?MAFIGYELMET! ? Bublik Mt Keres?marketing specialista (Allegro Group HU Kft.) hu.linkedin.com/in/matebublik twitter.com/bublikmate bublik.mate@gmail.com