Avec l’index mobile-first de Google, il est d’autant plus important d’avoir un site Web adapté aux mobiles.
Il y a des choses que vous pouvez faire maintenant pour vous assurer que vous êtes bien classé dans l’index mobile-first. Nous partons du principe que vous disposez d’un site Web mobile dédié ou, mieux encore, d’un site réactif. Si ce n’est pas le cas, il serait bon d’y remédier avant de poursuivre la lecture de cet article. Google met même à votre disposition un outil vous permettant de savoir si vous vous y prenez bien.
Voici cinq excellentes tactiques que vous pouvez mettre en œuvre maintenant et qui vous assureront non seulement d’être prêt pour le mobile, mais votre site est également configuré pour maximiser les conversions et prendre une longueur d’avance sur la concurrence.
Optimisez votre site pour l’index mobile-first
Accélérez votre site
Il existe un certain nombre de tactiques sur lesquelles il faut se concentrer pour être prêt pour l’index mobile-first. Lorsqu’il s’agit de conversions et d’expérience utilisateur (UX) globale, nous vous recommandons de commencer par la vitesse de votre site, en vous concentrant spécifiquement sur le mobile.
Nous vous recommandons quatre façons d’accélérer votre site sur mobile :
AMP
Le projet AMP (Accelerated Mobile Pages) est une initiative open source visant à améliorer l’écosystème mobile. Grâce au HTML réduit utilisé par AMP, vos pages Web se chargent beaucoup plus rapidement que le HTML normal. Google met également votre contenu en cache dans son propre cache pour accélérer encore le temps de chargement. Tout cela se traduit par une expérience utilisateur beaucoup plus rapide et élégante et devrait, à son tour, conduire à une meilleure visibilité dans les résultats de recherche.
Bien que certains problèmes concernant l’affichage de l’URL aient été largement signalés (les visiteurs voient une URL Google en cache lorsqu’ils chargent une page AMP), le trafic est toujours dirigé vers votre site. Depuis, Google a mis en place une mise à jour qui permet aux utilisateurs partageant l’URL de partager le lien de l’éditeur plutôt que l’URL Google mise en cache.
Conseil : si vous gérez un site WordPress, il existe un plugin assez impressionnant qui convertira vos pages en AMP ainsi qu’en Instant Articles pour Facebook.
PWA
Les applications Web progressives (PWA) sont une alternative au passage à AMP. Leurs principaux arguments de vente sont les suivants
Fiable – se charge instantanément
Rapide – réagit rapidement aux interactions de l’utilisateur
Engageantes : elles donnent l’impression d’être une application naturelle sur un appareil avec une interface utilisateur immersive.
PWAMP
Terme introduit pour la première fois par Gary Illyes de Google au SMX Seattle, PWAMP est une combinaison d’une PWA construite sur AMP HTML, JS et CSS. Bien que les sites PWAMP ne soient pas validés comme des pages AMP, ils sont rapides comme l’éclair et offrent tous les avantages d’une PWA énumérés ci-dessus. Ils pourraient représenter l’avenir et être à surveiller. Pour en savoir plus sur PWAMP, cliquez ici.
Ne rien faire
Si votre site Web actuel, adapté aux mobiles et réactif, est performant, offre une excellente expérience utilisateur et se charge rapidement, il se peut que vous n’ayez pas grand-chose à gagner à passer à AMP ou à une autre option. Nous recommandons toujours un audit complet de votre site mobile avant de décider d’une nouvelle voie potentielle.
Gérez votre contenu pour les mobiles
Si vous utilisez actuellement un sous-domaine m. distinct pour gérer votre expérience mobile, il y a de fortes chances que vous diffusiez un contenu différent sur le bureau et sur le mobile (sinon, vous auriez pu opter pour le responsive dès le départ). Si tel est le cas, le passage à l’index mobile-first aura le plus grand impact sur vous. Vos classements actuels sont basés sur votre contenu de bureau. Si une partie de ce contenu manque sur le mobile, vous risquez de ne pas être aussi bien classé à l’avenir.
Même si vous disposez d’un site mobile réactif, il y a des modifications de conception que vous pouvez envisager afin d’optimiser votre expérience mobile pour les conversions. Voici quelques conseils à suivre pour la gestion de votre contenu sur mobile :
Utilisez les menus en accordéon et les menus déroulants de manière appropriée. Google a déjà déclaré que les sites ne seront pas sanctionnés pour avoir « caché » du contenu derrière un accordéon ou un menu déroulant. Google comprend que l’espace est limité sur les mobiles et qu’il est donc logique de ne pas tout montrer aux utilisateurs d’un seul coup. Ils ont également déclaré qu’ils exploreront tout le contenu des menus déroulants, alors utilisez-les à bon escient dans le cadre de votre conception mobile.
N’utilisez jamais Flash
Cela devrait aller de soi, mais nous voyons encore des sites qui insistent pour utiliser Flash. Apple a supprimé Flash des mobiles, et comme un pourcentage élevé d’utilisateurs de mobiles ne peuvent pas voir le contenu Flash, pourquoi continuer à l’utiliser ? Utilisez HTML5 ou Java pour ajouter ces éléments interactifs qui peuvent être très attrayants.
Réfléchissez à votre utilisation des fenêtres pop-up sur les mobiles
L’utilisation de fenêtres pop-up est tout à fait justifiée, surtout si la génération de prospects est importante pour vous. Toutefois, réfléchissez à la fréquence de leur apparition, à leur taille et à leur facilité de fermeture. Il n’y a rien de plus frustrant pour un utilisateur mobile qu’une fenêtre pop-up qui l’empêche d’accéder au contenu souhaité. Consultez cet excellent article du Whiteboard Friday qui traite de l’utilisation des fenêtres pop-up, des fenêtres modales et des interstitiels.
Tenez compte de la taille du texte, de la cible de la touche et du rembourrage.
Veillez à ce que votre site Web soit « adapté aux doigts ». Une autre frustration pour les utilisateurs de mobiles est de cliquer sur quelque chose par accident. Veillez donc à ce que la taille de vos cibles d’appui soit correcte et à ce qu’elles soient suffisamment espacées. Veillez également à ce que votre police soit au moins de 16px pour faciliter la lecture. Vous pouvez en savoir plus ici sur la conception et le développement pour l’index mobile-first.
Prenez en compte le processus de paiement sur mobile
Selon Think with Google, 85 % des clients commencent un achat sur un appareil et le terminent sur un autre (ou en magasin). Comment aller au-delà et créer un meilleur processus de paiement sur un appareil mobile ? Rationaliser votre processus de paiement, en particulier sur les appareils mobiles, est un excellent moyen d’accélérer ce processus et de réduire les obstacles à la conversion.
Voici huit tactiques clés pour rationaliser votre processus de paiement sur mobile et augmenter les conversions :
Accélérer le processus
Cela peut sembler évident, mais les modifications de la vitesse de la page recommandées ci-dessus peuvent considérablement aider les internautes à finaliser leur achat/conversion.
Réduisez le nombre d’informations requises lors du paiement
Bien que votre équipe marketing veuille collecter autant de données démographiques que possible, avez-vous vraiment besoin de la date de naissance d’un client ? Qu’en est-il de ces trois numéros de téléphone (domicile, portable, travail, etc.) ? Faites en sorte que votre formulaire de paiement soit aussi simple que possible, ce qui contribuera à accélérer le processus.
Assouplir la navigation
Nous en revenons aux recommandations ci-dessus concernant la taille du texte, les cibles de frappe et le remplissage. Pour que le processus de paiement soit aussi fluide que possible, il faut penser aux éléments sur lesquels les internautes cliqueront et qu’ils devront lire. Veillez à ce que la navigation soit très fluide et regardez les conversions augmenter.
Évitez les fenêtres pop-up
Vous êtes sur le point de conclure l’affaire. Avez-vous vraiment besoin de présenter au client une fenêtre pop-up à ce stade ? Probablement pas. S’il semble qu’il va abandonner son panier, il peut être utile d’envisager une fenêtre contextuelle pour le faire passer à la caisse, mais sinon, restez clair et sans encombrement à la caisse.
Donnez aux clients la possibilité d’enregistrer les détails pour la prochaine fois
Nous savons que les gens passent d’un appareil à l’autre, mais leur donner la possibilité d’enregistrer leur panier pour plus tard (sans avoir à s’inscrire) est un excellent moyen de faire en sorte que le panier soit vidé. Bien sûr, cela peut être géré par des cookies, ce qui est une autre option, mais indiquer clairement au client que son panier sera disponible plus tard est un bon moyen de l’inciter à revenir.
Envoyez les gens vers un autre appareil
Même s’il est formidable de voir votre taux de conversion sur mobile grimper en flèche, nous savons que les gens quittent parfois le navire et finissent leurs achats sur un autre appareil ou en magasin. Au lieu de lutter contre ce phénomène, adoptez-le et donnez aux clients la possibilité de terminer leur achat sur un ordinateur de bureau – cela pourrait être le coup de pouce dont ils ont besoin pour conclure l’affaire.
Ciblez les acheteurs en magasin
De nombreux acheteurs qui se rendent dans un magasin de briques et de mortier pour rechercher un produit utiliseront ensuite leur appareil mobile (pendant qu’ils sont en magasin) pour voir s’ils peuvent trouver une meilleure affaire ailleurs. Utilisez les notifications push pour présenter aux acheteurs des offres pendant qu’ils sont en magasin, afin qu’ils puissent soit acheter et récupérer le produit sur place, soit apporter l’offre au comptoir. Dans les deux cas, vous obtenez la conversion.
Utilisez Apple Pay ou Android Pay
À mesure que la technologie progresse, ceux qui adoptent les derniers développements prennent de l’avance. Apple Pay et Android Pay sont des options qui permettent aux utilisateurs de payer beaucoup plus facilement sur des appareils mobiles. Offrir cette option à un client peut faire la différence entre la conversion et l’abandon du panier. Si vous ne l’avez pas encore fait, assurez-vous d’étudier les possibilités offertes par Apple Pay et Android Pay.
Ne bloquez pas les CSS, JavaScript ou les images
Lorsque la conception mobile a fait son apparition, il était utile de bloquer certaines ressources, notamment les CSS, JavaScript et les images. Certains de ces éléments pouvaient souvent entraîner un chargement lent et des problèmes d’affichage, et il était plus logique de les cacher à GoogleBot sur mobile.
Aujourd’hui, cependant, le paysage a changé. Les smartphones sont dans de nombreux cas plus puissants que les ordinateurs que possèdent les utilisateurs. Ils disposent de processeurs plus rapides, de plus de mémoire et d’une plus grande capacité à traiter tout ce que nous leur envoyons.
Le GoogleBot, le smartphone de Google, peut également gérer tous ces éléments. Donc, s’ils peuvent le faire, assurez-vous de tout leur montrer. Ainsi, Google pourra classer votre contenu et le classer de manière appropriée.
Assurez-vous que vous ne cachez rien.
Penser mobile d’abord pour agir mobile d’abord
Afin d’optimiser l’index mobile-first, les entreprises devront adopter une approche mobile-first dans tout ce qu’elles font – conception, développement, UX – et se préoccuper ensuite du desktop.
Si elles ne changent pas d’état d’esprit, les entreprises continueront à concevoir et à développer des sites pour ordinateurs de bureau, puis à réfléchir à la manière dont ils seront convertis en sites mobiles. La conception et le développement de sites web réactifs ne suffisent pas. C’est une bonne pratique, mais ce n’est pas parce qu’un site est réactif qu’il est optimisé pour le mobile.
Commencez dès aujourd’hui. Lorsque vous envisagez votre prochain développement ou changement de conception, laissez le bureau derrière vous et basez toutes vos discussions sur l’expérience mobile. Afin d’adopter réellement le monde du mobile dans lequel nous nous précipitons, vous devez provoquer un changement organisationnel. Ce n’est pas facile, mais cela en vaut la peine.
SEO AGENCE est une agence conseil en SEO.