Directives 10 pour préparer votre boutique de commerce électronique en ligne pour la mise à jour de l'indexation Mobile-First

Avez-vous remarqué que certaines boutiques en ligne de commerce électronique ont des pages très réactives lors de la navigation sur nos ordinateurs portables alors que leur version mobile n'est pas si attrayante et réactive? Dans le même temps, d’autres magasins ont des sites Web hautement optimisés pour le bureau et le mobile.

Vous êtes-vous déjà demandé pourquoi de telles différences existent?

Creusons un peu plus profondément.

Vous avez probablement entendu le terme «indexation mobile en premier» récemment. Laissez-moi vous le décrire en termes simples.

L'indexation sur mobile n'est rien d'autre que les efforts constants de Google pour rendre le Web plus convivial et compatible avec les appareils mobiles. Alors que de plus en plus de recherches sont effectuées sur nos smartphones, Google souhaite que ses index et résultats de recherche représentent la majorité des utilisateurs - les utilisateurs de téléphones intelligents.

Mais tout cela peut amener le propriétaire d'une entreprise moyenne à se débrouiller. La plupart d'entre eux ont un million de questions en attente concernant cette mise à jour:

  • Dois-je changer quelque chose?
  • Que faire si je n'ai pas de site Web adapté aux appareils mobiles?
  • Est-ce que cela affectera mon trafic?

Ça continue Aujourd'hui, je suis ici pour vous donner un aperçu de l'indexation mobile en premier, de son impact sur votre site et des conseils sur la préparation de votre boutique en ligne pour la mise à jour de l'indexation mobile en premier.

Qu'est-ce que l'indexation Mobile-First?

Eh bien, pour commencer, permettez-moi de citer ce que Google a dit à propos de la mise à jour:

« En résumé, nos systèmes d'exploration, d'indexation et de classement utilisent généralement la version de bureau du contenu d'une page, ce qui peut poser problème aux chercheurs mobiles lorsque cette version est très différente de la version mobile. La première indexation mobile signifie que nous utiliserons la version mobile de la page pour l'indexation et le classement, afin de mieux aider nos utilisateurs principalement mobiles à trouver ce qu'ils recherchent.".- Blog Central Webmaster

Plusieurs sites qui migrent vers l'indexation via mobile d'abord via Search Console ont reçu des notifications de Google concernant cette mise à jour et cela ressemblait à ceci.

indexation mobile en premier

Jusqu'à présent, Google avait toujours indexé la version de bureau des sites Web pour déterminer les classements de recherche.

Tout va changer maintenant.

Google a fait sa première annonce officielle concernant le déploiement de l'indexation mobile-first.

Bientôt, Googlebot explorera et indexera la version mobile d'une page pour s'assurer que la majorité des utilisateurs trouvent un contenu optimisé pour leurs écrans mobiles.

Si un site ne possède pas de version compatible avec les mobiles, Google continuera à explorer et à indexer le site tel quel.

Devrais-je m'inquiéter de cette mise à jour?

C'est une question qui inonde l'esprit de chaque propriétaire de site Web.

Premièrement, ce n'est pas un gros problème pour s'inquiéter. La mise à jour en est encore à ses débuts et se déploie progressivement vers les sites Web que Google considère comme «sains». Ce sont des sites qui suivent les meilleures pratiques en matière d’indexation en mode mobile et utilisent la conception Web réactive ou le service dynamique.

Deuxièmement, Google assure que la nouvelle mise à jour n'aura pas un impact énorme sur les classements. Il n'y aura pas d'index distinct pour les sites optimisés pour le mobile et les sites qui ne le sont pas.

Cela signifie simplement que les pages mobiles seront analysées en premier et que Google basculera sur le bureau si aucune version mobile n'est trouvée.

Cependant, le contenu compatible avec les appareils mobiles sera généralement mieux classé dans les résultats de recherche lorsque l'utilisateur effectue une recherche sur un appareil mobile. C'est une mesure qui existe depuis 2015.

Troisièmement, les sites Web susceptibles d’être affectés sont ceux qui disposent de pages distinctes pour les utilisateurs de mobiles et de postes de travail, en fonction du périphérique utilisé. Dans ce scénario, la version mobile va maintenant être analysée en premier, ce qui peut avoir un impact sur le classement de votre recherche.

Les sites Web les moins affectés sont ceux qui ont les mêmes pages mobiles et de bureau. Dans ce scénario, les pages de votre mobile et de votre bureau sont identiques et s'adaptent simplement à différentes tailles d'écran, ce qui correspond à l'approche de conception préconisée par Google pour l'optimisation mobile.

