Avere un sito mobile friendly nella Seo nel 2019 è fondamentale. Non solo la maggior parte del traffico arriva da cellulare ma anche moltissime conversioni. Non solo: se hai un'attività locale le persone interagiscono sul tuo sito particolarmente di più da mobile.

1. P R ES EN T A Z I O N E
L’importanzadiavere
unSitoMobileFriendlynellaSeo
W E O R I Z O N
S E O, S E M & PPC | TO U RIS M & HO SPITALITY

2. I MIEI SUCCESSI
1
1. Parlo 6 lingue certificate.
2. Ho studiato economia,
management e marketing in 4
diverse università in 3 diversi
paesi tra cui Queen's University
in Ontario e Bocconi a Milano.
3. Gestisco la comunicazione di
diversi appartamenti e strutture
ricettive.
4. Ho inserito siti per oltre 500
parole chiave nella prima pagina.
5. Gestisco Weorizon:
Io e il mio team forniamo
supporto di digital marketing nel
settore del turismo e
dell'ospitalità.

3. www.weorizon.com
Cos’é Marketeen?
• Marketeen è una community di professionisti del web
Ogni settimana 20 nuove live su Marketeen Tv
• Diversi temi: Seo, Instagram, Facebook, Funnel
Marketing, Digital PR ecc..

4. www.weorizon.com
AGENDA
 Perché è importante avere un sito responsive
Cosa dice Google
Altri strumenti utili
Trucchi ed accorgimenti per un sito più performante da mobile
AMP: di cosa si tratta
Esempi di siti responsive validi
Quali strumenti mette a disposizione

5. www.weorizon.com
Che cosa significa responsive design?
• La parola a Google che definisce il Responsive Web Design
(RWD) come…
• «Una configurazione in cui il server invia sempre lo stesso
codice HTML a tutti i dispositivi e CSS viene utilizzato per
modificare il rendering della pagina sul dispositivo.
• Gli algoritmi di Google dovrebbero essere in grado di rilevare
automaticamente questa configurazione se tutti gli agenti
utenti di Google Bot sono autorizzati a eseguire la scansione
della pagina e delle sue risorse (CSS, JavaScript e immagini).
• Il design reattivo serve tutti i dispositivi con lo stesso codice
che regola le dimensioni dello schermo »

6. www.weorizon.com
E’ importante avere un sito responsive perché…
• Perché migliora l’esperienza degli utenti sul sito
(e il loro tempo di permanenza riducendo la frequenza di rimbalzo!)
• Perché migliora il posizionamento organico del sito
(la velocità di caricamento su dispositivi mobili è un fattore di ranking!)
• Perché il 50% dei visitatori online provengono da mobile
(e la percentuale è in continua crescita!)
• Perché è più efficiente dal lato della manutenzione
(esiste un unico sito, un’unica URL, un unico codice HTML etc.)
• Perché riduce il tempo di caricamento delle pagine
(anche questo è un altro fattore di ranking!)
• Perché i social vengono soprattutto utilizzati da mobile
(e quindi una presenza sui social media non può prescindere dall’avere un
sito ottimizzato per dispositivi mobili!)

7. www.weorizon.com
• E…Perché migliora la cosiddetta «bathroom experience»
(il 75% delle persone porta il proprio cellulare nel bagno, navigando da lì!)

8. www.weorizon.com
L’utilizzo di internet da mobile e tablet ha superato già 2 anni fa
quello da desktop a livello globale.

9. www.weorizon.com
Esiste una penetrazione dell’83% per ciò che concerne gli
utenti italiani che navigano da mobile.

10. www.weorizon.com
Il tempo dedicato alla navigazione online supera quello
dedicato alla navigazione da desktop.

11. www.weorizon.com
8 Statistiche a prova di scettico
1. 53% è la percentuale di traffico online proveniente da mobile
2. 50% è la percentuale di introiti da siti di e-commerce da mobile
3. 57% è la percentuale di visite da mobile agli store retail online
4. 57% è la percentuale di utenti che non raccomanderebbe mai
un’azienda che non possiede un sito mobile responsive
5. 80% è la percentuale di utenti che abbandona i contenuti che
non sono ben visualizzabili da mobile
6. 61% è la percentuale di utenti che non ritornerebbe mai su un
sito da cui non sono riusciti ad accedere da mobile
7. 64% è la percentuale di conversioni online che avvengono da
mobile vs desktop
8. 88% è la percentuale di utenti che dopo aver visitato un sito da
mobile chiama o si reca nel punto vendita nell’arco di 24h

12. www.weorizon.com
Cosa dice Google?
Google per far comprendere l’importanza dell’avere un sito
mobile responsive ha rilasciato negli ultimi 3 anni ben 2
update:
• MOBILEGEDDON (21 aprile 2015)
Si tratta del primo importante update dell’algoritmo di google che
coinvolge i dispositivi mobili. L’update aveva come obiettivo quello di
favorire il posizionamento di quei siti internet che venivano riconosciuti
come mobile friendly, ossia tutti quei siti ottimizzati per mobile.
• MOBILE FIRST INDEXING (26 marzo 2018)
Si tratta dell’ultimo update di google che ha ora creato un indice separato
per i risultati di ricerca da dispositivi mobili. Questo differenzia ancora di
più i siti mobile friendly e responsive da quelli che non lo sono in quanto
al di là dell’autorità di un sito nei risultati da mobile vengono privilegiati e
mostrati solamente i siti mobile friendly e responsive.

