Rendere un sito joomla mobile più efficace con AMP
•Download as PPTX, PDF•
0 likes•887 views
Vediamo cos'è AMP e come sfruttarlo per rendere il nostro sito Joomla più veloce e più performante sui motori di ricerca soprattutto nelle ricerche da mobile. Vediamo alcuni plugin per integrare AMP in Joomla come wbAMP e JAmp.
Rendere un sito joomla mobile più efficace con AMP
- 2. RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP Stefano Rigazio www.enthous.it 3470032218 Nel mondo del web dal 2000, principalmente mi occupo di sviluppo siti visibili sul web, di ottimizzazione per i motori di ricerca, sono co-autore del primo libro italiano dedicato alla SEO e a Joomla! edito da Hoepli: Seo Joomla!
- 3. Di cosa parleremo oggi •Mobile in Italia •Amp •Joomla! e Amp RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 4. Stefano Rigazio www.enthous.itRENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 5. Il 50% degli italiani ha uno smartphone Il 33% utilizza uno smartphone più di altri device per accedere ad internet
- 7. Dopo il mobilegeddon (26 febbraio 2015) la percentuale di siti mobile friendly è aumentato notevolmente RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 8. Dopo il mobilegeddon (26 febbraio 2015) la percentuale di siti mobile friendly è aumentato notevolmente ma ad oggi c’è un problema Stefano Rigazio www.enthous.it RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 9. Dopo il mobilegeddon (26 febbraio 2015) la percentuale di siti mobile friendly è aumentato notevolmente ma ad oggi c’è un problema I nostri siti lenti
- 10. Le APP sono favolose….ma RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 11. Le APP sono favolose….ma Devono offrire un valore aggiunto altrimenti non verranno mai utilizzate RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 12. Di media su uno smartphone ci sono 36 APP ma solo 1/3 vengono utilizzate regolarmente RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 13. Di media su uno smartphone ci sono 36 APP ma solo 1/3 vengono utilizzate regolarmente Soprattutto dai vari social arrivano moltissime visite e la maggior parte sono mobile ma noi abbiamo il sito “a posto”? Stefano Rigazio www.enthous.itRENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 14. Aspettative di un utente da mobile RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 15. Aspettative di un utente da mobile Il 77% abbandona il sito se deve attendere oltre i 5 secondi il caricamento della pagina RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 16. Aspettative di un utente da mobile Il 77% abbandona il sito se deve attendere oltre i 5 secondi il caricamento della pagina RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 17. Aspettative di un utente da mobile Il 77% abbandona il sito se deve attendere oltre i 5 secondi il caricamento della pagina Il 52% abbandona se la pagina non si carica in meno di 2 secondi RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 18. Aspettative di un utente da mobile Il 77% abbandona il sito se deve attendere oltre i 5 secondi il caricamento della pagina Il 52% abbandona se la pagina non si carica in meno di 2 secondi
- 19. e poi non torna più Aspettative di un utente da mobile Il 77% abbandona il sito se deve attendere oltre i 5 secondi il caricamento della pagina Il 52% abbandona se la pagina non si carica in meno di 2 secondi RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 20. Ma quindi cosa dobbiamo fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 21. Nel 2015 ad un sondaggio che chiedeva Cosa ti infastidisce di più quando navighi da mobile? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 22. Nel 2015 ad un sondaggio che chiedeva Cosa ti infastidisce di più quando navighi da mobile? Il 46% ha risposto RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 23. Nel 2015 ad un sondaggio che chiedeva Cosa ti infastidisce di più quando navighi da mobile? Il 46% ha risposto Aspettare che la pagina si carichi
- 24. Ma quanto deve essere veloce?????? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 25. Ma quanto deve essere veloce?????? 1-2 secondi ottimo RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 26. 3-6 secondi nella media Ma quanto deve essere veloce?????? 1-2 secondi ottimo RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 27. 7-10 secondi paura 3-6 secondi nella media Ma quanto deve essere veloce?????? 1-2 secondi ottimo RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 28. >10 secondi disastroso 7-10 secondi paura 3-6 secondi nella media Ma quanto deve essere veloce?????? 1-2 secondi ottimo RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 29. + alto è il tempo di caricamento e - Traffico - Conversioni > Bounce Rate - - - RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 30. Cosa fare? Prova questi strumenti: • Page speed insight • Webpagetest • Speedo • Gt Metrix • Search Console RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 31. Attento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 32. Immagini ottimizzateAttento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 33. Lazy Load Immagini ottimizzateAttento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 34. https ben configuratoLazy Load Immagini ottimizzateAttento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 35. Minify CSS Minify JS https ben configuratoLazy Load Immagini ottimizzateAttento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 36. Cache Minify CSS Minify JS https ben configuratoLazy Load Immagini ottimizzateAttento ai redirect Cosa fare? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 37. Principali errori che vengono commessi e che rallentano il caricamento dei siti da mobile Immagini: il 63% del peso della pagina è dovuto alle immagini RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 38. JS: dobbiamo ridurlo al minimo indispensabile Principali errori che vengono commessi e che rallentano il caricamento dei siti da mobile Immagini: il 63% del peso della pagina è dovuto alle immagini RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 39. Caratteri personalizzati: rallentano il caricamento JS: dobbiamo ridurlo al minimo indispensabile Principali errori che vengono commessi e che rallentano il caricamento dei siti da mobile Immagini: il 63% del peso della pagina è dovuto alle immagini RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 40. Redirect Caratteri personalizzati: rallentano il caricamento JS: dobbiamo ridurlo al minimo indispensabile Principali errori che vengono commessi e che rallentano il caricamento dei siti da mobile Immagini: il 63% del peso della pagina è dovuto alle immagini RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 41. https://www.ampproject.org/it/ RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 42. Accelerated Mobile Page https://search.google.com/search-console/amp Per testare le pagine AMP RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 43. E’ un progetto di Google per creare pagine più veloci Accelerated Mobile Page RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 44. Nasce per i siti di contenuti in primis quelli di news E’ un progetto di Google per creare pagine più veloci Accelerated Mobile Page RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 45. Vuole essere • Veloce • Facile da implementare • Standard per il mobile • Open Source • Monetizzabile RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 46. Qual è il concetto che sta dietro ad AMP? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 47. Le pagine AMP sono più semplici e con pochissimo JS Parallellizzazione del caricamento delle pagine Cache: la pagina è caricata su server locali così quando l’utente vuole la pagina questa è subito disponibile Meno tempi di attesa Qual è il concetto che sta dietro ad AMP? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 48. Nelle pagine AMP RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 49. contenuto user experience Nelle pagine AMP RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 50. Perché le pagine AMP sono più veloci? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 51. Prioritizzazione dei contenuti (elementi precaricati) Caricamento asincrono Design + reattivo Limitazioni design ossia no JS personalizzati CSS massimo 50 kb Perché le pagine AMP sono più veloci? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 52. Nel mobile il carrousel fa da padrone
- 53. Per Joomla! cosa abbiamo a disposizione? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 54. Per Joomla! cosa abbiamo a disposizione? RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 55. Abbiamo due versioni uno free e una pagamento Molto macchinoso nella configurazione Qualche problema nella validazione Integrazione con i contenuti di Joomla e K2 RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 56. RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 57. RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 58. RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 59. Solo a pagamento Facile da configurare RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 60. Funziona Solo a pagamento Facile da configurare RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 61. C'è una configurazione automatica di base per K2 EasyBlog EasyDiscuss Virtuemart Zoo Hikashop Kunena DJ Classifieds RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 64. Ricordatevi RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 65. Ricordatevi RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
- 67. Stefano Rigazio www.enthous.it 3470032218 4 e 5 maggio 2017 a Bologna SEOJoomla il workshop e SEOcms www.seocms.it RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP