{"id":6845,"date":"2015-12-23T11:34:13","date_gmt":"2015-12-23T09:34:13","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=6845"},"modified":"2015-12-23T12:30:02","modified_gmt":"2015-12-23T10:30:02","slug":"come-realizzare-un-sito-responsive","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/come-realizzare-un-sito-responsive-6845.html","title":{"rendered":"Come realizzare un sito responsive?"},"content":{"rendered":"

\"Come<\/p>\n

Non hai un sito responsive? Corri subito ai ripari. E sai perch\u00e9? Sempre pi\u00f9 persone si collegano a Internet da mobile. Ricercano contenuti immediati<\/strong> e facili da consultare attraverso il proprio smartphone e tablet.<\/p>\n

Con un design responsive rispondi a questa necessit\u00e0, adattando il tuo progetto web a qualsiasi schermo. Ma non solo: migliori la user experience,<\/strong> gli individui devono essere accolti nel miglior modo possibile sul tuo sito. A prescindere dallo strumento che utilizzano per raggiungerti.<\/p>\n

Questa tecnica ti aiuta a entrare anche nelle grazie di Google. Il motore di ricerca pi\u00f9 famoso del mondo d\u00e0 molta importanza a questa funzione. Big G ha contrassegnato i siti responsive con la dicitura mobile friendly<\/em>.<\/p>\n

Ecco il pensiero dell\u2019azienda<\/a>: \u201cResponsive Design. Consente di pubblicare lo stesso codice HTML per un URL e utilizza le query supporti CSS per determinare in che modo il contenuto viene visualizzato sul lato client. Questo elimina i possibili problemi di rilevamento dello user-agent e fa s\u00ec che gli utenti non vengano reindirizzati. Questa \u00e8 la configurazione consigliata da Google\u201d.<\/em><\/p>\n

Quindi, non aspettare pi\u00f9: aggiorna il tuo blog<\/a>. Ma come realizzare un sito responsive<\/strong>?<\/p>\n

Cosa vuol dire sito responsive<\/strong><\/h2>\n

Come ti ho gi\u00e0 anticipato, costruire un sito responsive design vuol dire renderlo fruibile da qualsiasi dispositivo portatile. Eviti agli utenti tutte quelle azioni complicate che facevano fino a qualche tempo fa.<\/p>\n

Hai presente ingrandire in continuazione il testo e leggere per forza in orizzontale la pagina? Un vero incubo, vero? Invece, questa modalit\u00e0 rende la tua piattaforma simile a un abito da indossare in ogni occasione. Cambia la forma ma non la sostanza.<\/p>\n

Certo, quando stai per costruire un sito mobile friendly non puoi pensare di trasferire tutti gli elementi che visualizzi dal desktop su tablet e cellulare. Devi dare spazio alla semplicit\u00e0<\/strong> e ridurre al minimo gli elementi che non servono. Un\u2019attenta riflessione in fase di progettazione ti aiuter\u00e0 a capire quali componenti lasciare fuori dalla versione responsive. Ti consiglio di stabilire una gerarchia dei contenuti<\/strong>.<\/p>\n

\"QualeNon dimenticare un aspetto importante: il responsive design \u00e8 stato pensato per soddisfare le persone<\/strong> che attraverso il web vogliono muoversi sul tuo sito in modo semplice e intuitivo. Ad esempio: prenotare un volo, fare un acquisto, prenotare una cena oppure controllare gli orari dell\u2019autobus, leggere una notizia in tutta comodit\u00e0.<\/p>\n

Se gli utenti riescono a fare almeno una di queste attivit\u00e0 sul tuo sito hai maggiori possibilit\u00e0 che si trasformino in potenziali clienti.<\/p>\n

Per approfondire<\/strong>: quale font scegliere per il tuo blog<\/a>.<\/p>\n

Cosa devi sapere per creare un sito responsive<\/strong><\/h2>\n

Un web designer per realizzare o trasformare un sito gi\u00e0 esistente in modalit\u00e0 responsive deve conoscere il codice HTML<\/strong>. Devi lavorare sodo con il metatag viewport<\/strong> e le media query<\/strong>.<\/p>\n