La prochaine question serait:

Comment préparer ma boutique en ligne à la mise à jour de l'indexation sur mobile?

Avec plus de millions de pages de produits, l'optimisation d'une version mobile pour votre boutique en ligne ne sera pas facile. Nous devons nous assurer que ces pages peuvent être explorées, indexées et classées tout en étant affichées sur un mobile.

Ne vous inquiétez pas, les directives suivantes peuvent certainement vous aider.

1. Commencez avec Google Analytics

Assurez-vous toujours que votre site Web est lié à Google Analytics. Les informations fournies contiennent une mine d’informations sur votre site, vos visiteurs et leur provenance. Il peut également être utilisé pour déterminer la quantité de trafic que votre site Web reçoit des appareils mobiles.

Il a une option appelée l'option de suivi du commerce électronique qui vous permet de mesurer le nombre de transactions et de revenus générés par votre site Web.

2. Assurez-vous que votre boutique en ligne est optimisée pour le mobile

De nos jours, le nombre d’utilisateurs mobiles a atteint un tout autre niveau. Alors, relevez vos chaussettes et relancez votre version mobile car l'ère du mobile est là pour rester.

Le web design réactif est la voie à suivre.

Les statistiques suivantes indiquent le nombre total d’utilisateurs de téléphones mobiles dans le monde, de 2015 à 2020. Dans 2019, le nombre d'utilisateurs de téléphones portables devrait atteindre X milliards d'euros.

Vous le saviez aussi?

La première étape consiste à passer à un site Web réactif dès que possible. Cela signifie que le même contenu sera affiché sur le site Web, quelle que soit la plate-forme utilisée par l'utilisateur - le contenu qui se déplace dynamiquement en fonction de la taille de l'écran.

Qu'il s'agisse d'un mobile, d'un ordinateur de bureau ou d'une tablette, le même design et le même contenu sont affichés et il devient plus facile pour les utilisateurs finaux de naviguer. La deuxième étape consiste à s'assurer que le site Web utilise le même code HTML, quel que soit le périphérique de l'utilisateur.

En outre, une conception réactive signifie que les concepteurs et les développeurs n'ont pas besoin de surveiller deux sites Web distincts (ce qui était le cas auparavant) et peuvent travailler sur un seul modèle. C'est une valeur sûre.

Si vous ne savez pas si votre site est optimisé pour les mobiles, cochez la case Test mobile de Google.

Après avoir appuyé sur 'Run Test', vous devriez voir quelque chose comme ceci:

Si vous ne voyez pas le même message que ci-dessus, Google préparera un rapport pour vous. Cela accentuera les principaux problèmes et vous pourrez facilement apporter les modifications nécessaires et transformer votre site Web avec l'aide de votre développeur.

Ou bien sûr, vous pouvez simplement utiliser un bon plate-forme de commerce électronique ça va vous aider avec ça.

3. Augmentez votre vitesse de page

La vitesse de la page a toujours été primordiale pour Référencement. Et bien sûr, pour Google également. Selon Searchmetrics, les pages des dix premiers résultats de recherche de Google sont celles qui charger en moins de 1.10 secondes.

Assurez-vous que votre site se charge rapidement, sinon cela affectera votre classement sur mobile. Les utilisateurs s'attendent toujours à ce que les sites Web se chargent rapidement, tout comme Google. Par conséquent, une vitesse de page élevée est essentielle.

On estime que vous perdez 7% d'utilisateurs avec chaque seconde supplémentaire nécessaire au chargement et au rendu de votre page.

Pro pointe: Il y a un hack facile à surmonter. Si vous voulez envoyer des utilisateurs vers une autre page pour les vendre ou leur montrer un produit, utilisez des incrustations de popup. Popus se charge rapidement et les utilisateurs ne pensent pas qu'ils naviguent vers une autre page, vous ne les perdez donc pas. Nifty, hein?

Comment pouvez-vous augmenter le vitesse de la page?

  • Optimiser vos images
  • Minimiser les redirections
  • Réduire le code
  • Améliorer le temps de réponse du serveur
  • Levier de mise en cache navigateur

Vous pouvez également utiliser des outils gratuits pour vérifier la vitesse de votre site, comme Google Speed ​​Speed ​​Insights, page Web test, et GT Metrix.

4. Convertir les navigateurs en clients

Le but principal de chaque site de commerce électronique est - une vente!

Imagine ça:

Selon Google Analytics, le trafic généré sur votre site Web est considérable, c’est-à-dire que des milliers de personnes consultent votre site chaque jour, mais seules quelques-unes d’entre elles deviennent des clients. N'est-ce pas triste?

