![\"mobile](\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/creare-sito-web-mobile-friendly.jpg\")
<\/p>\n<\/p>\n
Il 21\u00a0aprile 2015 Google aveva lanciato un aggiornamento dell’algoritmo per puntare\u00a0al miglioramento della visibilit\u00e0<\/strong> dei siti web realizzati in versione mobile-friendly<\/strong>. Ne avevamo gi\u00e0 dato notizia nel nostro blog anche per via del nome associato a tale aggiornamento (Google MobileGeddon<\/a>)\u00a0che sembrava presagire la fine\u00a0per la maggior parte dei siti web.<\/p>\n Abbiamo analizzato una interessante infografica che, anche se realizzata prima del rilascio del nuovo algoritmo, \u00e8 utile\u00a0per capire in che modo Google valuta un sito web affinch\u00e9 lo ritenga\u00a0mobile-friendly<\/strong> e soprattutto quali sono le caratteristiche dell’algoritmo stesso.<\/p>\n Essenzialmente si tratta di cinque caratteristiche principali:<\/p>\n Cosa ha portato Google a dare\u00a0maggior risalto ai siti responsive, ossia pi\u00f9 facilmente adattabili ai dispositivi mobili<\/strong>? Rispondiamo intanto a questa domanda.<\/p>\n Naturalmente il motivo va cercato nell’enorme diffusione che hanno raggiunto gli smartphone<\/strong> e i tablet<\/strong> cosa che, di conseguenza, ha portato ad un enorme incremento ed una maggiore diffusione di collegamenti in rete proprio tramite tali dispositivi.<\/p>\n Ed ecco il motivo per cui Google\u00a0ha scelto di favorire i siti responsive<\/strong>,\u00a0proprio per andare incontro alle esigenze di tutti quei consumatori che si connettono prevalentemente, se non esclusivamente da smartphone e tablet.<\/p>\n La principale caratteristica di un sito mobile-friendly<\/strong> \u00e8 che tutte le immagini e gli oggetti contenuti nella schermata, quando vengono visualizzati su un uno smartphone o su un tablet si riorganizzano e si riposizionano.<\/p>\n In questo modo i contenuti sono ben leggibili<\/strong>, proporzionati e fruibili da tutti i dispositivi mobili, anche con caratteristiche diverse tra di loro e soprattutto, con differenti dimensioni del display.<\/p>\n Per essere sicuro che il tuo sito web venga considerato\u00a0mobile-friendly da Google \u00e8 possibile verificarlo, in maniera semplice ed immediata, cercandolo dallo smartphone o dal tablet.<\/p>\n Se alla sinistra della descrizione del sito web, appare la scritta ‘Mobile-friendly’ allora avrai la conferma che \u00e8 stato realizzato in maniera responsiva<\/strong>.<\/p>\n Approfondiamo quindi i 5 elementi fondamentali da prendere in considerazione.<\/p>\n Ma come realizzare un sito mobile-friendly in modo che venga valorizzato dal nuovo algoritmo di Google?\u00a0Fondamentalmente, il successo di un sito mobile-friendly \u00e8 dato da cinque punti principali, cinque caratteristiche che essenzialmente verifica il motore di ricerca.<\/p>\n Il primo \u00e8 quello di offrire un’area di visualizzazione abbastanza ampia e chiara e soprattutto, in grado di adattarsi alle diverse dimensioni e forme del display.<\/p>\n Il secondo punto \u00e8 strettamente connesso al primo. Per garantire la massima visibilit\u00e0 sul motore di ricerca pi\u00f9 famoso del mondo, \u00e8 necessario che i contenuti principali siano ben chiari all’interno del display, senza che sia necessario effettuare scroll in verticale o in orizzontale o diminuire ed incrementare le dimensioni del testo stesso.<\/p>\n Il font deve essere scelto<\/a> in maniera tale che i caratteri possano restare nella giusta scala, ossia proporzionali alle dimensioni del display e quindi, ancora una volta ben chiari, comprensibili e facili da leggere.<\/p>\n Naturalmente, anche la grafica \u00e8 fondamentale, in particolare sono fondamentali il posizionamento, la spaziatura e la relazione tra i pulsanti che permettono di accedere alle differenti categorie e sotto-pagine.<\/p>\n Proprio su questo tipo di caratteristiche si basa il quarto punto preso in considerazione dal nuovo algoritmo Google. Scegliendo le giuste dimensioni e la giusta spaziatura, infatti, si potr\u00e0 garantire l’uso dei link e dei pulsanti senza che sia necessario l’ingrandimento della pagina per poter cliccare al meglio sui diversi link.<\/p>\n Spesso infatti capita che quando i link sono in inseriti di seguito, si creano problemi di \u201cinterferenza\u201d e per poter selezionare con maggiore facilit\u00e0 si deve necessariamente ricorrere allo zoom dell’area.<\/p>\n Il nuovo algoritmo\u00a0\u00e8 realizzato in modo da effettuare ricerche in tempo reale<\/strong>, le cos\u00ecddette real-time search<\/em>.\u00a0Questo significa che quando il motore di ricerca carica nuovamente una pagina, questa viene immediatamente riconosciuta o meno come mobile-friendly e se quindi \u00e8 in grado di ottenere eventuali benefici in caso di ricerca mobile.<\/p>\n Quindi, in qualsiasi momento \u00e8 possibile aggiornare il proprio sito web, avendo la garanzia che, nel momento in cui sar\u00e0 online la nuova versione, Google la riconoscer\u00e0 subito come mobile-firendly.\u00a0Questo a differenza di altri algoritmi di Google<\/a> in cui bisogna attendere il rilascio di una nuova versione prima di poterne verificare gli effetti.<\/p>\n Infine, un’ultima caratteristica del nuovo algoritmo \u00e8 che esso \u00e8 realizzato in modo da operare su una base page-by-page. Significa che anche all’interno dello stesso sito internet, se sono presenti pagine differenziate, sia in versione mobile-friendly sia in versione ‘classica’, ossia non pensata per i dispositivi mobili, solo quelle realizzate in maniera responsiva verranno poste in evidenza tra le SERP del motore di ricerca.<\/p>\n Si tratta di una scelta molto particolare, che porta alla necessit\u00e0 di realizzare il sito completamente in versione responsive se si vuole che tute le sezioni o le pagine vengano facilmente posizionate tra i primi risultati, ossia nella\u00a0prima pagina di Google<\/a>.<\/p>\n A questo punto riportiamo l’infografica realizzata da\u00a0ClickThrough Marketing<\/a> che riassume sia le caratteristiche dell’algoritmo, sia i 5 elementi che vengono presi in considerazione per valutare se un sito web \u00e8 appunto mobile-friendly.<\/p>\nSe non vuoi sviluppare da zero il tuo sito web responsive, puoi utilizzare un CMS gratuito come WordPress gi\u00e0 pronto e configurato nel nostro hosting WordPress<\/a>!<\/div><\/div>\n\n
Mobile-friendly: perch\u00e9?<\/h2>\n
![\"Google](\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/google-sito-mobile-friendly-300x167.jpg\")
I dati statistici relativi ai collegamenti internet riportano che in Italia, le connessioni provenienti da dispositivi mobili<\/strong> rappresentano oltre 60% delle connessioni totali.<\/p>\nSe vuoi effettuare dei test, per semplificarti il compito abbiamo selezionato alcuni template responsive gratuiti per WordPress<\/a>!<\/div><\/div>\n5 elementi\u00a0che determinano se un sito web \u00e8 responsive<\/h2>\n
Adattare il sito a tutte le risoluzioni<\/h3>\n
Evitare scroll verticale o orizzontale<\/h3>\n
Usare font scalabili<\/h3>\n
Inserire elementi facilmente cliccabili<\/h3>\n
Rispettare la tecnologia<\/h3>\n
![\"Come](\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/realizzare-sito-responsive-300x167.jpg\")
Infine, l’ultimo punto per realizzare un sito web responsive<\/a>\u00a0che piaccia al nuovo algoritmo di Google, \u00e8 che tale sito rispetti le dimensioni e le tecnologie dei dispositivi mobili, cambiando rapidamente aspetto a seconda che il tablet o lo smartphone vengano utilizzati in orizzontale o in verticale.<\/p>\nRicerche in tempo reale e page-by-page<\/h2>\n
Infografica: come realizzare un sito web responsive<\/h2>\n
![\"How](\"https:\/\/www.hostingvirtuale.com\/blog\/infografiche\/sito-web-mobile-friendly.jpg\")
<\/a><\/p>\n