Ilyen állat pedig nincs 3.
MobileHungary2014
BublikMáté
KERESKEDELEMRE
OPTIMALIZÁLÁS
 E-commerce + M-commerce = Smart commerce
 2015-re a netes eszközök több mint fele okostelefon, táblagép
 Mobilos onlin...
 Jó felhasználói élmény: 0-100 ms
 Alig érezhető késés: 100-300 ms
 Észlelhető késés: 300-1000 ms
 Zavaró késés: 1+ má...
 A mobil oldalak többsége 7 másodperc alatt töltődik be
 1 másodperc betöltési idő növekedés
o 7% konverzió veszteség
o ...
 Amazon
o 0,1 mp oldal gyorsulás
» 1% bevétel növekedés
 Shopzilla
o 6-ról 1,2 mp-ra gyorsulás
» 12% bevétel növekedés
»...
 Szerver válasz és layout renderelés legyen kevesebb, mint 200 ms
 Átirányítások, kérések és forráskód minimalizálása
 ...
 Gyors betöltéshez nem kell renderelni
egész oldalt, csak a hajtás feletti részt
 Hajtás felett legyen inline stílusform...
 Ahol lehet, képek helyett CSS
 Képek tömörítése
 HTTP kérések minimalizálása
 Kisebb felbontású képek kiszolgálása
 ...
 Gyors bejelentkezés
o aktív közösségi
média hozzáféréssel
BELÉPÉS,FIZETÉSkönnyítés
 Mobilos fizetés
o PayU mobil alkalm...
 whatsmyua.com