Eh bien, voici quelques conseils que vous pouvez utiliser pour vous assurer que chacun de ces navigateurs devient client.

  • Utilisez des images attrayantes pour attirer l'attention des visiteurs
  • Assurez-vous que le chemin d'accès à la conversion à partir de n'importe quelle page ne dépasse pas 3.
  • Fournir une passerelle de paiement simple et transparente. Gardez-le aussi court que possible et ne pas encombrer la page avec trop de champs.
  • Supprimez les vidéos en lecture automatique et les autres fenêtres contextuelles.
  • Assurez-vous que votre CTA (appel à l'action) est bien en vue (et vous pouvez toujours faire quelques tests A / B pour les améliorer!)

5. Simplifiez la recherche de votre site

Une bonne recherche de site est cruciale pour chaque site de commerce électronique, car cela créera un UX mobile fluide.

Le but ultime est de fournir à l'utilisateur final la meilleure expérience de recherche mobile afin qu'il puisse facilement trouver le produit souhaité en un tour de main.

Voici comment vous pouvez optimiser votre recherche de site.

  • Assurez-vous que votre barre de recherche est visible sur tous les appareils. Dites «non» aux minuscules barres de recherche.
  • Utilisez la saisie semi-automatique pour économiser du temps et des efforts
  • Assurez-vous que les fautes d'orthographe ont des résultats de recherche (cela se produit plus souvent que vous ne le pensez)
  • Utiliser des images plutôt que du texte
  • Autoriser les utilisateurs à affiner leurs recherches
  • Autoriser le tri des résultats de recherche et offrir aux utilisateurs la possibilité d'utiliser des filtres (pourquoi, selon vous, Amazon propose-t-il un si grand nombre de filtres? C'est parce que leur magasin est plus convivial!)

6. Besoin de gestes et de claviers

Gestes

Supposons que vous souhaitiez acheter une nouvelle chemise et que vous commencez à parcourir quelques boutiques en ligne. Vous avez remarqué que sur certains sites, vous pouviez facilement effectuer des zooms avant et arrière sur d'autres sites, ce que vous ne pouvez pas faire.

Et même si vous le pouvez, l'image sera pixellisée lorsque vous essayez de zoomer. Cela vous ennuiera facilement et il y a des chances que vous supprimiez l'article de votre panier.

À ce stade, vous vous rendez compte que vous avez vraiment besoin fonctionnalités de gestes communs sur votre site de commerce électronique comme le pincement / double tap zoom.

Claviers à l'écran

Un autre aspect important qui pourrait être négligé est le fait que certains utilisateurs n’utilisent religieusement à l’écran que des claviers lors de leurs achats en ligne.

Assurez-vous toujours que lors du paiement par carte de crédit / débit, seul le clavier numérique doit être affiché. De même, dans le champ email, fournissez le clavier avec le symbole '@'. Assurez-vous d'avoir activé les claviers contextuels qui changent en fonction des entrées requises.

7. Facilité d'accés

Taille du texte

Veiller à ce que les utilisateurs finaux puissent interagir avec tous les éléments de votre contenu sans avoir besoin de pincer et de zoomer permet de fournir une UX de haute qualité. Autorisez les tailles de police à évoluer dans la fenêtre d'affichage et utilisez 16px comme taille de police et échelle de base relativement, selon vos besoins.

Touchez la cible

Certains sites Web sont conçus pour nous rendre fous car leurs pages Web ne sont pas optimisées correctement. Cela devient intolérable quand on clique sur le mauvais bouton car ils sont trop proches ou quand on doit zoomer, appuyer sur le bouton.

Voici quelques conseils pour optimiser vos cibles:

  1. Créer des cibles tactiles au moins 48px large
  2. Effleurez l'espace des cibles d'au moins 32px

écaillage

Lorsque vous concevez de nouvelles pages, vous devez toujours concevoir d'abord mobile, puis réfléchir à son évolution vers d'autres périphériques, tels que le bureau ou la tablette. Assurez-vous toujours que vos pages Web sensibles au mobile prennent en charge les orientations des périphériques portrait et paysage.

La chose la plus importante à noter est que tout votre contenu et vos médias doivent remplir la taille de l’écran et utiliser l’image de l’écran.

8. Préparez-vous à la recherche vocale

Nous avons parlé de optimisation de la recherche vocale beaucoup avant

De nos jours, le nombre de personnes utilisant Alexa, Cortana, Google Now et Siri pour trouver des réponses à leurs questions via des mots parlés plutôt que de taper dans une requête de recherche augmente de jour en jour.

