8. Mobilos l¨¢togat¨®k
? Elv¨¢rj¨¢k a desktopos sebess¨¦get
? T?bbs¨¦gnek m¨¢r volt probl¨¦m¨¢ja a
mobil oldalak el¨¦r¨¦s¨¦vel
? A lass¨² bet?lt¨¦si id? az egyik f?
probl¨¦ma
? Lass¨² oldalakra nem szeretnek
visszat¨¦rni
9. 1 m¨¢sodperc lassul¨¢s mobilon
? 9,4%-kal cs?kkenti az
oldalmegtekint¨¦seket
? 8,3%-kal n?veli a
visszafordul¨¢si ar¨¢nyt
? 3,5%-kal cs?kkenti a
konverzi¨®s ar¨¢nyt
Forr¨¢s: Google Developers
Instant Mobile Websites
15. ?tlagos bet?lt¨¦si id?
? 2015-ben 5-7 m¨¢sodperc volt
? Google: 1 m¨¢sodperc legyen a l¨¢that¨® tartalom rendel¨¦se
Forr¨¢s: Google Chrome DevTools, 4G, Android
Mobil sebess¨¦gteszt (2016-03-01)
JavaScripttel JavaScript n¨¦lk¨¹l
M¨¦ret (MB) Bet?lt¨¦s (s) M¨¦ret (MB) Bet?lt¨¦s (s)
index.hu 7,6 15,97 4,3 10,93
origo.hu 7,9 16,50 3,3 6,74
444.hu 15,1 31,74 12,4 25,64
24.hu 3,8 12,36 2,5 5,31
vs.hu 5,5 11,02 2,2 5,18
16. Mi¨¦rt lass¨² a mobilnet?
? Wifi ¡Ö 0,3 s
30 Mbit/s
? 4G ¡Ö 2 s
4 Mbit/s
? 3G ¡Ö 8 s
1 Mbit/s
? 2G ¡Ö 18 s
0,45 Mbit/s
1 MB
adatforgalom
17. A mobil sebess¨¦g 4 szab¨¢lya
? C¨¦loldali ¨¢tir¨¢ny¨ªt¨¢sok elker¨¹l¨¦se
? Szerver v¨¢laszid? cs?kkent¨¦se
200 ms alatt legyen
? Blokkol¨® forr¨¢sok elt¨¢vol¨ªt¨¢sa
A megjelen¨ªt¨¦st g¨¢tl¨® JavaScript
¨¦s CSS kiz¨¢r¨¢sa a hajt¨¢s feletti
tartalomban
? L¨¢that¨® tartalom prioriz¨¢l¨¢sa
26. Gyors¨ªtott mobil oldalak
? A Google t¨¢mogatja az
AMP-ot
? Csak mobil keres¨¦sekn¨¦l
jelenik meg
? Carousel lapoz¨® norm¨¢l
Google tal¨¢latok felett
? Organikus forgalom-
n?veked¨¦s
27. Mi¨¦rt gyors az AMP?
?nmegtart¨®ztat¨¢sra k¨¦nyszer¨ªti az oldalakat
? Mell?zi a technol¨®gi¨¢kat, amelyek lass¨ªtj¨¢k az oldalt
? Csak aszinkron szkripteket enged¨¦lyez
? Layout megtart¨¢sa k¨¹ls? forr¨¢sokt¨®l f¨¹ggetlen¨¹l
? K¨¹ls? elemek nem blokkolj¨¢k a bet?lt¨¦st
? Inline CSS, max. 50 kB m¨¦rettel
? Tartalom kap priorit¨¢st a bet?lt¨¦s sor¨¢n
? Rich content be¨¢gyazhat¨®
28. Hirdet¨¦sek, m¨¦rhet?s¨¦g, SEO
? Hirdet¨¦sek sandboxolt
iframe-ben
? Sz¨¢mos m¨¢r t¨¢mogatott
ad network
? Google Analytics k?vet¨¦s
implement¨¢lhat¨®
? Search Console-ban
hib¨¢k megjelen¨ªt¨¦se
? AMP HTML specifik¨¢ci¨®
? Validit¨¢sra ¨¹gyelni kell
? link rel=¡±amphtml¡± ¨¦s
canonical
K?sz?nt?k mindenkit! Bublik M¨¢t¨¦ vagyok a Mindshare SEO specialist¨¢ja.
A teljes¨ªtm¨¦ny ¨¦s a keres?optimaliz¨¢l¨¢s ?sszef¨¹gg¨¦seir?l fogok besz¨¦lni el?ad¨¢som sor¨¢n.
A keres? szimbi¨®zisra t?rekszik a felhaszn¨¢l¨®k ¨¦s a webhelyek k?z?tt.
Az algoritmusok egyr¨¦szt a manipulat¨ªv beavatkoz¨¢sokat hivatottak megel?zni, ilyenek p¨¦ld¨¢ul a gyenge min?s¨¦g?, csak a keres?robotok sz¨¢m¨¢ra l¨¦trehozott tartalom, vagy ak¨¢r a mesters¨¦ges linkek.
A Google a lok¨¢lis keres¨¦sekre is v¨¢laszt k¨ªv¨¢n adni, valamint m¨¢r a kontextust is ¨¦rtelmezi.
Mindezt egyre ink¨¢bb automatiz¨¢lt, ?ntanul¨® m¨®don.
Tov¨¢bb¨¢ mindink¨¢bb el?t¨¦rbe ker¨¹l a felhaszn¨¢l¨®i ¨¦lm¨¦ny.
A SEO c¨¦lja a non-branded organikus forgalom folyamatos n?vel¨¦se ¨¦s a konverzi¨®s ar¨¢ny optimaliz¨¢l¨¢sa.
Az ¨¢talak¨ªt¨¢ssal a c¨¦l a felhaszn¨¢l¨®k sz¨¢m¨¢ra gyors ¨¦s j¨®l haszn¨¢lhat¨® site megalkot¨¢sa.
Ez a PPC kamp¨¢nyokat is jav¨ªthatja, gondoljunk csak az AdWords min?s¨¦gi mutat¨®ra, ahol a c¨¦loldallal kapcsolatos ¨¦lm¨¦ny komoly t¨¦nyez?.
Egy sz¨®val egyre ink¨¢bb keres?¨¦lm¨¦ny optimaliz¨¢l¨¢ss¨¢ v¨¢lik ¨¢t a folyamat, a keres?motorra optimaliz¨¢l¨¢s helyett.
Nagyon leegyszer?s¨ªtve a legfontosabb SEO t¨¦nyez?k: a tartalom, a strukt¨²ra, a tekint¨¦ly ¨¦s a viselked¨¦s.
Sz¨¢m¨ªt a tartalom min?s¨¦ge ¨¦s relevanci¨¢ja, a webhely fel¨¦p¨ªt¨¦se, inform¨¢ci¨®s architekt¨²ra ¨¦s HTML k¨®d szinten egyar¨¢nt.
A hiteless¨¦get er?s¨ªtik a hivatkoz¨¢sok ¨¦s a k?z?ss¨¦gi szign¨¢lok.
Ugyan¨ªgy fontos a l¨¢togat¨®k viselked¨¦se, felhaszn¨¢l¨®i ¨¦lm¨¦ny ¨¦s a teljes¨ªtm¨¦ny is.
Maga a felhaszn¨¢l¨®i ¨¦lm¨¦ny rengeteg ?sszetev?b?l ¨¢ll. Ilyenek a haszn¨¢lhat¨®s¨¢g, ergon¨®mia, vagy maga a felhaszn¨¢l¨®i fel¨¹let, de p¨¦ld¨¢ul az akad¨¢lymentess¨¦g is.
?n most csak a performanci¨¢r¨®l ¨¦s a sebess¨¦gr?l fogok besz¨¦lni.
Maga a webhely gyors¨ªt¨¢s el?ny?s a SEO-ra, fokozza a felhaszn¨¢l¨®i ¨¦lm¨¦nyt, ¨¦s a kisebb adatforgalom cs?kkenti a szerver k?lts¨¦geket.
Az optimaliz¨¢l¨¢s hat¨¢s¨¢ra t?bb oldalt tekintenek meg a l¨¢togat¨®k, cs?kken a visszafordul¨¢si ar¨¢ny ¨¦s javul a konverzi¨®s r¨¢ta.
Azt gondolhatn¨¢nk hogy elegend? a mobilbar¨¢t webhelyhez a mobiloptimaliz¨¢lt reszponz¨ªv, vagy adapt¨ªv megjelen¨¦s.
De nem szabad elfeledkezni az oldalbet?lt¨¦si id?r?l sem.
A mobilon b?ng¨¦sz?k elv¨¢rj¨¢k az asztali g¨¦pen tapasztalt sebess¨¦get.
Gyakori probl¨¦ma a mobil oldalak el¨¦r¨¦se sor¨¢n a bet?lt¨¦si id?.
A lass¨² oldalakra nem szeretnek visszat¨¦rni a rossz felhaszn¨¢l¨®i ¨¦lm¨¦ny miatt.
1 m¨¢sodperc lassul¨¢s mobilon majdnem 10%-kal cs?kkenti az oldalmegtekint¨¦seket ¨¦s hasonl¨® m¨®don n?veli a visszafordul¨¢si ar¨¢nyt, valamint t?bb mint 3%-kal cs?kkenti a konverzi¨®s ar¨¢nyt.
Az ecommerce oldalak eset¨¦ben ez jelent?s bev¨¦telkies¨¦ssel j¨¢rhat.
A k¨¦rd¨¦s teh¨¢t, hogy mi okozza a f? probl¨¦m¨¢t?
Az elh¨ªz¨® ¨¦s lass¨² weboldalak
Egy ¨¢tlagos weboldal bet?lt¨¦s¨¦hez 2,2 MB adatforgalom sz¨¹ks¨¦ges.
Ez 15% n?veked¨¦s az el?z? ¨¦vhez k¨¦pest.
Nagyr¨¦szt a k¨¦pek ¨¦s a szkriptek okozz¨¢k a m¨¦ret n?veked¨¦st.
Ha megn¨¦zz¨¹k, akkor l¨¢that¨®, hogy 2011 ¨®ta k?zel n¨¦gyszeres¨¦re, 2013 ¨®ta pedig majdnem dupl¨¢j¨¢ra n?ttek a webhelyek m¨¦retei.
M¨ªg a HTML k¨®d ¨¦s a CSS nem n?tt szignifik¨¢nsan, addig a JavaScript ¨¦s a k¨¦pek m¨¦rete nagyot n?tt.
Ez¨¦rt is fontos a reszponz¨ªv, vagy adapt¨ªv k¨¦pek haszn¨¢lata, hiszen mobilon nem sz¨¹ks¨¦ges let?lteni hatalmas full HD k¨¦peket, hanem azok kisebb verzi¨®i is t?k¨¦letesen megfelel?ek.
Tavaly 5 m¨¢sodperc volt az ¨¢tlagos bet?lt¨¦si id?, a Google szerint 2 m¨¢sodperc alatt kellene lennie.
Mobilon 7 mp az ¨¢tlagos bet?lt¨¦si id?
K¨¦sz¨ªtettem egy sebess¨¦gtesztet p¨¢r hazai h¨ªrport¨¢lr¨®l ¨¦s bekapcsolt szkriptekkel az Origo lett az els?, m¨ªg kikapcsolt JavaScripttel a vs.hu.
Fontos figyelembe venni, hogy m¨ªg egy wifis kapcsolat 30 Mbit/s kapacit¨¢s¨², addig egy 4G-s mobilnet kapcsolat 4, a 3G-s 1 ¨¦s a 2G-s 0,45 Mb/s sebess¨¦gre k¨¦pes.
1 MB adatforgalom ¨ªgy j¨®csk¨¢n elt¨¦r? ideig tart a k¨¹l?nb?z? mobil h¨¢l¨®zatokon.
A mobil sebess¨¦g optimaliz¨¢l¨¢s 4 legfontosabb szab¨¢lya
200 ms alatt legyen a Time?To?First Byte?(TTFB) azaz a szerver v¨¢laszid?.
Mobilon hajt¨¢s felett 1 mp megjelen¨¦s sz¨¹ks¨¦ges
Ne legyenek blokkol¨® forr¨¢sok, amik k¨¦sleltetik az oldalrenderel¨¦st ¨¦s a bet?lt¨¦st.
A megjelen¨¦st g¨¢tl¨® JavaScript ¨¦s CSS legyen kiz¨¢rva a hajt¨¢s feletti tartalomban, ami els?re megjelenik a mobil eszk?z?n g?rget¨¦s n¨¦lk¨¹l.
A JavaScript eset¨¦ben pedig fontos az aszinkron ¨¦s defer attrib¨²tumok haszn¨¢lata, amelyek nem blokkolj¨¢k a bet?lt¨¦st.
Ha tesztelni akarjuk a sebess¨¦get akkor arra az egyik legegyszer?bb m¨®d a Google Chrome b?ng¨¦sz?ben a F12 billenty?vel el¨¦rhet? fejleszt?i eszk?z.
A Google saj¨¢t teszteszk?ze a PageSpeed Insights, amely konkr¨¦t javaslatokat ny¨²jt a sebess¨¦goptimaliz¨¢l¨¢shoz, valamint a felhaszn¨¢l¨®i ¨¦lm¨¦nyhez.
Szint¨¦n Google eszk?z a Search Console (r¨¦gi nev¨¦n Webmaster Tools), ahol a felt¨¦rk¨¦pezi statisztik¨¢k riportban el¨¦rhet? az oldalak bet?lt¨¦si ideje, grafikonon ¨¢br¨¢zolva 90 napig visszamen?leg.
N¨¦h¨¢ny tov¨¢bbi hasznos ¨¦s ingyenesen is haszn¨¢lhat¨® diagnosztikai eszk?z, amelyek k¨¹l?nb?z? r¨¦szletess¨¦g? riportokat mutatnak meg.
Egy webhely optimaliz¨¢l¨¢s¨¢nak hat¨¢sa: a szerverv¨¢lasz 6-r?l 0,15 m¨¢sodpercre cs?kkent ¨¦s a bet?lt¨¦si id? 11-t?l 3-ra.
Tavaly okt¨®berben elindult a gyors¨ªtott mobil oldalak projekt, f?k¨¦pp a Google t¨¢mogat¨¢s¨¢val, amelynek c¨¦lja a mobil oldalak sokkal gyorsabb bet?lt¨¦se.
Nem technol¨®giai ¨²jdons¨¢g, hanem elterjedt megold¨¢sokon alapul.
Webes keretrendszer, open-source, eszk?z f¨¹ggetlen kezdem¨¦nyez¨¦s,
Fontos megeml¨ªteni, hogy egyel?re csak statikus oldalak, cikkek, video site-okhoz haszn¨¢lhat¨®, m-commerce webes alkalmaz¨¢sokhoz nem.
Sz¨¢mos kiad¨®, tartalomszolg¨¢ltat¨® ¨¦s CMS m¨¢r most t¨¢mogatja.
?gy n¨¦z ki a Google tal¨¢lati list¨¢ban k?zvetlen¨¹l megjelen¨ªtett AMP cikk a h¨ªr jelleg? keres¨¦sn¨¦l.
Az AMP csak mobilon relev¨¢ns.
H¨ªr jelleg? keres¨¦sekn¨¦l lapoz¨® jelenik meg a norm¨¢l Google tal¨¢latok felett.
Organikus forgalomn?veked¨¦st hozhat febru¨¢rt¨®l.
A gyorsas¨¢g abb¨®l fakad, hogy mell?zi a megold¨¢sokat, amik lass¨ªtj¨¢k az oldalt.
Korl¨¢toz¨¢sok vannak a JavaScript ¨¦s a CSS st¨ªluslap eset¨¦ben.
Tartalom kap priorit¨¢st a bet?lt¨¦s sor¨¢n.
A hirdet¨¦sek miatt sem kell agg¨®dni
T¨¢mogatott m¨¢r p¨¦ld¨¢ul az AdSense ¨¦s a DoubleClick
Analytics k?vet¨¦s megoldott
Search Console-ban hib¨¢k nyomon k?vethet?k
Fontos a valid¨¢ci¨®
Meta tagekkel le kell kezelni a k¨¹l?nb?z? verzi¨®k k?z?tti kapcsolatot
A Facebook is el?rukkolt egy saj¨¢t megold¨¢ssal: Instant Articles n¨¦ven.
Ez viszont a Facebook platformon bel¨¹l hagyja a l¨¢togat¨®kat.
Lass¨² mobilneten kereszt¨¹l is gyors cikkolvas¨¢st tesz lehet?v¨¦.
A cikkek teljes kontrollhat¨®s¨¢g¨¢val
Itt is lesznek hirdet¨¦sek
HTML5 alapon multim¨¦di¨¢s eszk?z?ket ny¨²jt a be¨¢gyazhat¨® rich contenthez
2016 tavasz¨¢t¨®l lesz el¨¦rhet? mindenki sz¨¢m¨¢ra