{"id":14527,"date":"2021-03-09T08:48:49","date_gmt":"2021-03-09T07:48:49","guid":{"rendered":"https:\/\/www.serverplan.com\/blog\/?p=14527"},"modified":"2021-03-09T08:48:51","modified_gmt":"2021-03-09T07:48:51","slug":"mobile-first-index","status":"publish","type":"post","link":"https:\/\/www.serverplan.com\/blog\/mobile-first-index\/","title":{"rendered":"Cos’\u00e8 il Mobile First Index e cosa devo fare per ottimizzare il mio sito web?"},"content":{"rendered":"\n

La data \u00e8 chiara: da fine marzo 2021 Google punta sul mobile first index<\/strong>. Ormai \u00e8 da diversi mesi, forse anni, che si affronta questo tema. E oggi finalmente possiamo parlare di un motore di ricerca che pone attenzione ai siti web partendo dalla versione pensata per i dispositivi come smartphone e tablet. Guarda il grafico che ho preso dalla ricerca di We Are Social<\/a>.<\/p>\n\n\n\n

\"mobile<\/a><\/figure>\n\n\n\n

Il mobile first index \u00e8 una tendenza che segue la penetrazione del mobile nelle abitudini delle persone<\/strong>: si abbandonano i dispositivi fissi e si preferiscono quelli che permettono alle persone di muoversi e di raggiungere ogni angolo del mondo. <\/p>\n\n\n\n

O della casa, dell’ufficio, della postazione di lavoro. Tanti sono i dettagli che un blog deve osservare per essere mobile friendly<\/a>. Ma c’\u00e8 altro da introdurre con il first index<\/strong>? Ecco cosa sapere per lavorare in modo da rispettare l’utente e Google.<\/p>\n\n\n\n

Cos’\u00e8 il mobile first index<\/h2>\n\n\n\n

\n\n\n\n

Con questo termine intendiamo la volont\u00e0 da parte di Google di indicizzazione i siti web usando solo le informazioni relative alla versione mobile. Mettendo nell’angolo quella desktop che verr\u00e0 utilizzata solo in assenza del mobile<\/strong>, una soluzione che come puoi ben immaginare \u00e8 svantaggiosa per diversi motivi. In primo luogo perch\u00e9 ormai la maggior parte del traffico, soprattutto in alcuni settori, \u00e8 prevalentemente mobile<\/strong>. Poi perch\u00e9 Google penalizza gi\u00e0 da tempo chi non ha un sito adatto agli smartphone.<\/p>\n\n\n\n

Cosa significa per il webmaster<\/h2>\n\n\n\n

Che la versione mobile del tuo sito web oggi \u00e8 quella centrale per comunicare con Google. Proprio perch\u00e9 \u00e8 altrettanto importante per gli utenti. Quindi l’ottimizzazione – che sia legata alla SEO o all’UX<\/strong> o ancora all’accessibilit\u00e0 e ai contenuti – deve prendere il via dal mobile. D’altro canto questa rivoluzione inizia da lontano: l’annuncio del mobile first index risale ufficialmente al marzo 2020 che proponeva settembre come data d’ingresso di questa novit\u00e0. Che per\u00f2 \u00e8 stata spostata al marzo 2021<\/a>:<\/p>\n\n\n

“We realize that in these uncertain times, it’s not always easy to focus on work as otherwise, so we’ve decided to extend the timeframe to the end of March 2021. At that time, we’re planning on switching our indexing over to mobile-first indexing”.<\/em><\/p>\n\n\n

Insomma. Google ci ha fatto la grazie. Ora per\u00f2 dobbiamo affrontare la situazione. Cosa significa per un webmaster, un web designer e un esperto SEO ottimizzare un sito web<\/strong> per il mobile first index? Cosa bisogna fare in questi casi?<\/p>\n\n\n\n

Come ottimizzare il sito web <\/h2>\n\n\n\n

Un buon tema mobile friendly<\/strong> \u00e8 obbligatorio. Ma ormai non basta avere questa definizione: bisogna assicurarsi che questo template garantisca spazi di lettura ed esecuzione delle operazioni. Il bottone si clicca facilmente? Il menu \u00e8 semplice da usare? <\/p>\n\n\n\n

\"Come<\/a><\/figure>\n\n\n\n

Le foto si ingrandiscono e si comprendono i numeri dei grafici<\/strong>? Il testo \u00e8 troppo piccolo? La Search Console ti aiuta a individuare i problemi, nel frattempo puoi lavorare con il search.google.com\/test\/mobile-friendly<\/a>. Ora affrontiamo qualche tema.<\/p>\n\n\n\n

Accessibilit\u00e0 e coerenza<\/h3>\n\n\n\n

Uno dei punti fondamentali: assicurati che le due versioni del sito web siano ugualmente valide per permettere al motore di ricerca di svolgere il suo lavoro. Google fa due esempi <\/strong>nella sua guida per ottimizzare un sito web in chiave mobile first index. <\/p>\n\n\n\n

\"mobile<\/a><\/figure>\n\n\n\n

Il primo riguarda il meta tag robots<\/a>: dovresti utilizzare gli stessi elementi tra desktop e versione mobile. O comunque devi verificare che non ci siano indicazioni che in passato avevi imposta pensando al mobile<\/strong> come una succursale del desktop: non \u00e8 cos\u00ec. Lo stesso discorso vale per le impostazioni del robots.txt<\/a> e dei contenuti generali delle pagine web.<\/p>\n\n\n\n

A volte, ad esempio, si pu\u00f2 usare un tag H1 diverso sul mobile, magari pi\u00f9 breve per motivi di ingombro rispetto al desktop<\/strong>. D’altro canto potrebbe essere meno informativo e oggi questo dettaglio pu\u00f2 influenzare il risultato finale nella serp.<\/p>\n\n\n\n

Immagini e video<\/h3>\n\n\n\n

Grande attenzione viene dato all’argomento visual, in particolar modo all’ottimizzazione delle immagini e dei contenuti veicolati attraverso i video. Le foto che carichi devono essere leggere e di qualit\u00e0: meglio usare file poco impegnativi<\/strong> per fare in modo che la velocit\u00e0 di caricamento della pagina – sempre pi\u00f9 difficile rispetto alla versione desktop – sia facilitato. <\/p>\n\n\n\n

Quindi ricorda di ridimensionare le foto e comprimerle con programmi adeguati come Optimizilla o Kraken.io, ma ricorda anche di non mortificare troppo<\/strong> la qualit\u00e0: da mobile l’esperienza deve essere sempre all’altezza delle aspettative. <\/p>\n\n\n\n

\"mobile<\/a><\/figure>\n\n\n\n

Non usare immagini piccole<\/strong> e di scarsa qualit\u00e0. Al tempo stesso ricorda di inserire sempre il tag alt<\/a>. Ricorda di implementare il lazy load<\/a> sul mobile, che per\u00f2 non dovrebbe essere un problema dato che nelle nuove versioni di WordPress \u00e8 di default. E per i video? Non utilizzare URL che cambiano ogni volta che la pagina viene caricata (questo vale anche per le immagini). E poi?<\/p>\n\n\n

“Place the video in an easy to find position on the page when viewed on a mobile device. For example, it might harm the video’s ranking if users need to scroll down too much to find the video on mobile page”.<\/em><\/p>\n\n\n

Come suggerisce la guida ufficiale di Google<\/a>, \u00e8 meglio posiziona il video in una posizione facile da trovare nella pagina quando la risorsa viene visualizzata su un dispositivo mobile<\/strong>. Ovviamente questo per quanto riguarda sempre la coerenza: se necessario posiziona il video in una posizione facile da trovare. Ma rispetta sempre la buona architettura dell’informazione.<\/p>\n\n\n\n

Velocit\u00e0 e non solo<\/h3>\n\n\n\n

Oggi \u00e8 molto importante affrontare il tema della velocit\u00e0 ma non solo: ci sono delle evoluzioni importanti soprattutto in termini di Core Web Vitals<\/a>. Vale a dire una serie di elementi che riguardano non solo i tempi di caricamento <\/strong>della pagina (che restano sempre importanti per la valutazione anche su Pagespeed Insight<\/a> e Lighthouse) ma anche la stabilit\u00e0 degli elementi e la reattivit\u00e0. <\/p>\n\n\n\n