De plus en plus de vos visiteurs arrivent depuis un téléphone, souvent directement depuis une recherche Google. Les pop-ups sur mobile sont donc à la fois précieuses et risquées : une boîte plein écran qui masque la page est agaçante sur un petit écran, et Google dit depuis des années qu’il n’aime pas cela non plus. Ce guide explique ce que Google dit réellement des interstitiels intrusifs, quels formats sont sûrs, et les bonnes pratiques des pop-ups mobiles qui vous permettent de collecter des inscriptions sans nuire à l’expérience ni à votre référencement.
Ce que dit Google sur les interstitiels intrusifs
La position de Google remonte à une annonce d’août 2016, « Helping users easily access content on mobile ». Elle indiquait qu’à partir de janvier 2017, les pages dont le contenu n’est pas facilement accessible à un utilisateur arrivant depuis les résultats de recherche mobile pourraient être moins bien classées.
L’article citait trois exemples de techniques qui rendent le contenu moins accessible :
- Afficher une pop-up qui recouvre le contenu principal, soit immédiatement après l’arrivée de l’utilisateur depuis la recherche, soit pendant qu’il parcourt la page.
- Afficher un interstitiel autonome que l’utilisateur doit fermer avant de pouvoir accéder au contenu principal.
- Utiliser une mise en page où le haut de la page ressemble à un interstitiel autonome et où le vrai contenu est repoussé sous la ligne de flottaison.
Il citait aussi des exemples qui ne seraient pas touchés s’ils sont utilisés de manière responsable :
- Les interstitiels qui répondent à une obligation légale, comme le consentement aux cookies ou la vérification de l’âge.
- Les boîtes de dialogue de connexion sur les sites dont le contenu n’est pas indexable publiquement.
- Les bannières qui occupent une quantité raisonnable de l’écran et se ferment facilement.
La documentation actuelle de Google, « Avoid intrusive interstitials and dialogs », conserve le même esprit. Elle décrit les interstitiels intrusifs comme des éléments de page qui gênent la vue du contenu, déconseille de masquer toute la page et recommande des bannières qui n’occupent qu’une petite fraction de l’écran. Elle note aussi que les éléments intrusifs peuvent compliquer la compréhension de votre contenu par les moteurs de recherche.
Est-ce un facteur de classement ?
La documentation de Google sur l’expérience de page cite « Vos pages évitent-elles les interstitiels intrusifs ? » parmi les questions à se poser sur vos pages. Elle précise aussi qu’il n’existe pas de signal unique d’expérience de page, que les Core Web Vitals sont utilisés par les systèmes de classement de Google, et que les autres aspects de l’expérience de page n’aident pas directement un site à mieux se classer.
À retenir en pratique : n’attendez pas d’une pop-up qu’elle fasse chuter votre classement à elle seule, mais ne l’ignorez pas pour autant. Une pop-up qui bloque le contenu que les gens sont venus chercher est mauvaise pour les visiteurs, et ce qui est mauvais pour les visiteurs finit généralement par être mauvais pour le référencement.
Formats autorisés ou risqués sur mobile
D’après les recommandations de Google, voici comment les formats de pop-ups courants se comparent sur un téléphone.
Risque plus faible
- Une petite barre en haut ou en bas qui ne recouvre pas le contenu.
- Un bouton teaser dans un coin qui n’ouvre la pop-up que lorsqu’on appuie dessus.
- Une pop-up latérale (slide-in) qui occupe une petite partie de l’écran et se ferme facilement.
- Toute pop-up ouverte par le visiteur, par exemple en appuyant sur un bouton ou un lien.
Risque plus élevé
- Une pop-up plein écran qui s’affiche dès que quelqu’un arrive depuis la recherche.
- Une pop-up centrée qui recouvre la majeure partie d’un petit écran avant que les gens aient rien lu.
- Une pop-up difficile à fermer, avec un bouton de fermeture minuscule ou caché.
La règle la plus sûre : sur mobile, laissez d’abord les gens voir le contenu pour lequel ils sont venus, et laissez-les choisir d’ouvrir tout élément plus grand.
Teasers, pop-ups latérales et déclencheurs différés
Vous n’avez pas à renoncer aux pop-ups mobiles. Il faut changer la façon et le moment de leur apparition.
Teasers
Un teaser est un petit élément cliquable, comme « Tentez votre chance » dans un coin de l’écran. Rien ne recouvre le contenu tant que le visiteur n’a pas appuyé dessus. Quand il le fait, la pop-up est quelque chose qu’il a demandé. Dans Scratcher, vous pouvez ajouter un teaser à n’importe quelle pop-up et choisir de le masquer sur certains appareils.
Pop-ups latérales et barres
Une pop-up latérale ou une barre en haut occupe une petite partie de l’écran. Sur un téléphone, gardez-la compacte et veillez à ce que le bouton de fermeture soit facile à atteindre avec le pouce.
Déclencheurs différés
Au lieu d’afficher la pop-up dès l’arrivée de quelqu’un, attendez qu’il ait montré de l’intérêt :
- Après un temps passé sur la page, pour que les gens aient eu le temps de lire.
- Après un défilement, par exemple lorsqu’ils ont fait défiler la moitié d’un article ou d’une page produit.
- Au clic, lorsque les gens appuient sur un bouton ou un lien qui ouvre la pop-up.
L’intention de sortie, qui repose sur le suivi de la souris, est un déclencheur réservé à l’ordinateur : prévoyez donc un autre déclencheur pour les visiteurs mobiles.
Dans Scratcher, vous choisissez la position (barre en haut, côté, milieu ou plein écran), le déclencheur et les appareils sur lesquels chaque pop-up s’affiche. Vous pouvez ainsi, par exemple, diffuser une pop-up en jeu plein écran pour les visiteurs sur ordinateur et une autre sous forme de teaser pour les visiteurs mobiles. Toutes les options sont détaillées sur notre page Pop-ups.
Des jeux adaptés au pouce sur mobile
Si votre pop-up contient un jeu, il doit fonctionner avec un seul pouce sur un petit écran.
- Un seul appui ou un seul balayage. La roue de la fortune, la carte à gratter et la boîte mystère sont idéales. Réservez les puzzles et les Memory à une landing page.
- De gros boutons et des zones d’appui. Les petites cases à cocher sont difficiles à toucher.
- Un formulaire court. Un e-mail et une case de consentement suffisent souvent. Le bon clavier pour chaque champ aide aussi.
- Un texte lisible sans zoomer.
- Un bouton de fermeture visible à tout moment.
L’équipe d’Andel Energi le résume simplement : « La majorité des utilisateurs interagissent avec nos campagnes sur mobile, il est donc essentiel de pouvoir créer et ajuster rapidement des expériences adaptées au mobile. » Découvrez comment Andel Energi construit ses campagnes.
Découvrez quels jeux fonctionnent le mieux en pop-up sur notre page Pop-ups de jeu.
Performances de chargement
Une pop-up qui ralentit votre page nuit aux visiteurs mêmes qu’elle cherche à convertir. Et comme les Core Web Vitals sont utilisés par les systèmes de classement de Google, la vitesse de la page compte aussi pour le référencement.
- Ne déplacez pas le contenu. Une pop-up ou une barre qui repousse la page vers le bas après son chargement provoque des décalages de mise en page. Les surcouches placées par-dessus la page évitent cela. Les pop-ups de Scratcher s’affichent par-dessus la page plutôt qu’insérées dans celle-ci.
- Gardez des images légères. Compressez les arrière-plans et les images de lots, surtout pour le mobile.
- Utilisez un seul script. Avec Scratcher, vous collez un petit script sur votre site une seule fois, et il fonctionne pour toutes les pop-ups que vous créez ensuite.
- Testez sur un vrai téléphone avec une connexion mobile, pas seulement sur le Wi-Fi de votre bureau.
Vous n’êtes pas sûr qu’une pop-up soit le bon emplacement pour votre campagne ? Vous pouvez aussi placer le jeu directement sur une page de votre site ou lui donner sa propre landing page, ce qui convient souvent mieux au trafic mobile issu des annonces et des réseaux sociaux.
Liste de contrôle des bonnes pratiques des pop-ups mobiles
- La pop-up ne recouvre pas le contenu principal dès que les gens arrivent depuis la recherche.
- Sur mobile, vous utilisez un teaser, une barre, une pop-up latérale ou un déclencheur différé.
- Le bouton de fermeture est grand et facile à trouver.
- Le jeu demande un seul appui ou balayage.
- Le formulaire demande un e-mail et un consentement, rien de plus pour commencer.
- Le texte est lisible sans zoomer.
- La pop-up ne déplace pas le contenu de la page.
- Les images sont compressées.
- Vous limitez la fréquence à laquelle chaque visiteur la voit.
- Vous l’avez testée sur un vrai téléphone.
Collectez des inscriptions sur mobile, en douceur
Les pop-ups mobiles ne sont pas interdites, et elles peuvent très bien fonctionner. Celles qui fonctionnent respectent le visiteur : elles attendent, restent discrètes tant qu’on ne les invite pas et se ferment facilement.
Notre guide sur la création de pop-ups à fort taux de conversion présente la configuration complète. Ou commencez votre essai gratuit de 14 jours et prévisualisez votre première pop-up de jeu sur téléphone, tablette et ordinateur avant sa mise en ligne.
