ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Performancia-optimaliz¨¢l¨¢s
SEO perspekt¨ªv¨¢b¨®l
BUBLIK M?T?
A keres? a felhaszn¨¢l¨®k¨¦rt
? 10.000 rangsorol¨¢si t¨¦nyez?
? Panda, Penguin, Pigeon, Hummingbird algoritmusok
? G¨¦pi tanul¨¢s, mesters¨¦ges intelligencia (RankBrain)
? Performancia ¨¦s felhaszn¨¢l¨®i ¨¦lm¨¦ny
Keres?optimaliz¨¢l¨¢s
SEO
? Organikus forgalom n?vel¨¦se
? Konverzi¨®s ar¨¢ny jav¨ªt¨¢sa
? Gyors ¨¦s j¨®l haszn¨¢lhat¨® webhely megteremt¨¦se
? PPC kamp¨¢nyokat is jav¨ªthatja
? Search Engine helyett Search Experience Optimization
TARTALOM
AUTORIT?S
Min?s¨¦g,
Relevancia
Hiteless¨¦g
STRUKT?RA Architekt¨²ra
VISELKED?S
Felhaszn¨¢l¨®i
¨¦lm¨¦ny
Kulcsszavak,
T¨¦m¨¢k
Linkek,
K?z?ss¨¦gi jegyek
Fel¨¦p¨ªt¨¦s,
Hozz¨¢f¨¦rhet?s¨¦g
Web-
performancia
SEO faktorok
User Experience
Emberi t¨¦nyez?k
DesignHaszn¨¢lhat¨®s¨¢g
Hozz¨¢f¨¦rhet?s¨¦g
Marketing
Performancia
Akad¨¢lymentess¨¦g
Interakci¨®
Ergon¨®mia
Felhaszn¨¢l¨®i
¨¦lm¨¦ny
Webhely gyors¨ªt¨¢s el?nyei
? Pozit¨ªv hat¨¢s az organikus helyez¨¦sekre
? Jav¨ªtja a felhaszn¨¢l¨®i ¨¦lm¨¦nyt
? Cs?kkenti a szerver k?lts¨¦geket
? T?bb id?t t?ltenek el a l¨¢togat¨®k
? Cs?kken a visszafordul¨¢si ar¨¢ny
? N?vekszik a konverzi¨®s r¨¢ta
Mobilon m¨¦g hangs¨²lyosabb
Mobiloptimaliz¨¢lt megjelen¨¦s = mobilbar¨¢t weboldal?
Fontos az oldalbet?lt¨¦si id?
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
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
De mi okozza a probl¨¦m¨¢t?
?
Az elh¨ªz¨® ¨¦s lass¨² weboldalak
?tlagos weboldal 2016-ban
2,2 MB: 15%-kal n?vekedett 2015-h?z k¨¦pest
K¨¦pek - 1431 kB
JavaScript - 362 kB
Video - 186 kB
Bet?t¨ªpus - 121 kB
St¨ªluslapok - 77 kB
HTML - 67 kB
Egy¨¦b - 4 kBForr¨¢s: http://httparchive.org
A weboldalak n?veked¨¦se
0
500
1000
1500
2000
2500
2011 2012 2013 2014 2015 2016
Teljes m¨¦ret (kB)
A weboldalak n?veked¨¦se
0
500
1000
1500
2000
2500
2011 2012 2013 2014 2015 2016
Teljes m¨¦ret (kB)
K¨¦pek (kB)
JavaScript (kB)
HTML (kB)
CSS (kB)
?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
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
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
Google Chrome DevTools
Google PageSpeed Insights
Google Search Console
Felt¨¦rk¨¦pez¨¦si statisztik¨¢k > Oldalak bet?lt¨¦si ideje (ms)
Diagnosztikai eszk?z?k
Teljes¨ªtm¨¦nyn?vel¨¦s
<0,2
sec
<1
sec
<4
sec
-991
kB
Accelerated Mobile Pages
? Gyors¨ªtott mobil oldalak projekt
? 2015. okt¨®ber 7-¨¦n indult
? M¨¢r l¨¦tez? ¨¦s elterjedt webes
megold¨¢sokon nyugszik
? Ny¨ªlt forr¨¢sk¨®d¨², platform f¨¹ggetlen
? Webes framework
? Statikus tartalom kiszolg¨¢l¨¢s
? Sz¨¢mos kiad¨®, tartalomszolg¨¢ltat¨® ¨¦s
CMS t¨¢mogatja
AMP
Akik m¨¢r haszn¨¢lj¨¢k az AMP-ot
Performancia-optimaliz¨¢l¨¢s SEO perspekt¨ªv¨¢b¨®l
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
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¨®
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
Facebook Instant Articles
Facebook Instant Articles
? Facebookon bel¨¹li
gyors h¨ªrolvas¨¢st tesz
lehet?v¨¦
? Lass¨² mobilinternetre
ny¨²jt megold¨¢st
? Megjelen? cikkek
kontroll¨¢lhat¨®s¨¢ga
? Ny¨ªlt dokument¨¢ci¨® az
adapt¨¢ci¨®hoz
Facebook Instant Articles
? Hirdet¨¦sek k?zvetlen
¨¦rt¨¦kes¨ªthet?s¨¦ge
? Multim¨¦di¨¢s eszk?z?k
dinamikus ¨¦s interakt¨ªv
sztorik gy¨¢rt¨¢s¨¢hoz
? 2016 ¨¢prilis¨¢ban lesz
el¨¦rhet?
K?sz?n?m
a figyelmet!
Bublik M¨¢t¨¦
Head of SEO
? mate.bublik@mindshareworld.com
? http://optimizer.hu

More Related Content

Performancia-optimaliz¨¢l¨¢s SEO perspekt¨ªv¨¢b¨®l

Editor's Notes

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. A k¨¦rd¨¦s teh¨¢t, hogy mi okozza a f? probl¨¦m¨¢t?
  11. Az elh¨ªz¨® ¨¦s lass¨² weboldalak
  12. 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.
  13. 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.
  14. 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.
  15. 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.
  16. 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.
  17. 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.
  18. 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.
  19. 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.
  20. 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.
  21. 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.
  22. 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.
  23. 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.
  24. Sz¨¢mos kiad¨®, tartalomszolg¨¢ltat¨® ¨¦s CMS m¨¢r most t¨¢mogatja.
  25. ?gy n¨¦z ki a Google tal¨¢lati list¨¢ban k?zvetlen¨¹l megjelen¨ªtett AMP cikk a h¨ªr jelleg? keres¨¦sn¨¦l.
  26. 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.
  27. 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.
  28. 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
  29. A Facebook is el?rukkolt egy saj¨¢t megold¨¢ssal: Instant Articles n¨¦ven.
  30. 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
  31. 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