13. www.weorizon.com
Direttamente dal Google Webmaster Central Blog:
«Amplieremo il nostro utilizzo
dell'ottimizzazione per dispositivi mobili come
segnale di posizionamento. Questa modifica
influirà sulle ricerche su dispositivi mobili in
tutte le lingue del mondo e avrà un impatto
significativo sui nostri risultati di ricerca. »

14. www.weorizon.com
Quali strumenti Google mette a
disposizione?
Google offre 5 validi strumenti per testare il proprio sito da mobile:
• MOBILE FRIENDLY TEST
https://search.google.com/test/mobile-friendly?hl=it
• PAGE SPEED INSIGHTS
https://developers.google.com/speed/pagespeed/insights/
• MOBILE USABILITY CHECK dalla Search Console
https://www.google.com/webmasters/tools/dashboard?hl=it
• WEBSITE SPEED COMPARISON da Think with Google
https://www.thinkwithgoogle.com/feature/mobile/
• TEST MY WEBSITE
https://testmysite.withgoogle.com/intl/it-it

15. www.weorizon.com
Ci sono altri strumenti (gratis) utili?
Certo! Eccone alcuni:
• https://mobilemoxie.com/tools/mobile-page-test/
(per il rendering su mobile testando diversi dispositivi)
• https://serpchecker.com/
(per risultati di ricerca geo-localizzati da mobile)
• https://varvy.com/mobile/
(per un’analisi degli elementi mobile che influenzano la seo)
• https://tools.pureoxygenlabs.com/mfi-audit
(per un’analisi degli elementi che influenzano il mobile first index)
• https://zeo.org/seo-tools/mfi/
(per un’analisi degli elementi che influenzano il mobile first index)

16. www.weorizon.com
Tips per un sito performante da mobile
Tip #1: Utilizzare sempre il viewport meta tag
(tag che indica ai motori di ricerca se una pagina ha bisogno di essere
ridimensionata per via di uno schermo più piccolo).
Tip #2: Prestare attenzione alla misura di caratteri e pulsanti
Tip #3: Utilizzare immagini ad alta risoluzione, ottimizzarle
per mobile e dove non possibile, nasconderle
Tip #4: Inserire video caricati su YouTube anzichè
direttamente sul cms del sito
Tip #5: evitare l’utilizzo di numerosi elementi in JavaScript, e
del tutto l’utilizzo di Pop-ups. Per i banner utilizzare
solamente ads responsive / adaptive

17. www.weorizon.com
AMP: di cosa si tratta
 AMP sta per Accelerated Mobile Page.
 E’ un linguaggio di creazione di siti web derivato dal html ed ottimizzato
affinché i siti si carichino più rapidamente su dispositivi mobili.
 E’ stato creato e promosso da Google.
 Ha come obiettivo quello di migliorare la velocità di caricamento delle pagine
web per mobile.
 Le pagine ottimizzate in AMP ottengono un posizionamento migliore sui
risultati di ricerca e convertono più visitatori rispetto alle pagine che non
utilizzano questo codice.
 Le pagine che utilizzano la tecnologia AMP si caricano più rapidamente
dell’85% rispetto alle pagine convenzionali. La media di caricamento stimato
delle pagine AMP non raggiunge il secondo.
 Inoltre l’impiego di dati con le pagine AMP è 10 volte inferiore riducendo
notevolmente l’impiego della batteria.

18. www.weorizon.com
Difetti delle pagine create in AMP
 User Experience Peggiore.
Le pagine AMP hanno delle URL complicate, non user-friendly. Ciò rende
peggiore l’ottimizzazione on-page, oltre a scoraggiare la condivisione
delle pagine (ad esempio sui social).
 Ecosistema Chiuso.
Il linguaggio AMP è chiuso e male si adatta ad integrazioni con altri
linguaggi di programmazione.
 Web Design Molto Semplice.
La pagina AMP è molto semplice visivamente. Si eliminano tutti i tipi di
plugins e elementi visualmente attraenti. Ciò rende la pagina più rapida
da caricare ma, ovviamente, offre un’esperienza più scarsa per l’utente.
 Pagine Extra da Generare.
Si generano più pagine per lo stesso contenuto: una per mobile, una
normale e una AMP.

19. www.weorizon.com
8 Esempi di Siti Responsive
1) DROPBOX

20. www.weorizon.com
8 Esempi di Siti Responsive
2) WIRED

21. www.weorizon.com
8 Esempi di Siti Responsive
3) SHOPIFY

22. www.weorizon.com
4) STARBUCKS
5) CAFFE’ ILLY
6) SONY
7) DISNEY
8) TIME

23. Grazie dell’attenzione!
EMAIL:
michelangelo@weorizon.com
SITO WEB:
www.weorizon.com
LINKEDIN:
www.linkedin.com/in/michelangelomatteoda

24. www.weorizon.com
DOMANDE?