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