Webmasters

Realizzazione di siti web ottimizzati per dispositivi mobili

Introduzione

Con la diffusione dell'utilizzo degli smartphone, la realizzazione di siti web facili da usare per gli utenti di questi dispositivi è oramai diventata una parte fondamentale della gestione dei siti. In questo documento vengono riepilogate le raccomandazioni di Google per i webmaster che desiderano pubblicare contenuti in formati ottimizzati per utenti di computer desktop e smartphone. Inoltre, vengono illustrati gli errori comuni da evitare. Sono disponibili anche pagine relative ai siti web per tablet e feature phone.

Panoramica delle raccomandazioni di Google

Google supporta tre diverse configurazioni per la creazione di siti web ottimizzati per gli smartphone:

  • Responsive 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ì che gli utenti non vengano reindirizzati. Questa è la configurazione consigliata da Google
  • Pubblicazione dinamica. Consente di pubblicare un codice HTML diverso per un URL a seconda dello user-agent. Per indicare questo tipo di pubblicazione, utilizza l'intestazione HTTP Vary.
  • Sito per dispositivi mobili separato. Consente di reindirizzare gli utenti a un URL diverso a seconda dello user-agent. Utilizza le annotazioni di link bidirezionali per indicare la relazione esistente tra i due URL per i motori di ricerca.

Assicurati di non bloccare risorse come JavaScript e CSS per i motori di ricerca, indipendentemente dalla configurazione che scegli di utilizzare. Per istruzioni sull'implementazione tecnica, visita la nostra pagina Dettagli.

Tipi di dispositivi mobili

  1. Smartphone. Telefoni dotati di browser in grado di visualizzare normali pagine in formato desktop, almeno parzialmente. Questa categoria comprende i browser per cellulari recenti in grado di eseguire il rendering di codice HTML5 e riguarda molteplici dispositivi, come cellulari Android e iPhone.
  2. Feature phone. Telefoni dotati di browser che non sono in grado di visualizzare normali pagine web in formato desktop. Sono compresi i browser per cHTML (iMode), WML, WAP e simili.

I tablet non vengono considerati dispositivi mobili poiché, tra gli altri motivi, tendono ad avere schermi di dimensioni maggiori. La maggior parte degli utenti di tablet si aspetta di visualizzare pagine ottimizzate per tablet o per computer desktop quando esplora il Web. Questo significa che, se non offri contenuti ottimizzati per tablet, gli utenti si aspettano di visualizzare il tuo sito per computer desktop anziché quello per smartphone.

Sommario

  • Nella pagina Dettagli viene spiegato come implementare le diverse configurazioni a tua disposizione.
  • Nella pagina Errori comuni vengono elencati i trucchi frequenti riscontrati nei siti web ottimizzati per smartphone.
  • Nella pagina Reindirizzamenti e rilevamento degli user-agent vengono inclusi i suggerimenti che dovresti conoscere quando utilizzi gli user-agent per reindirizzare gli utenti.
  • Nella pagina JavaScript vengono elencati i diversi approcci alla pubblicazione di JavaScript nel Responsive Web Design.
  • La pagina Tablet è rivolta ai webmaster che desiderano pubblicare contenuti per gli utenti di tablet.
  • Nella pagina Feature phone viene descritta la corretta procedura da seguire per smartphone e feature phone, se supportati dal tuo sito.
  • Nella pagina User-agent Googlebot vengono elencati gli user-agent utilizzati per eseguire la scansione dei siti web ottimizzati per dispositivi mobili.
  • Nella pagina Elenco di controllo per il miglioramento dei siti web per dispositivi mobili viene riportato un elenco dei miglioramenti che puoi apportare dopo aver completato il tuo sito web per dispositivi mobili.

Autenticazione richiesta

Devi aver eseguito l'accesso a Google+ per svolgere questa operazione.

Accesso tra...

Google Developers richiede la tua autorizzazione per svolgere questa operazione.