Errori comuni

In questa pagina vengono descritti alcuni degli errori più comuni che vengono commessi dai webmaster durante la progettazione dei siti per dispositivi mobili.

File JavaScript, CSS e immagine bloccati

Per ottenere un rendering e un'indicizzazione ottimali, consenti sempre a Googlebot di accedere ai file JavaScript, CSS e immagine utilizzati dal tuo sito web, in modo che Googlebot possa vedere il tuo sito come un utente medio. Se il file robots.txt del sito non consente la scansione di queste risorse, l'efficacia del rendering e dell'indicizzazione dei tuoi contenuti eseguiti dai nostri algoritmi ne risulta direttamente compromessa. Questo può causare ranking non ottimali dei siti.

  1. Assicurati che Googlebot possa eseguire la scansione dei tuoi file JavaScript, CSS e immagine utilizzando lo strumento Controllo URL in Search Console. Lo strumento ti mostra in che modo Googlebot vede i tuoi contenuti e ne esegue il rendering; inoltre, ti aiuta a identificare e risolvere una serie di problemi di indicizzazione presenti sul tuo sito.

  2. Controlla e verifica il file robots.txt in Search Console.

  3. Esegui una verifica delle tue pagine per dispositivi mobili con il Test di ottimizzazione mobile per scoprire se i nostri sistemi rilevano il tuo sito web come compatibile per gli utenti di dispositivi mobili.

  4. Se utilizzi URL distinti per le tue pagine per dispositivi mobili, assicurati di eseguire la verifica sia per gli URL per dispositivi mobili sia per gli URL per desktop, in modo da confermare che il reindirizzamento è riconosciuto e può essere sottoposto a scansione.

Contenuti che non possono essere riprodotti

Alcuni tipi di video o di contenuti, ad esempio contenuti multimediali vincolati da licenze o esperienze che richiedono Flash o altri player che non sono ampiamente supportati su dispositivi mobili, non possono essere riprodotti su dispositivi mobili. Se i contenuti che non possono essere riprodotti vengono visualizzati in primo piano in una pagina di qualsiasi sito web, gli utenti potrebbero essere molto infastiditi.

Quando gli utenti visitano una pagina con contenuti non supportati sui dispositivi mobili, ricevono un messaggio di errore simile al seguente:

Video che non può essere riprodotto

L'esperienza di visualizzazione dei contenuti sui dispositivi mobili risulta quindi poco soddisfacente.

Anziché utilizzare un video player proprietario o inserire contenuti in un formato non supportato, ti consigliamo di utilizzare i tag nello standard HTML5 per l'inserimento di video o animazioni.

Per i contenuti animati, utilizza animazioni HTML5 compatibili con tutti i browser web. Google Web Designer semplifica la creazione di queste animazioni in HTML5.

  • Utilizza gli standard HTML5 per le animazioni, poiché consentono di offrire un'esperienza positiva a tutti gli utenti.
  • Utilizza l'incorporamento per i video che possono essere riprodotti su tutti i dispositivi.
  • Prendi in considerazione la possibilità di rendere disponibile la trascrizione del video. In questo modo il sito può essere visitato anche dalle persone che utilizzano tecnologie di navigazione assistive o browser che non supportano la riproduzione di formati video proprietari.

Per ulteriori dettagli, leggi le best practice per i video su Web Fundamentals di Google.

Reindirizzamenti non funzionanti

Se hai URL distinti per i dispositivi mobili, ti consigliamo di reindirizzare gli utenti di dispositivi mobili che accedono a ciascun URL per desktop all'URL per dispositivi mobili equivalente. Il reindirizzamento ad altre pagine (ad esempio alla home page) sarebbe errato.

