[Mobile First Index en eCommerce] Tout sur la dernière mise à jour de Google et comment éviter qu’elle n’ait un impact négatif sur le SEO de votre boutique

Savez-vous en quoi consiste la nouvelle mise à jour de Google : Mobile First Index ?

Si la réponse est « non », lisez cet article pour le découvrir, car elle pourrait nuire au positionnement de votre e-commerce.

Oui, vous avez bien lu. 

Car Google, qui est loin d’être bête, s’est rendu compte que de plus en plus d’utilisateurs naviguaient sur leurs smartphones. 

D’où cette mise à jour qui change complètement la façon dont il piste votre site et qui accorde beaucoup plus d’importance (qu’avant) à la version mobile.

Et comme nous ne voulons pas que vous soyez lésé par cette mise à jour, nous allons vous expliquer dans cet article :

• En quoi consiste le Mobile First Index (et quel impact il peut avoir sur votre eCommerce).
• Comment vous préparer pour qu’il n’ait pas d’impact négatif et que Google continue de vous aimer comme au premier jour.

Objectif meilleure version (mobile) de votre boutique. 😉

👉 Qu’est-ce que le Mobile First Index et comment peut-il nuire à votre eCommerce ?

Le concept de « Mobile First Index » est assez simple.

Il y a encore quelques temps, lorsque le robot de Google allait sur votre site pour l’analyser et l’enregistrer dans sa base de données (ce que l’on appelle « indexation »), il le « visualisait » de la même façon que les utilisateurs qui se connectent depuis leur ordinateur.

Cela signifie que si la version mobile de votre e-commerce comportait des erreurs (par exemple, si la vitesse de chargement était un peu lente, si les images étaient déformées, etc.), cela n’avait pas de réel impact sur votre positionnement.

Mais maintenant les choses ont changé.

Depuis quelques temps, le robot de Google accorde plus d’importance à la version mobile qu’à la version ordinateur.

Alors ces petites failles qui n’avaient pas trop d’importance avant, peuvent maintenant vous empêcher d’arriver dans les premiers résultats sur Google (et donc d’obtenir des visites et des clients).

Comment éviter d’être impacté ?

Très simple : en vous assurant que la version responsive de votre boutique en ligne est optimisée au maximum pour offrir la meilleure expérience utilisateur possible.

Voici quelques idées.

👉 Comment vous préparer pour le Mobile First Index : quelques clés pour optimiser la version mobile de votre boutique et ne pas perdre en visibilité

C’est l’heure d’entrer dans le vif du sujet. 😉

Nous allons voir 4 bonnes pratiques (et une astuce supplémentaire) pour que votre boutique offre une expérience utilisateur 10 étoiles lorsque l’on navigue dessus depuis un smartphone.

C’est parti !

✅ 1. Commençons par le début : comment fonctionne la version responsive de votre site ?

Nous ne doutons pas du fait que votre boutique en ligne dispose déjà d’une version adaptée aux mobiles (surtout car Google pénalise depuis des années les sites qui n’ont pas un design responsive).

Mais ce n’est pas suffisant.

Certaines failles habituelles passent inaperçues mais peuvent (beaucoup) nuire à l’expérience utilisateur sur mobile.

Par exemple :

• La police des textes est trop petite.
• Deux éléments cliquables sont très proches l’un de l’autre.
• Les images débordent de l’écran (cela arrive souvent avec les banners).

Cela peut arriver même si votre boutique est construite avec un thème optimisé pour les mobiles.

Pour détecter ces failles, vous pouvez utiliser :

• Mobile-Friendly Test : un test gratuit de Google qui analyse votre site et vous prévient s’il détecte un problème sur votre version mobile (et vous dit comment le régler).
• BlueTree : cet outil vous permet de vérifier le visuel de votre site sur différents modèles de smartphones.
• Google Search Console : sur votre panneau Search Console, vous disposez d’un onglet appelé « Utilisabilité mobile » où l’outil vous prévient lorsqu’il y a des petites failles comme celles évoquées plus tôt (en plus de vous donner de très nombreuses informations intéressantes sur le SEO de votre boutique). Si vous ne l’utilisez pas encore, nous vous recommandons de jeter un coup d’œil à ce tutoriel). 

Allons un peu plus loin.

✅ 2. Votre site doit charger ultra-rapidement (ou les utilisateurs s’en iront en courant)

Un mobile n’a pas (encore) la même puissance qu’un ordinateur. Avoir une vitesse de chargement décente sur un smartphone est donc bien plus compliqué.

C’est pourquoi vous devez optimiser au maximum les éléments de la version mobile. 

Par exemple :

• Optimisez les images : compressez les images pour qu’elles soient moins lourdes (nous conseillons moins de 150 Ko) et évitez les images trop grandes. Cet article vous explique comment faire.
• Attention aux sliders et aux vidéos : bien que dernièrement les vidéos et les banners dynamiques (surtout dans la partie supérieure de la homepage) soient à la mode, sur une version mobile, elles peuvent beaucoup ralentir la vitesse de chargement (de plus, les vidéos consomment beaucoup de données mobiles, ce qui risque de ne pas faire plaisir à vos clients…). Le mieux est de les remplacer par une image statique.