o LG Nexus 5, Android 4.4 KitKat, Google Chrome Mobile
Mozilla/5.0 (Linux; Android 4.4; Nexus 5 Build/KRT1...
 Külön URL (pl.: m. aldomain)
 User-agent alapján átirányítás
megfelelő eszközre
 Duplikációk elkerülése szükséges
o de...
 Azonos URL
 User-agent alapján különböző HTML kód kiszolgálása
 Eszközfüggő tartalom jelzése szükséges a Googlebotnak
...
 Google által leginkább javasolt megoldás
 Egy HTML kód és egy URL
 Media Query CSS szabályok
a szélességfüggő megjelen...
 Legnagyobb e-commerce webhelyek Google PageSpeed
Insights sebesség teljesítménytesztje (Mobil %, Asztali %)
TELJESÍTMÉNY...
 Minta kódgyűjtemény: http://tedgoas.github.io/Cerberus
 HTML-be beágyazott CSS stílusok
 Táblázatok alkalmazása (table...
 Szegmentálás
 Mintavételezés elkerülése
MOBILFORGALOMKERESŐBŐL
 Kereső- és felhasználóbarát URL-ek
 Egyedi meta és szemantikus elemek
 Strukturált adatok, mikroadatok
 Navigáció, át...
 Hierarchia struktúra
 Hasznos, egyedi tartalom
o Kategória listázó oldalakhoz
o Tematikus ismertetők, tájékoztatók
o Ré...
 Not provided kulcsszó visszafejtése
Új Google Analytics (GA) nézet létrehozása szűrővel:
NOTPROVIDEDKULCSSZÓ
NOTPROVIDED->URL
 Brand
 Nonbrand
o Head
o Torso
o Long tail
 Google AdWords és
Webmestereszközök
közös kulcsszóriportja
KULCSSZóSZEGMEN...
 Google Analytics új működtetési szabványa (protokoll)
 Jobb adatgyűjtés bármilyen digitális eszközről
 Többplatformos,...
 Egyelőre nincs új riport, működésében tér el
 Egyéni dimenziók és mutatók
 Offline konverziók mérhetősége
 Új követők...
 Sok beillesztett mérő- és követőkód helyett egy tároló kód
 Elemzési és követési címkék
 Aktiválási szabályok
 Makrók...
KÖSZÖNÖMAFIGYELMET!
 Bublik Máté
Keresőmarketing specialista
(Allegro Group HU Kft.)
hu.linkedin.com/in/matebublik
twitte...
Optimalizálás kereskedelemre - Mobile Hungary 2014
Upcoming SlideShare
Loading in …5
×

Optimalizálás kereskedelemre - Mobile Hungary 2014

904 views

Published on

Mobile Hungary 2014 konferencia előadás, 2014. március 13.

Published in: Marketing
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
904
On SlideShare
0
From Embeds
0
Number of Embeds
210
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Optimalizálás kereskedelemre - Mobile Hungary 2014

  1. 1. Ilyen állat pedig nincs 3. MobileHungary2014 BublikMáté KERESKEDELEMRE OPTIMALIZÁLÁS
  2. 2.  E-commerce + M-commerce = Smart commerce  2015-re a netes eszközök több mint fele okostelefon, táblagép  Mobilos online eladások bevétele 15-20%-ra nő  Felhasználói és vásárlási élmény növelése szükséges  Optimalizálás fontossága online kereskedőknek OKOSKERESKEDELEM
  3. 3.  Jó felhasználói élmény: 0-100 ms  Alig érezhető késés: 100-300 ms  Észlelhető késés: 300-1000 ms  Zavaró késés: 1+ másodperc  Oldal elhagyás: 10+ másodperc Felhasználóiélmény  Google ajánlása alapján 1 mp alatti betöltődést kell elérni
  4. 4.  A mobil oldalak többsége 7 másodperc alatt töltődik be  1 másodperc betöltési idő növekedés o 7% konverzió veszteség o 11%-kal kevesebb oldal megtekintés o 16%-kal kisebb ügyfél-elégedettség betöltésiidő
  5. 5.  Amazon o 0,1 mp oldal gyorsulás » 1% bevétel növekedés  Shopzilla o 6-ról 1,2 mp-ra gyorsulás » 12% bevétel növekedés » 25%-kal több oldalmegtekintés OLDALGYORSULÁSHATÁSAI
  6. 6.  Szerver válasz és layout renderelés legyen kevesebb, mint 200 ms  Átirányítások, kérések és forráskód minimalizálása  Optimalizált JavaScript futás és renderelés  Külső JS és CSS betöltésének mellőzése hajtás feletti részben TELJESÍTMÉNYNÖVELÉS
  7. 7.  Gyors betöltéshez nem kell renderelni egész oldalt, csak a hajtás feletti részt  Hajtás felett legyen inline stílusformázás  Késleltetett betöltés a maradék CSS és JS-hez  Kerülni kell a HTML-ben az inline JS kódot HAJTÁSFELETTIRENDERELÉS
  8. 8.  Ahol lehet, képek helyett CSS  Képek tömörítése  HTTP kérések minimalizálása  Kisebb felbontású képek kiszolgálása  Reszponzív képek JS-sel KÉPOPTIMALIZÁLÁS
  9. 9.  Gyors bejelentkezés o aktív közösségi média hozzáféréssel BELÉPÉS,FIZETÉSkönnyítés  Mobilos fizetés o PayU mobil alkalmazás
  10. 10.  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öngészőbővítmény az asztali gépről való teszteléshez USER-AGENT
  11. 11.  Külön URL (pl.: m. aldomain)  User-agent alapján átirányítás megfelelő eszközre  Duplikációk elkerülése szükséges o desktop URL-ekre: link rel="alternate" o mobil URL-ekre: link rel="canonical"  Egyszerűbb teljesítményoptimalizálás  Két verzió tartalmát és kapcsolatát szinkronban kell tartani KÜLÖNMOBILOLDAL
  12. 12.  Azonos URL  User-agent alapján különböző HTML kód kiszolgálása  Eszközfüggő tartalom jelzése szükséges a Googlebotnak (HTTP fejlécben Vary: User-agent használatával)  Nincs szükség átirányításokra, kanonizációs meta elemekre DINAMIKUSTARTALOM
  13. 13.  Google által leginkább javasolt megoldás  Egy HTML kód és egy URL  Media Query CSS szabályok a szélességfüggő megjelenéshez @media all and (max-width: 320px) { … }  Nincs átirányítás és több tartalom  Teljesítmény optimalizálás terén nem a legelőnyösebb  Mobil eszközökre is letöltődik minden elem  Régebbi böngészők nem támogatják a HTML5 és CCS3 technológiát RESZPONZÍVDESIGN
  14. 14.  Legnagyobb e-commerce webhelyek Google PageSpeed Insights sebesség teljesítménytesztje (Mobil %, Asztali %) TELJESÍTMÉNYTESZT » Nem reszponzív oldalak: o apple.com (59%, 74%) o ebay.com (79%, 82%) o amazon.com (75%, 86%) o aliexpress.com (59%, 80%) » Reszponzív oldalak: o sony.com (41%, 57%) o walmart.ca (51%, 63%) o currys.co.uk (54%, 88%) o real.de (40%, 55%)
  15. 15.  Minta kódgyűjtemény: http://tedgoas.github.io/Cerberus  HTML-be beágyazott CSS stílusok  Táblázatok alkalmazása (table, tr, td elemek)  Media query-k használata RESZPONZÍVE-MAIL
  16. 16.  Szegmentálás  Mintavételezés elkerülése MOBILFORGALOMKERESŐBŐL
  17. 17.  Kereső- és felhasználóbarát URL-ek  Egyedi meta és szemantikus elemek  Strukturált adatok, mikroadatok  Navigáció, átjárhatóság, indexelhetőség  XML webhelytérkép  Törölt termékek, megszűnt kategóriák átirányítása KERESŐOPTIMALIZÁLÁS
  18. 18.  Hierarchia struktúra  Hasznos, egyedi tartalom o Kategória listázó oldalakhoz o Tematikus ismertetők, tájékoztatók o Részletes termékleírások o Felhasználók által generált tartalom o Paraméterek, címkék o Belső duplikációk elkerülése TARTALOMFEJLESZTÉS
  19. 19.  Not provided kulcsszó visszafejtése Új Google Analytics (GA) nézet létrehozása szűrővel: NOTPROVIDEDKULCSSZÓ
  20. 20. NOTPROVIDED->URL
  21. 21.  Brand  Nonbrand o Head o Torso o Long tail  Google AdWords és Webmestereszközök közös kulcsszóriportja KULCSSZóSZEGMENTÁLÁS
  22. 22.  Google Analytics új működtetési szabványa (protokoll)  Jobb adatgyűjtés bármilyen digitális eszközről  Többplatformos, cross-device mérési megoldás  Megváltozott látogatás (session) kezelési mód  Böngészősütik tiltása esetén is képes adatokat gyűjteni UNIVERSALANALYTICS
  23. 23.  Egyelőre nincs új riport, működésében tér el  Egyéni dimenziók és mutatók  Offline konverziók mérhetősége  Új követőkód  Régi GA fiókokban elérhető az UA-ra történő frissítési lehetőség  Rövidesen minden fióknak kötelező lesz használni TÖBBPLATFORMOSMÉRÉS
  24. 24.  Sok beillesztett mérő- és követőkód helyett egy tároló kód  Elemzési és követési címkék  Aktiválási szabályok  Makrók: név-érték párok  Adatréteg (dataLayer): JS-objektum  Automatikus eseménykövetés GOOGLETAGMANAGER
  25. 25. KÖSZÖNÖMAFIGYELMET!  Bublik Máté Keresőmarketing specialista (Allegro Group HU Kft.) hu.linkedin.com/in/matebublik twitter.com/bublikmate bublik.mate@gmail.com

×