{"id":5588,"date":"2019-01-16T08:17:39","date_gmt":"2019-01-16T07:17:39","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=5588"},"modified":"2021-02-17T23:33:09","modified_gmt":"2021-02-17T22:33:09","slug":"creare-un-sito-web-mobile-friendly","status":"publish","type":"post","link":"https:\/\/www.addlance.com\/blog\/creare-un-sito-web-mobile-friendly\/","title":{"rendered":"Creare un Sito Web mobile friendly: ecco le Regole grafiche da Seguire"},"content":{"rendered":"

\"creareOggigiorno il tema dell\u2019ottimizzazione di un sito web <\/strong><\/a>per mobile \u00e8 diventata una necessit\u00e0, pi\u00f9 che un plus. Se qualche anno addietro soltanto i pi\u00f9 scrupolosi si imbattevano nella questione, oggi invece \u00e8 sempre pi\u00f9 in crescita la volont\u00e0 di creare un sito web mobile friendly che abbia, cio\u00e8 un \u00a0layout<\/em> flessibile<\/strong> sia per un uso da pc che da smartphone<\/em>. Perch\u00e9? La tendenza di visitare i siti di qualsiasi tipo su apparecchi di dimensioni contenute \u00e8 salita notevolmente non solo sui settori B2C, ma anche su aziende di produzione. Il mondo digitale \u00e8 diventato sempre pi\u00f9 mobile<\/em>. Gli utenti consultano pagine internet, negozi online, social<\/em> concentrando le loro attivit\u00e0 su un unico dispositivo.<\/p>\n

<\/p>\n

Ecco che l\u2019ottimizzazione dei siti web necessitano di un layout<\/em> unico progettato per i grandi e piccoli schermi, con caratteri non troppo ridotti e con un\u2019interfaccia tale da consentire un utilizzo accessibile<\/strong>. Il layout,<\/em> quindi, altro non \u00e8 che una composizione che suggerisce all\u2019utente cosa accade in quello spazio visitato e con quale appropriatezza muoversi nello stesso. Pi\u00f9 tecnicamente, \u00e8 una disposizione <\/em>o struttura<\/em> che si riferisce agli elementi collocati nello spazio.<\/p>\n

Avere un sito mobile-friendly (<\/em>che sia un negozio, magazine online o sito aziendale) va a contrastare il rischio di perdere la popolarit\u00e0<\/em> in termini di posizionamento nella ricerca web mobile<\/em>. Il motivo risiede nella modifica di un algoritmo di ricerca di Google<\/strong>, spesso definito come MobileGeddon<\/em>. In sintesi, Google tiene conto del crescente aumento dell\u2019uso di internet consultato tramite dispositivi mobili, con la caratteristica di avere una migliore facilit\u00e0 d\u2019uso.<\/p>\n

Le 4 regole da seguire per creare un sito web mobile friendly<\/h2>\n

Se stai leggendo questo articolo \u00e8 perch\u00e9 vuoi creare un sito web mobile friendly<\/em> o perch\u00e9 ne possiedi uno e vorresti capire se viene escluso dai risultati di ricerca sui dispositivi mobili e\/o se il layout<\/em> si mostra inadatto per una efficace navigazione.<\/p>\n

Dunque, queste sono le regole da seguire:<\/p>\n

1) La prima mossa \u00e8, senza dubbio, quella di verificare se il proprio sito sia ottimizzato o meno, attraverso il test di ottimizzazione mobile<\/a> fornito gratuitamente da Google (provalo subito!). E\u2019 facile e veloce: baster\u00e0 inserire l\u2019URL della pagina e si ricever\u00e0 il punteggio.<\/p>\n

2) Il test di ottimizzazione ti suggerisce di modificare il tuo sito web? La seconda mossa \u00e8 quella di decidere se semplificare il layout<\/em><\/strong> oppure partire da zero (punto 3<\/em>), optando per un nuovo sito. Se si utilizza gi\u00e0 un software<\/em> esistente offerto da societ\u00e0 come WordPress<\/em>, Drupal<\/em> o Joomla<\/em>, \u00e8 possibile procedere con un aggiornamento all’ultima versione<\/strong>. Automaticamente si applicheranno i necessari upgrade <\/em>di sicurezza e il tuo sito sar\u00e0 ottimizzato per i dispositivi mobili. Se la procedura non viene attivata in automatico, assicurati di eseguirla manualmente, cos\u00ec da evitare violazioni della sicurezza.<\/p>\n

Leggi anche Le 10 regole d’oro per creare una App<\/a><\/p>\n

3) Se sei su questo punto, probabilmente avrai deciso di partire da zero <\/strong>per creare un sito web mobile friendly ex novo<\/em>. <\/strong>Potresti riuscire a riutilizzare i tuoi contenuti esistenti<\/strong> che, si spera, potrebbero farti risparmiare tempo e denaro. La migliore soluzione, dunque, se non vuoi rivolgerti ad un supporto tecnico, pu\u00f2 essere quella di adottare un layout responsive<\/em><\/strong>. Questo viene incontro alle esigenze di una buona navigazione sia tramite pc che cellulare, senza dover creare i due layout<\/em> che fanno seguito ai due URL differenti (www<\/em> per i siti classici e \/m<\/em> per i mobili). Come? Affidandoti a societ\u00e0 sopra elencate (WordPress<\/em>, Drupal<\/em> o Joomla) , <\/em>esse ti consentiranno di scegliere il design ed il tema<\/strong> del sito e tu dovrai limitarti a fornire i contenuti -che siano immagini o testi-. Modificato ci\u00f2, la visione finale garantir\u00e0 una buona e piacevole ricerca interna, senza per\u00f2 rinunciare alla qualit\u00e0 del contenuto, ritenuto fondamentale per poter garantire una costante consultazione del sito.<\/p>\n

Leggi anche Scegliere un tema WordPress, le 3 cose da sapere<\/a><\/p>\n

4) Ora che il sito \u00e8 ottimizzato, devi capire se \u00e8 velocizzato. Perch\u00e9? Bisogna essere consapevoli del fatto che i contenuti, specialmente complessi, richiedono maggiore impegno ed attenzione durante la realizzazione. Tieni in considerazione che il caricamento della pagina<\/strong> su smartphone<\/em> \u00e8 pi\u00f9 lenta rispetto ad una stessa pagina con URL separato. \u00c8 possibile sfruttare diversi software<\/em> per simulare il comportamento dello spider<\/em><\/strong> all\u2019interno del tuo sito, come Visual SEO<\/em> e Screaming Frog<\/em>. Verranno evidenziate le pagine con un tempo di risposta elevato e dalle dimensioni eccessive. Per fare in modo che non ci siano rallentamenti:<\/p>\n