Skip to content

Al giorno d’oggi è davvero importante avere un sito web fruibile dal maggior numero di devices possibile. Gestire tutti i formati con un solo sito è sicuramente la soluzione migliore, per questo usare un tema Responsive Design è praticamente un MUST.

Il traffico da mobile è in costante aumento, se oggi non avete ancora un sito mobile-compatible forse è arrivata l’ora di pensarci :)

Trend Traffico Mobile
Source: http://www.slideshare.net/kleinerperkins/kpcb-internet-trends-2013

Perchè il Responsive Design è la soluzione migliore

L’uso di smartphone e tablet aumenta rapidamente, avere un sito fruibile da questi device è molto importante. Se la SEO è una componente fondamentale della tua strategia di marketing digitale, avere un sito web mobile-friendly diventa essenziale. Le Vendite di cellulari hanno già superato le vendite di computers desktop e l’uso di Internet mobile è previsto superare l’uso di Internet da desktop entro il 2014.

L’argomento tra scegliere un sito responsive oppure un sito web mobile a parte (m.example.com) è un argomento molto dibattuto. La verità è che entrambe le opzioni hanno i loro pro e contro.

L’opzione migliore per il tuo business dipende da molti fattori come ad esempio lo scopo del sito web, il previsto target di riferimento e l’importanza della SEO.

Se la SEO è un fattore importante, qui ci sono tre ragioni per cui il responsive web design è l’opzione migliore per la tua strategia SEO mobile.

1. Raccomandato da Google

Google afferma che il responsive web design è la configurazione consigliata per i dispositivi mobile. Questo perché i siti responsive design hanno lo stesso URL e lo stesso codice HTML, indipendentemente dal dispositivo. Ciò rende più facile per Google navigare, indicizzare e catalogare i contenuti.

2. Un sito web , molti dispositivi

Uno degli aspetti più interessanti del web design responsive è che un sito responsive è in grado di fornire una grande esperienza utente su molti dispositivi e dimensioni dello schermo . Questa è una caratteristica importante, dal momento che è impossibile prevedere tutti i dispositivi e le dimensioni dello schermo che gli utenti utilizzeranno per accedere al sito. Un sito che funziona bene indipendentemente da queste variabili fornirà una migliore e più coerente user-experience di un sito mobile separato che è stato progettato per specifici dispositivi e dimensioni dello schermo.

3. Più facile da gestire

Avere un sito desktop separato dal sito mobile necessita di avere campagne SEO e SEM separate. Gestire un sito e una campagna è molto più facile che gestire due siti e due campagne. Aggiungiamo anche una doppia gestione dei contenuti, degli aggiornamenti e della manutenzione, è evidente che un sito responsive porta molti vantaggi.

Online esistono diversi strumenti gratuiti che permettono di verificare il comportamento del sito con diverse definizioni e devices, di seguito elenco quelli con cui mi trovo meglio.

Cosa aspetti, testa ora il tuo sito web o il blog aziendale!

Capire il Responsive web design con alcune GIF

Con max-width e senza max-width
Con max-width e senza max-width
Differenza tra design fluido e statico
Differenza tra design fluido e statico
Differenza tra desktop-first e mobile-first
Differenza tra desktop-first e mobile-first
Design con breakpoints e senza breakpoints
Design con breakpoints e senza breakpoints
Differenza tra vettori e immagini
Differenza tra vettori e immagini
Differenza tra system-fonts e webfonts
Differenza tra system-fonts e webfonts
Differenza tra responsive e adaptive
Differenza tra responsive e adaptive
Differenza tra relative-units e static-units
Differenza tra relative-units e static-units
Differenza tra nested e not-nested
Differenza tra nested e not-nested

Autore

Commenti |4

Lascia un commento Lascia un commento
  1. Marco Grazia 3 commenti

    Dare una mano. E’ importante dare una mano a chi inizia magari con dei tools in grado di facilitare sia l’apprendimento di base che la vita lavorativa.
    A tal fine ho creato e continuo ad aggiornarlo, un sito proprio per questo: http://stilisticamente.biz raccoglie tools e sitografia divisa er argomenti proprio per cercare di facilitare il lavoro e l’apprendimento del #ResponsiveDesign

    M.

    1. Giovanni Sacheli 754 risposte

      Ciao Marco grazie della segnalazione :)

  2. Paola Chianello 1 commento

    In effetti oggi se non hai un sito fruibile da cellulari dove vai? Ma deve essere per forza responsive? Sul tema dei siti responsive ho trovato anche questo se serve http://websynapse.it/web-design-responsive

    1. Giovanni Sacheli 754 risposte

      Ciao Paola, dipende… In diversi settori è quasi un must usare il sito dedicato (m.esempio.com), mentre in molti altri il responsive design è il più diffuso. Come per ogni cosa, dipende dalla situazione :)

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ultimi articoli aggiornati

Richiedi un preventivo SEO e Google Ads

Porta il tuo sito web al livello successivo con l’expertise di EVE Milano. La nostra agenzia di Search Marketing ha ricevuto oltre 1123 richieste di preventivo, un segnale chiaro della fiducia che imprenditori e manager, come te, ripongono nella nostra specializzazione tecnica e verticale nella SEO e PPC. Se la tua organizzazione cerca competenze specifiche per emergere nei risultati di Google, noi siamo pronti a fornire quel valore aggiunto. Affidati alla nostra esperienza per fare la differenza.
Richiedi un preventivo

Non perderti altre guide, iscriviti per ricevere un avviso mensile con gli aggiornamenti del blog!

Iscriviti alla newsletter!

Informativa sui cookies

Noi e terze parti selezionate utilizziamo cookie o tecnologie simili per finalità tecniche e, con il tuo consenso, anche per le finalità di esperienza e misurazione come specificato nella cookie policy. Puoi liberamente prestare, rifiutare o revocare il tuo consenso, in qualsiasi momento, accedendo al pannello delle preferenze. Il rifiuto del consenso può rendere non disponibili le relative funzioni. Usa il pulsante “Accetta” per acconsentire. Usa il pulsante “Rifiuta” per continuare senza accettare.