Selon Google, ce sont les principales raisons pour lesquelles les gens se tournent vers leurs haut-parleurs activés par la voix:

  • Cela leur permet d'effectuer plusieurs tâches
  • Cela les aide à obtenir instantanément des réponses et des informations
  • Cela facilite leur quotidien.

Donc, évidemment, tous les autres sites Web essaieront d’intégrer la recherche vocale car ce type de technologie a déjà pris racine et a un impact énorme sur les résultats de recherche et les classements.

Les gens recherchent très différemment quand ils entrent dans leur clavier et quand ils parlent à Siri ou à Alexa. Par exemple, supposons que vous souhaitiez rechercher une recette facile de gâteau au fromage aux bleuets. Si vous le tapez dans la zone de recherche de Google, vous devrez probablement saisir la «recette facile du gâteau au fromage aux bleuets».

Mais, lorsque vous effectuez une recherche vocale, vous direz probablement: «Faites un gâteau au fromage aux myrtilles avec le minimum d'ingrédients» ou «Faites un gâteau au fromage aux bleuets en minutes 30». C'est énorme pour l'industrie du commerce électronique et cela vous aidera beaucoup dans les affaires si vous gardez ces conseils à l'esprit.

  1. Dressez une liste des mots clés et questions à long terme liés à votre entreprise.
  2. Pensez à quel type de questions les utilisateurs finaux demanderaient.
  3. Prendre note des réponses serait utile.
  4. Optimisez votre contenu en conséquence.

Astuce Pro: Google (actuellement) utilise énormément les extraits pour leurs résultats de recherche vocale. Assurez-vous que votre contenu est optimisé pour les extraits en vedette, et vous êtes prêt à partir. Nous avons parlé de l'optimisation des extraits en vedette ici .

9. Utiliser le balisage de données structuré

Les moteurs de recherche utilisent le balisage de données structuré pour comprendre le contenu d'une page et rassembler de plus en plus d'informations sur la page Web. Cela permet aux utilisateurs de trouver plus facilement les informations qu'ils recherchent.

Dans le même temps, cela améliorera la liste des résultats de recherche de l'entreprise.

Les moteurs de recherche comme Google utilisent des données structurées pour générer des extraits enrichis, qui sont de petites informations qui apparaissent dans les résultats de la recherche.

Ici vous pouvez trouver la note, le nombre de commentaires, le temps de cuisson et bien plus encore. Les extraits enrichis facilitent la tâche de l’utilisateur final.

Par conséquent, le balisage de données structuré est vital pour les classements. Vous pouvez vérifier votre balisage structuré sur les tests de bureau et mobiles pour les deux versions avec le Structured Testing Tool de données.

10. Débarrassez-vous de Flash et Pop-ups

Évitez de présenter du contenu aux utilisateurs de périphériques mobiles, ce qui nécessite l'installation de Flash, car les périphériques mobiles ne le prennent pas en charge. Googlebot peut facilement le détecter en tant qu'erreur et votre classement en subira les conséquences. HTML5 et JavaScript sont de meilleures alternatives au flash en termes de fiabilité et de performances.

Si votre site est plein de fenêtres pop-up, alors vous pourriez être pénalisé par Google. Google a fait pression sur le contenu interstitiel (c'est la manière formelle de dire les popups lancinants).

Tu as dû voir ça avant, hein?

Alors que nous sommes occupés à naviguer, une fenêtre apparaît soudainement! Et juste comme ça, tout notre UX est interrompu. Les interstitiels vous empêchent d’explorer un site Web jusqu’à ce que vous vous conformiez et que vous cliquiez sur un lien ou sur «x».

Récapitulation

Ces directives 10 vous aideront à optimiser votre site Web de commerce électronique pour la mise à jour de l'indexation mobile en premier. Après avoir apporté les modifications nécessaires à votre site Web, il sera en mesure de survivre et de survivre une fois la mise à jour déployée dans le monde entier.

Je recommande un audit mobile complet et une analyse correcte du site Web. Cela vous aidera à démarrer et vous saurez comment procéder.

Concentrez-vous sur la création d'un site Web optimisé pour le mobile et le reste suivra.

Image courtoisie: [1], [2], [3], [4], [5], [6], [7], [8], [9], [11], [13]

Images en vedette

Adi Suja

Adi est le fondateur et le Chief Growth Officer chez Growthetics, une agence de marketing de contenu axée sur la croissance. Il contribue à la croissance du blog des plateformes de commerce électronique.