Notre monde est officiellement devenu mobile. En analysant la part des minutes numériques passées par les utilisateurs aux États-Unis sur différents appareils, les smartphones représentaient 62 pour cent suivis par les ordinateurs de bureau à 29 pour cent et les tablettes à 9 pour cent.
Propulser l'évolution vers une ère mobile Google a annoncé le déploiement par défaut de son indexation mobile-first pour tous les sites Web à partir du 1er juillet 2019. Tous ces facteurs ont rendu l'intégration de pratiques de conception réactive lors du développement de sites Web et d'applications Web indispensable pour tous.
Capitaliser sur l'énorme quantité d'afflux de trafic mobile qui se produit lorsque les utilisateurs accèdent à votre site Web optimisé pour les mobiles nécessite l'élaboration intelligente d'une stratégie pop-up. Celui qui oblige les utilisateurs à convertir et à saisir votre pipeline de vente sans affecter négativement l’expérience utilisateur ou pire, le classement SEO dans Google.
Considérations importantes avant de mettre en œuvre des popups mobiles
Google accorde la plus haute importance à une expérience utilisateur transparente et a donc émis des directives strictes en matière d'intégration de popups sur les sites mobiles. Il considère les popups sous forme de publicités interstitielles comme intrusives et obstructives à l’expérience globale de l’utilisateur lors de la navigation sur mobile.
Il a ainsi défini des normes strictes pour améliorer l'expérience de recherche mobile. Il s'agit de pénaliser les pages Web qui affichent des popups obstructifs sur les pages de destination (celles sur lesquelles les utilisateurs se retrouvent après avoir cliqué sur les résultats de recherche Google).
Voici ce dont vous devez vous assurer lors de la conception de fenêtres contextuelles afin que les classements de recherche du site Web n'en soient pas affectés.
- Les popups ne doivent pas couvrir le contenu principal de la page Web pendant que l'utilisateur navigue
- La fenêtre contextuelle doit se présenter sous la forme d'un interstitiel autonome que l'utilisateur doit fermer pour accéder au contenu principal.
- Au-dessus de la partie pliée de la mise en page ne doit pas comprendre uniquement la fenêtre contextuelle permettant à l'utilisateur de faire défiler vers le bas pour accéder au contenu.
Utiliser les popups pour booster les conversions mobiles
Malgré le fait que Google ne favorise pas les popups mobiles et que l'opinion des utilisateurs sur les popups soit négative, leur importance et leur capacité à générer des conversions de sites Web pour votre entreprise est indéniable.
Si elles sont effectuées correctement, les fenêtres contextuelles ont le potentiel de générer des inscriptions d'utilisateurs et de générer des revenus de manière favorable. Que vous conceviez un site Web de commerce électronique ou un Site Web SaaS B2B, concevoir des popups efficaces qui obligent les utilisateurs à cliquer dessus est essentiel d'un point de vue commercial.
Voici 5 façons de donner une belle apparence aux popups de votre site Web réactif sur un appareil mobile sans affecter négativement le classement des recherches.
1. Concevoir le popup pour mobile
La conception réactive ne signifie pas que la même fenêtre contextuelle qui s'affiche sur le bureau fonctionnerait également pour les appareils mobiles. La quantité d'espace d'écran disponible dans le cas des téléphones mobiles est nettement moindre, donc avoir le même ensemble de fenêtres contextuelles finirait invariablement par encombrer l'interface utilisateur, diminuant ainsi l'expérience utilisateur.
De plus, les fenêtres contextuelles affichées sur les sites Web de bureau ne sont pas soumises aux pénalités de Google, vous pouvez donc afficher des fenêtres contextuelles pleine page qui couvrent le contenu et cela n'entravera pas le classement de vos pages Web. Une stratégie similaire sur mobile pour garantir la conception réactive serait le cas.
La conception de différentes fenêtres contextuelles pour les versions Web et mobiles de votre site Web vous donne un avantage sur la conception et vous permet de respecter les directives de Google.
2. Faites attention à la cible tactile
La conception des popups pour le Web et le mobile est fondamentalement différente en raison de la différence de tailles d'écran et du type d'interaction utilisateur qui existe dans les deux cas. Alors que les champs de saisie dans le cas du Web peuvent être plus petits pour s'adapter aux clics de souris, ils doivent être suffisamment grands pour intégrer des cibles tactiles.
Une cible tactile plus petite donne lieu au « syndrome du gros doigt ». L'utilisateur, au lieu de convertir, pourrait finir par abandonner votre site Web s'il n'est pas en mesure d'effectuer l'action souhaitée sur les appareils mobiles.
En règle générale, chaque bouton cliquable de votre site Web mobile doit mesurer au moins 44 × 30 px. Les appareils mobiles ne sont pas le support de saisie préféré de l'utilisateur. Si vous demandez des inscriptions par e-mail, assurez-vous que le champ de saisie est suffisamment grand pour que les utilisateurs puissent cliquer dessus d'un simple toucher du doigt et que le formulaire de saisie a un flux qui offre le moins de frictions à l'utilisateur.
3. Limitez la taille de la fenêtre contextuelle
Une bannière contextuelle en bas de l'écran qui ne couvre pas le contenu principal de la page Web est une stratégie populaire pour incorporer des fenêtres contextuelles sur la page de destination. Puisqu'il ne couvre pas le contenu principal du site Web situé au-dessus de la ligne de flottaison, il ne viole pas les spécifications de Google.
C'est également moins gênant pour les utilisateurs qu'une fenêtre contextuelle modale pleine page. Le seul défi lié à l'intégration de cette stratégie contextuelle est qu'il vous reste une quantité limitée d'espace disponible afin de fournir suffisamment de valeur à vos clients pour qu'ils se convertissent.
Étant donné que la fenêtre contextuelle est plus petite, elle peut échapper à l'attention de l'utilisateur. De plus, les champs de saisie plus petits peuvent poser un défi aux utilisateurs qui souhaitent s'abonner à votre liste.
4. Ne bombardez pas l'utilisateur de popups
Les fenêtres contextuelles qui s'affichent dès que l'utilisateur arrive sur votre page Web sont un arrêt instantané. Incorporez-les de manière à ce qu'ils se déclenchent plus tard au cours du parcours de navigation de l'utilisateur, une fois qu'il a eu la chance de consommer le contenu en premier. Ne laissez pas la fenêtre contextuelle s'afficher immédiatement ou dans les secondes qui suivent l'arrivée du visiteur.
Une autre stratégie viable consiste à afficher la fenêtre contextuelle sur la deuxième page visitée par l'utilisateur. De cette façon, il n'y a aucune violation des directives de Google et comme l'utilisateur a eu suffisamment de temps pour consommer du contenu précieux, les chances de conversion sont également plus élevées.
5. Comprendre l'intention et apporter de la valeur
Les popups qui offrent de la valeur amènent l'utilisateur à cliquer volontairement dessus. De telles fenêtres contextuelles s'imprègnent du parcours de l'utilisateur sur votre site Web mobile et offrent également une expérience utilisateur transparente.
Comprendre la psychologie de l'utilisateur et déchiffrer l'intention avec laquelle il visite la page Web vous fournit les pistes dont vous avez besoin pour rédiger une proposition de valeur convaincante. Un bouton d'appel à l'action est alors intégré à la page de destination au lieu d'une fenêtre contextuelle. En cliquant sur le CTA, la fenêtre contextuelle s'affiche.
Contrairement à d'autres types de popups sur lesquels les utilisateurs cliquent par frustration (afin de les fermer) ou cliquent dessus accidentellement en raison de leur emplacement, les popups CTA sont mieux intégrés. Étant donné que les utilisateurs cliquent volontairement dessus, une expérience utilisateur améliorée est garantie.
Quelle que soit la stratégie que vous choisissez, la conception des popups et de l'ensemble du site Web mobile dans son ensemble doit être effectuée en gardant à l'esprit l'expérience utilisateur globale. Comprendre la psychologie du visiteur et répondre à ses besoins est la clé du succès commercial et de l'augmentation des conversions.
