advertisement

Optimalizálás kereskedelemre - Mobile Hungary 2014

50 %
50 %
advertisement
Information about Optimalizálás kereskedelemre - Mobile Hungary 2014
Marketing

Published on March 13, 2014

Author: bublikmate

Source: slideshare.net

Description

Ilyen állat pedig nincs 3.: Optimalizálás kereskedelemre
Mobile Hungary 2014 konferencia (2014. március 13.)
Bublik Máté előadása
advertisement

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

 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

 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ő

 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

 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

 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

 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

 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

 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

 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

 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

 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

 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%)

 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

 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ó, á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

 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

 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óSZEGMENTÁLÁS

 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

 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

 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

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

Add a comment

Related presentations

Brands are more invested today than ever before on curating and distributing paid,...

Marketers need to be creating and publishing original content across many differen...

As content marketing continues to increase in popularity in every industry, more m...

Il Direct Email Marketing (DEM) è una tipologia di marketing diretto che usa la po...

This presentation contains all 120 rules from Part 1 of the 2nd edition of "Email ...

Olá, somos o Paulo Bernardes e o Pedro Silvestre, temos uma ambição em comum de me...

Related pages

Optimalizálás kereskedelemre - Mobile Hungary 2014 előadás ...

Az Allegro Group HU színeiben tartottam előadást a Mobile Hungary konferencián 2014. március 13-án. Többek között a Vatera példáján kerültek ...
Read more

Mobile edukasi pekalongan 2014 - Education - documents.tips

Optimalizálás kereskedelemre - Mobile Hungary 2014 Ilyen állat pedig nincs 3.: Optimalizálás kereskedelemre Mobile Hungary 2014 konferencia (2014 ...
Read more

optimizer.hu | Keresőmarketing (SEO, PPC), UX blog

Optimalizálás kereskedelemre - Mobile Hungary 2014 ... Az Allegro Group HU színeiben tartottam előadást a Mobile Hungary konferencián 2014. március ...
Read more

optimizer.hu | Keresőmarketing (SEO, PPC), UX blog

The website on optimizer.hu should be available with ... Performancia-optimalizálás SEO ... Optimalizálás kereskedelemre - Mobile Hungary 2014 ...
Read more

Takmičenje Met Mobile 2014 - Education - documents.tips

Download Takmičenje Met Mobile 2014. Transcript. 1. KREIRAJ SVOJU MOBILNU APLIKACIJU, JER MICROSOFT I METROPOLITAN NAGRAĐUJU!Kao i prethodnih godina
Read more

optimizer.hu - keresőoptimalizálás, és közösségi audit a ...

optimizer.hu - ingyenes tartalmi, technikai, közösségi elemzés a SEOcerostól. ... Figyelem, ez az elemzés Több mint 1 hónapja készült ...
Read more

optimizerhu (@optimizerhu) | Twitter

The latest Tweets from optimizerhu (@optimizerhu). optimizer.hu - szakmai blog: keresőmarketing (SEO, PPC), UX, webanalitika, e-kereskedelem és ...
Read more