RENDERE UN SITO JOOMLA!
MOBILE PIÙ EFFICACE CON
AMPVEDIAMO COS’È E COSA CONSISTE AMP E COME FARE
AD IMPLEMENTARLO SU UN SITO JOOMLA!
Stefano Rigazio www.enthous.it
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!
Di cosa parleremo oggi
•Mobile in Italia•Amp•Joomla! e Amp
#jdit16
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Stefano Rigazio www.enthous.it
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Il 50% degli italiani ha uno smartphone
Il 33% utilizza uno smartphone più di altri device per accedere ad internet
Dopo il mobilegeddon (26 febbraio 2015) la percentuale di siti mobile friendly è aumentato notevolmente
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
Dopo il mobilegeddon (26 febbraio 2015) la percentuale di siti mobile friendly è aumentato notevolmente
ma ad oggi c’è un problema
I nostri siti lenti
Le APP sono favolose….ma
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Le APP sono favolose….ma
Devono offrire un valore aggiunto altrimenti non verranno mai utilizzate
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
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.it
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Aspettative di un utente da mobile
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
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
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
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
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
Ma quindi cosa dobbiamo fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
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
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
Ma quanto deve essere veloce??????
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Ma quanto deve essere veloce??????
1-2 secondi ottimo
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
3-6 secondi nella media
Ma quanto deve essere veloce??????
1-2 secondi ottimo
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
>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
+ alto è il tempo di caricamento e
- Traffico
- Conversioni
> Bounce Rate
-
-
-RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Cosa fare?
Prova questi strumenti:
• Page speed insight• Webpagetest• Speedo• Gt Metrix• Search Console
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Attento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Immagini ottimizzateAttento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Lazy Load
Immagini ottimizzateAttento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
https ben configuratoLazy Load
Immagini ottimizzateAttento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Minify CSS Minify JS
https ben configuratoLazy Load
Immagini ottimizzateAttento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Cache
Minify CSS Minify JS
https ben configuratoLazy Load
Immagini ottimizzateAttento ai redirect
Cosa fare?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
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
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
RedirectCaratteri 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
https://www.ampproject.org/it/
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
AcceleratedMobilePage
https://search.google.com/search-console/amp
Per testare le pagine AMP
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
E’ un progetto di Google per creare pagine più veloci
AcceleratedMobilePage
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Nasce per i siti di contenuti in primis quelli di news
E’ un progetto di Google per creare pagine più veloci
AcceleratedMobilePage
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Vuole essere
• Veloce• Facile da implementare• Standard per il mobile• Open Source• Monetizzabile
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Qual è il concetto che sta dietro ad AMP?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Le pagine AMP sono più semplici e con pochissimo JSParallellizzazione del caricamento delle pagine
Cache: la pagina è caricata su server locali così quando l’utente vuole la pagina questa è subito disponibileMeno tempi di attesa
Qual è il concetto che sta dietro ad AMP?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Nelle pagine AMP
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
contenuto user experience
Nelle pagine AMP
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Perché le pagine AMP sono più veloci?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Prioritizzazione dei contenuti (elementi precaricati)
Caricamento asincronoDesign + 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
Nel mobile il carrousel fa da padrone
Per Joomla! cosa abbiamo a disposizione?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Per Joomla! cosa abbiamo a disposizione?
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Solo a pagamento
Facile da configurare
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Funziona
Solo a pagamento
Facile da configurare
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
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
RicordateviRENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Ricordatevi
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Wordpress.....è solo telenovela
Ricordatevi
Stefano Rigazio www.enthous.it 3470032218 4 e 5 maggio 2017
a Bologna
SEOJoomla il workshop
eSEOcms
www.seocms.it
RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP
Top Related