Une fois que vous aurez appliqué ces conseils, vous pourrez mesurer la vitesse de chargement de votre site sur les mobiles à l’aide de l’outil Test My Site (de Google, lui aussi).

Remarque : si vous souhaitez optimiser au mieux votre site, vous pouvez créer une version AMP de votre eCommerce. Si cela vous intéresse, nous vous expliquons plus en détails en quoi cela consiste.

✅ 3. Votre espace est limité, tirez-en le meilleur parti

Un des grands défis de la version mobile de n’importe quel site est de rendre la navigation agréable sur un écran 5 pouces et sans souris.

C’est pour cette raison que vous devez bien choisir les éléments que vous allez afficher et comment vous allez les organiser. 

En d’autres termes :

• Évitez les pop-ups : ce type de notifications est assez gênant sur un écran de téléphone. À cause d’elles, la page se retrouve décalée ou on a des difficultés à la fermer pour continuer de naviguer. Au final, l’utilisateur perd du temps à « batailler » contre cette petite fenêtre. 
• Veillez à ce que le texte de votre site soit également mobile friendly : un paragraphe de 3 lignes sur un écran d’ordinateur peut sembler peu. Mais sur un écran de téléphone, ce même texte devient un « pavé » de 8 lignes qui vous fait perdre l’envie de lire. La solution est simplement de faire des paragraphes plus courts. 
• Utilisez une grande police : nous en revenons à ce que nous disions. Même si l’écran est plus petit, le texte doit être lisible, et pour que ce soit le cas, vous devez choisir une taille de police agréable pour l’utilisateur.

Et ce n’est pas tout…

➡️ 3 éléments qui doivent toujours être visibles

Pour améliorer l’expérience utilisateur, il existe une série d’éléments-clés qui améliorent la navigabilité et que l’utilisateur doit toujours garder à l’esprit :

• Le panier d’achat.
• Le menu de navigation.
• Le moteur de recherche interne. 

En général, on les inclut comme des éléments « flottants » (qui ne sortent jamais de l’écran même lorsque l’on scroll), pour que l’utilisateur puisse cliquer dessus à tout moment.

✅ 4. Visualisation verticale vs horizontale 

Enfin, lorsque vous réfléchirez au design, n’oubliez pas de prendre en compte la différence plus qu’évidente entre un écran d’ordinateur et un écran de portable. Dans le premier cas, on voit le site à l’horizontale, et dans le deuxième, à la verticale. 

Que cela implique-t-il ?

Voici un exemple pour mieux comprendre :Regardez la partie above the fold de la home dans la version bureau de cette boutique.

Et voyez la différence avec la version mobile.

La marque a « réorganisé » le design de la banner pour l’adapter à la version mobile et ainsi afficher le message correctement.

Cela semble évident, mais de nombreux e-commerces utilisent encore la même banner sur leurs deux sites sans prendre en compte l’orientation de l’écran (la banner est donc décalée, le bouton ou le texte sont superposés à l’image, etc.).

✅ Astuce supplémentaire : améliorez les recherches sur mobile grâce à un moteur de recherche interne avancé

Vous avez noté les points que nous avons abordés ?

Il nous en reste encore un dernier. Essentiel pour n’importe quel e-commerce souhaitant améliorer son expérience mobile : le moteur de recherche interne.

Pensez-y.

Lorsque vous naviguez sur un mobile (surtout s’il s’agit d’une boutique ayant un catalogue énorme), utiliser le menu de navigation n’est pas pratique, n’est-ce pas ? C’est pourquoi de nombreux utilisateurs se servent du moteur de recherche interne.

De même, ceux qui préfèrent éviter de taper au clavier et ont recours à la recherche vocale sont de plus en plus nombreux.

Mais pour offrir tout cela à vos clients, il vous faut un moteur de recherche avancé (ou comme nous vous le disions, « intelligent ») ; un comme Doofinder.

Et Doofinder n’utilise pas seulement l’intelligence artificielle pour mieux comprendre les besoins des utilisateurs (d’où le terme « intelligent »), il dispose également de nombreuses fonctionnalités spécialement conçues pour améliorer l’expérience de recherche sur mobiles.

Grâce à tout cela, les boutiques qui utilisent Doofinder ont augmenté leur taux de conversion de 10 à 20 %.

Et si vous souhaitez vérifier par vous-même, vous pouvez essayer Doofinder gratuitement pendant 30 jours sur votre boutique.

Essayez et vous verrez la différence sur vos ventes. 😉

👉 Ne vous faites pas avoir par le Mobile First Index (et tenez-vous prêt à booster vos ventes)

Dites-vous qu’avoir une version responsive optimisée au millimètre n’est pas seulement important pour le SEO. C’est également le meilleur moyen d’offrir une bonne expérience utilisateur et une navigation agréable à vos clients (pour qu’ils achètent plus chez vous).

Alors maintenant c’est votre tour. 😉

Jetez un coup d’œil au site de votre e-commerce et vérifiez tous les points que nous avons abordés dans cet article.

Vos clients (et l’algorithme Google) vous en seront reconnaissants.