Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
-
Upload
martin-michalek -
Category
Documents
-
view
933 -
download
2
description
Transcript of Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
![Page 1: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/1.jpg)
Pohroma jménem „Optimalizace pro mobilní zařízení”
WebTop1007. listopadu 2013
Martin Michálekwww.vzhurudolu.cz
@machal
![Page 2: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/2.jpg)
6 největších pohrom
★ Ne-optimalizace★ Pře-optimalizace★ Desktop UI★ Splashscreen★ Mobilní vzhled na tabletech★ Pomalost načítání
![Page 3: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/3.jpg)
1Ne-optimalizace
![Page 4: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/4.jpg)
![Page 5: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/5.jpg)
Pokud máte na výběr mezi optimalizací vzhledu pro mobilní zařízení a zrychlením desktopového webu, volte druhou možnost.
”— Jason Grigsby
![Page 6: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/6.jpg)
Někdy by stačilo málo
Kdyby „desktopový” slap.cz nespoléhal na ovládání myší, dá se použít i na
smartphonu.
![Page 7: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/7.jpg)
2Pře-optimalizace
![Page 8: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/8.jpg)
SEO?
![Page 9: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/9.jpg)
MEO!Mobile Experience Optimization
![Page 10: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/10.jpg)
MEO faktor5/10
![Page 11: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/11.jpg)
MEO faktor10/10
![Page 12: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/12.jpg)
3Desktop UI
![Page 13: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/13.jpg)
Karusely s tečkovou navigací.
![Page 14: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/14.jpg)
MEGAmenuMEGAprůšvih
![Page 15: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/15.jpg)
Desktop UI patterns
must die!Otevírání obsahu na najetí myši.
Malé klikací plochy.Lightboxy.Karusely.
![Page 16: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/16.jpg)
Super.cz:V jednoduchosti je síla.
![Page 17: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/17.jpg)
4Splashscreen
![Page 18: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/18.jpg)
Bacha!!!Máme appku!!!!!
![Page 19: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/19.jpg)
App Banners.
![Page 20: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/20.jpg)
5Mobilní vzhled
na tabletech
![Page 21: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/21.jpg)
Složitý desktop = ochuzený tablet.
![Page 22: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/22.jpg)
Jednoduché rozhraní
nevyžaduje„optimalizaci”
pro tablety.
![Page 23: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/23.jpg)
6Pomalost načítání
![Page 24: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/24.jpg)
Responzivníkbps.cz
150 requestů,750 kB.
Minimálně 2 minuty načítání
na EDGE.
![Page 25: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)](https://reader033.fdocuments.net/reader033/viewer/2022052910/559ccbf51a28ab941f8b45c4/html5/thumbnails/25.jpg)
Ne-responzivníblackcomb.cz
27 requestů,330 kB.
Minimálně 16 vteřin načítání
na EDGE.