Rendere un sito joomla mobile più efficace con AMP

transcript

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

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

ma ad oggi c’è un problema

Stefano Rigazio www.enthous.it RENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP

ma ad oggi c’è un problema

I nostri siti lenti

Le APP sono favolose….ma

Devono offrire un valore aggiunto altrimenti non verranno mai utilizzate

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”?

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ù

Ma quindi cosa dobbiamo fare?

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??????

1-2 secondi ottimo

3-6 secondi nella media

1-2 secondi ottimo

7-10 secondi paura 3-6 secondi nella media

1-2 secondi ottimo

>10 secondi disastroso 7-10 secondi paura 3-6 secondi nella media

1-2 secondi ottimo

+ 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

Attento ai redirect

Cosa fare?

Immagini ottimizzateAttento ai redirect

Cosa fare?

Lazy Load

Cosa fare?

https ben configuratoLazy Load

Cosa fare?

Minify CSS Minify JS

Cosa fare?

Minify CSS Minify JS

Cosa fare?

Principali errori che vengono commessi e che rallentano il caricamento dei siti da mobile

Immagini: il 63% del peso della pagina è dovuto alle immagini

JS: dobbiamo ridurlo al minimo indispensabile

Caratteri personalizzati: rallentano il caricamento

RedirectCaratteri personalizzati: rallentano il caricamento

https://www.ampproject.org/it/

AcceleratedMobilePage

https://search.google.com/search-console/amp

Per testare le pagine AMP

E’ un progetto di Google per creare pagine più veloci

Nasce per i siti di contenuti in primis quelli di news

E’ un progetto di Google per creare pagine più veloci

Vuole essere

• Veloce• Facile da implementare• Standard per il mobile• Open Source• Monetizzabile

Qual è il concetto che sta dietro ad 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?

Nelle pagine AMP

contenuto user experience

Nelle pagine AMP

Perché le pagine AMP sono più veloci?

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?

Nel mobile il carrousel fa da padrone

Per Joomla! cosa abbiamo a disposizione?

Abbiamo due versioni uno free e una pagamento

Molto macchinoso nella configurazione

Qualche problema nella validazione

Integrazione con i contenuti di Joomla e K2

Solo a pagamento

Facile da configurare

Funziona

Solo a pagamento

Facile da configurare

C'è una configurazione automatica di base per

EasyBlog

EasyDiscuss

Virtuemart

Hikashop

Kunena

DJ Classifieds

RicordateviRENDERE UN SITO JOOMLA! MOBILE PIÙ EFFICACE CON AMP

Ricordatevi

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 più efficace con AMP

Internet