Esempi:

  • Il server del tuo sito per desktop è configurato in modo da reindirizzare gli utenti dei dispositivi mobili alla home page del sito per dispositivi mobili, indipendentemente dall'URL richiesto in origine, anche se il sito per dispositivi mobili presenta una pagina equivalente alla pagina desktop di reindirizzamento.
  • Gli URL del tuo sito desktop vengono generati dinamicamente con parametri URL che non vengono associati correttamente all'URL per dispositivi mobili equivalente. Ad esempio, un utente che cerca gli orari dei treni per una data specifica sul sito desktop potrebbe sentirsi infastidito, se viene reindirizzato alla pagina generica di ricerca degli orari sul sito per dispositivi mobili. Ti consigliamo di configurare correttamente il reindirizzamento se hai un URL per dispositivi mobili equivalente, in modo che gli utenti arrivino nella pagina che stavano cercando.

  • Il sito per desktop reindirizza solo alcuni dispositivi mobili. Ad esempio, un sito potrebbe reindirizzare solo gli utenti Android al sito per dispositivi mobili e non reindirizzare gli utenti di iPhone o Windows Phone.

  • Utilizza Search Console. Se sei un utente verificato, ti invieremo un messaggio nel caso in cui venga rilevato che una delle pagine del tuo sito sta reindirizzando gli utenti di smartphone alla home page.

  • Configura il tuo server in modo che reindirizzi gli utenti di smartphone all'URL equivalente sul tuo sito per smartphone.

  • Se una pagina del tuo sito non ha una pagina equivalente per smartphone, fai in modo che gli utenti rimangano sulla pagina per desktop piuttosto che reindirizzarli alla home page del sito per smartphone. In questo caso, non fare niente è meglio che fare la cosa sbagliata.

  • Prova a utilizzare il responsive web design, che consente di offrire gli stessi contenuti a utenti dell'ambiente desktop e di smartphone.

Errori 404 solo su dispositivi mobili

Alcuni siti offrono contenuti agli utenti di desktop che accedono a un URL, ma mostrano una pagina di errore agli utenti di dispositivi mobili.

Errori 404 solo su dispositivi mobili

Per garantire la migliore esperienza possibile agli utenti, se riconosci che un utente sta visitando una pagina per desktop da un dispositivo mobile e hai una pagina corrispondente per dispositivi mobili su un URL diverso, reindirizzalo a quell'URL anziché mostrare una pagina di errore 404 o di errore soft 404. Assicurati inoltre che la pagina per dispositivi mobili non sia in sé una pagina di errore.

Reindirizzamenti funzionanti
  • Utilizza Search Console. Se sei un utente verificato del sito, ti invieremo una notifica nel Centro messaggi.

  • Se hai un sito per smartphone su un URL distinto, configura il tuo server in modo che reindirizzi gli utenti su smartphone all'URL equivalente del tuo sito per smartphone.

  • Se utilizzi la pubblicazione dinamica, assicurati che il rilevamento dello user-agent sia configurato correttamente.

  • Se una pagina del tuo sito non ha una pagina equivalente per smartphone, fai in modo che gli utenti rimangano nella pagina desktop. È senz'altro meglio mostrare all'utente i contenuti che stava cercando anziché una pagina di errore.

  • Se possibile, utilizza il responsive web design. Questa configurazione ti consente di offrire gli stessi contenuti a tutti gli utenti, a prescindere dal tipo di dispositivo utilizzato.

Evitare gli annunci interstitial

Molti siti web mostrano annunci interstitial oppure overlay che coprono in parte o del tutto i contenuti della pagina visitata dall'utente. Questi annunci interstitial, che vengono utilizzati comunemente sui dispositivi mobili per promuovere l'app nativa di un sito web, moduli di iscrizione a mailing list o pubblicità, rendono sgradevole l'esperienza degli utenti. In alcuni casi, gli annunci interstitial sono progettati in modo che per l'utente sia molto complicato ignorarli e visualizzare i contenuti effettivi della pagina. Lo spazio sullo schermo dei dispositivi mobili è limitato, pertanto gli annunci interstitial incidono negativamente sull'esperienza degli utenti.

Annunci interstitial per il download delle app

Molti webmaster promuovono le app native della loro azienda ai visitatori dei siti web per dispositivi mobili. Se non si presta attenzione, questo potrebbe causare problemi di indicizzazione e interrompere l'utilizzo del sito da parte del visitatore.

