Sempre più visitatori arrivano da smartphone, spesso direttamente da una ricerca su Google. Questo rende i pop-up su mobile al tempo stesso preziosi e rischiosi: un riquadro a schermo intero che nasconde la pagina è fastidioso su uno schermo piccolo e Google dice da anni che nemmeno a lui piace. Questa guida spiega cosa dice davvero Google sugli interstitial invasivi, quali formati sono sicuri e le best practice per i pop-up su mobile che ti permettono di raccogliere iscrizioni senza rovinare l'esperienza o le tue prestazioni nella ricerca.
Cosa dice Google sugli interstitial invasivi
La posizione di Google risale a un annuncio dell'agosto 2016, «Helping users easily access content on mobile». Diceva che da gennaio 2017 le pagine in cui i contenuti non sono facilmente accessibili a un utente che arriva dai risultati di ricerca su mobile potrebbero non posizionarsi altrettanto bene.
L'articolo elencava tre esempi di tecniche che rendono i contenuti meno accessibili:
- Mostrare un pop-up che copre il contenuto principale, subito dopo che l'utente arriva dalla ricerca oppure mentre sta scorrendo la pagina.
- Visualizzare un interstitial a sé stante che l'utente deve chiudere prima di poter raggiungere il contenuto principale.
- Usare un layout in cui la parte alta della pagina sembra un interstitial a sé stante e il vero contenuto viene spinto sotto la piega.
Elencava anche esempi che non sarebbero stati penalizzati se usati in modo responsabile:
- Interstitial che rispondono a un obbligo di legge, come il consenso ai cookie o la verifica dell'età.
- Finestre di login su siti i cui contenuti non sono indicizzabili pubblicamente.
- Banner che occupano una quantità ragionevole di schermo e si chiudono facilmente.
La documentazione attuale di Google, «Avoid intrusive interstitials and dialogs», mantiene lo stesso spirito. Descrive gli interstitial invasivi come elementi della pagina che ostacolano la vista del contenuto, sconsiglia di oscurare l'intera pagina e raccomanda banner che occupino solo una piccola frazione dello schermo. Osserva anche che gli elementi invasivi possono rendere più difficile per i motori di ricerca comprendere i tuoi contenuti.
È un fattore di ranking?
La documentazione di Google sulla page experience elenca «Le tue pagine evitano di usare interstitial invasivi?» tra le domande da porsi sulle proprie pagine. Dice anche che non esiste un unico segnale di page experience, che i Core Web Vitals sono usati dai sistemi di ranking di Google e che gli altri aspetti della page experience non aiutano direttamente un sito a posizionarsi meglio.
In pratica: non aspettarti che un pop-up da solo faccia crollare il tuo posizionamento, ma non ignorarlo nemmeno. Un pop-up che blocca il contenuto per cui le persone sono arrivate fa male ai visitatori, e ciò che fa male ai visitatori tende a fare male anche alla ricerca nel lungo periodo.
Formati consentiti e formati a rischio su mobile
In base alle indicazioni di Google, ecco come si confrontano su smartphone i formati di pop-up più comuni.
Rischio più basso
- Una piccola barra in alto o in basso che non copre il contenuto.
- Un pulsante teaser in un angolo che apre il pop-up solo al tocco.
- Uno slide-in che occupa una piccola parte dello schermo e si chiude facilmente.
- Qualsiasi pop-up aperto dal visitatore, ad esempio toccando un pulsante o un link.
Rischio più alto
- Un pop-up a schermo intero che compare appena qualcuno arriva dalla ricerca.
- Un pop-up centrato che copre la maggior parte di uno schermo piccolo prima che le persone abbiano letto qualcosa.
- Un pop-up difficile da chiudere, con un pulsante di chiusura minuscolo o nascosto.
La regola più sicura: su mobile, lascia che le persone vedano prima il contenuto per cui sono arrivate e lascia che siano loro a scegliere di aprire qualcosa di più grande.
Teaser, slide-in e trigger ritardati
Non devi rinunciare ai pop-up su mobile. Devi cambiare come e quando compaiono.
Teaser
Un teaser è un piccolo elemento cliccabile, come «Gira e vinci» in un angolo dello schermo. Nulla copre il contenuto finché il visitatore non lo tocca. Quando lo fa, il pop-up è qualcosa che ha chiesto lui. In Scratcher puoi aggiungere un teaser a qualsiasi pop-up e scegliere di nasconderlo su determinati dispositivi.
Slide-in e barre
Un pop-up laterale o una barra in alto occupano una piccola parte dello schermo. Su smartphone, mantienili compatti e assicurati che il pulsante di chiusura sia facile da raggiungere con il pollice.
Trigger ritardati
Invece di mostrare il pop-up nel momento in cui qualcuno arriva, aspetta che abbia mostrato interesse:
- Dopo un certo tempo sulla pagina, così le persone hanno avuto il tempo di leggere.
- Dopo lo scroll, ad esempio quando hanno scorso metà di un articolo o di una pagina prodotto.
- Al clic, quando le persone toccano un pulsante o un link che apre il pop-up.
L'intento di uscita, che funziona tracciando il mouse, è un trigger solo per desktop, quindi pianifica un trigger diverso per i visitatori mobile.
In Scratcher scegli la posizione (barra in alto, laterale, centrale o a schermo intero), il trigger e i dispositivi su cui si mostra ogni pop-up, così puoi, per esempio, usare un pop-up come gioco a schermo intero per i visitatori desktop e un altro come teaser per i visitatori mobile. Tutte le opzioni sono elencate nella nostra pagina sui pop-up.
Giochi a misura di pollice su mobile
Se il tuo pop-up contiene un gioco, deve funzionare con un solo pollice su uno schermo piccolo.
- Un tocco o uno swipe. Ruota della fortuna, gratta e vinci e mystery box sono ideali. Riserva puzzle e memory a una landing page.
- Pulsanti e aree di tocco grandi. Le caselle piccole sono difficili da colpire.
- Un modulo breve. Un'email e una casella di consenso spesso bastano. Aiuta anche la tastiera giusta per ogni campo.
- Testo leggibile senza zoom.
- Un pulsante di chiusura visibile in ogni momento.
Il team di Andel Energi lo ha detto in modo semplice: «La maggior parte degli utenti interagisce con le nostre campagne da mobile, quindi poter creare e adattare rapidamente esperienze ottimizzate per il mobile è essenziale.» Scopri come Andel Energi costruisce le sue campagne.
Scopri quali giochi funzionano meglio come pop-up nella nostra pagina sui pop-up di gioco.
Prestazioni di caricamento
Un pop-up che rallenta la pagina danneggia proprio i visitatori che cerca di convertire. E poiché i Core Web Vitals sono usati dai sistemi di ranking di Google, la velocità della pagina conta anche per la ricerca.
- Non spostare il contenuto. Un pop-up o una barra che spinge la pagina verso il basso dopo il caricamento causa layout shift. Gli overlay che si trovano sopra la pagina evitano questo problema. I pop-up di Scratcher vengono mostrati sopra la pagina anziché inseriti al suo interno.
- Mantieni le immagini leggere. Comprimi gli sfondi e le immagini dei premi, soprattutto per il mobile.
- Usa un solo script. Con Scratcher incolli sul tuo sito web un piccolo script una sola volta e funziona per tutti i pop-up che crei in seguito.
- Testa su uno smartphone vero con una connessione mobile, non solo con il Wi-Fi dell'ufficio.
Non sei sicuro che un pop-up sia il posto giusto per la tua campagna? Puoi anche inserire il gioco direttamente in una pagina del tuo sito web o dargli una landing page dedicata, che spesso è più adatta al traffico mobile proveniente da annunci e social media.
Checklist delle best practice per i pop-up su mobile
- Il pop-up non copre il contenuto principale appena le persone arrivano dalla ricerca.
- Su mobile usi un teaser, una barra, uno slide-in o un trigger ritardato.
- Il pulsante di chiusura è grande e facile da trovare.
- Il gioco richiede un solo tocco o swipe.
- Il modulo chiede un'email e il consenso, nient'altro per cominciare.
- Il testo è leggibile senza zoom.
- Il pop-up non sposta il contenuto della pagina.
- Le immagini sono compresse.
- Limiti la frequenza con cui ogni visitatore lo vede.
- L'hai testato su uno smartphone vero.
Raccogli iscrizioni da mobile, con garbo
I pop-up su mobile non sono vietati e possono funzionare molto bene. Quelli che funzionano rispettano il visitatore: aspettano, restano piccoli finché non vengono invitati e si chiudono facilmente.
La nostra guida su come creare pop-up ad alta conversione mostra la configurazione completa. Oppure inizia la tua prova gratuita di 14 giorni e guarda in anteprima il tuo primo pop-up di gioco su smartphone, tablet e desktop prima che vada online.