Evitare gli annunci interstitial
L'annuncio interstitial impedisce all'utente di completare le attività.
Banner app
Un banner permette all'utente di completare le attività mentre viene presentata l'app.
  • Utilizza un semplice banner per promuovere la tua app in linea con i contenuti della pagina. Questo banner può essere implementato utilizzando:
    • Un banner supportato dai browser, ad esempio tramite la funzionalità Smart App Banners per Safari o i banner dell'app nativa per Chrome.
    • Un'immagine o un banner HTML, simile a un tipico annuncio di piccole dimensioni, che rimanda all'app store corretto per il download.

Una prassi comune quando un sito web offre contenuti agli utenti su URL distinti per i dispositivi mobili consiste nell'avere link che rimandano alla versione ottimizzata per desktop e, analogamente, link che indirizzano dalla pagina per desktop a quella per dispositivi mobili. È un errore comune fare in modo che i link indirizzino a una pagina irrilevante, ad esempio pagine per dispositivi mobili che collegano alla home page del sito per desktop.

  • Verifica che i tuoi link indirizzino alla pagina equivalente corretta.

Pagine per dispositivi mobili lente

È importante assicurarsi che il sito per dispositivi mobili si carichi rapidamente. Gli utenti possono spazientirsi se devono attendere a lungo prima di visualizzare i contenuti.

Utilizza Google PageSpeed Insights, concentrandoti sulla sottosezione "Velocità", per scoprire se le tue pagine presentano problemi che possono rallentarle. Prova a risolvere i problemi contrassegnati dalla dicitura "Soluzioni da implementare".

Per ulteriori informazioni, vedi:

Impostare correttamente l'area visibile

I visitatori del tuo sito utilizzano una serie di dispositivi con schermi di varie dimensioni, pertanto dovresti specificare un'area visibile per le pagine utilizzando il meta tag viewport. Questo tag indica ai browser come ridimensionare le pagine in base al dispositivo. Di seguito sono riportati due problemi frequenti:

  • L'utilizzo di aree visibili a larghezza fissa. La pagina non viene ridimensionata correttamente per tutti gli svariati dispositivi di diverse dimensioni. Ulteriori informazioni
  • Presupporre un'area visibile minima di larghezza non realistica, che può obbligare gli utenti che utilizzano piccoli dispositivi a scorrere in orizzontale per riuscire a leggere i contenuti. Questo accade quando nelle dichiarazioni CSS delle pagine vengono utilizzati valori assoluti oppure vengono utilizzate immagini progettate per essere visualizzate in modo ottimale su browser di larghezza specifica (ad esempio 980 px). Per correggere questo errore, assicurati di utilizzare valori di larghezza e posizione relativi per gli elementi CSS delle pagine e verifica che le immagini possano essere ridimensionate. Ulteriori informazioni

Dimensioni del carattere piccole

Evita di impostare dimensioni del carattere troppo piccole per essere leggibili su un dispositivo mobile e che richiederebbero ai visitatori di "pizzicare per eseguire lo zoom" e poter leggere la pagina. Dopo avere specificato un'area visibile per le pagine web, imposta le dimensioni del carattere in modo che vengano ridimensionate in modo adeguato all'interno dell'area visibile. Leggi ulteriori informazioni sulle best practice relative alle dimensioni dei caratteri nella pagina sull'utilizzo di dimensioni di carattere leggibili.

Elementi da toccare troppo vicini

Evita di impostare gli elementi da toccare, come pulsanti e link, così vicini da non consentire a un utente di dispositivi mobili di toccare facilmente con il dito l'elemento desiderato senza toccare anche un elemento vicino. Per correggere questi errori, assicurati di impostare dimensioni e distanza corrette per pulsanti e link di navigazione in modo da rendere tali elementi adatti ai visitatori che utilizzano dispositivi mobili. Leggi ulteriori informazioni nella pagina sull'impostazione di dimensioni appropriate per i target di tocco.