Optimiser les sites Web de commerce électronique pour les utilisateurs mobiles

Le mobile est extrêmement important.

As Google se rapproche d'un premier index mobile, les implications pour SEO deviendra encore plus grand.

Également avec beaucoup de trafic maintenant vers le commerce électronique sites Internet depuis les appareils mobiles, meilleur est votre engagement, plus vente vous ferez.

Mais la plupart des thèmes / CMSne sont pas optimisés dès la sortie de la boîte.

C'est pourquoi il est important de tester votre site et d'apporter des modifications qui ne respectent pas les règles suivantes.

* Notez que ce guide suppose votre site internet passe déjà Google Mobile Friendly outil.

1.Rendez l'en-tête mobile aussi petit que possible

Lorsque vous visitez un site Web sur mobile, entête sera la première chose que vous verrez.

Mais ce n'est pas la principale raison pour laquelle un visiteur a cliqué sur votre site internet in recherche.

Ils sont venus voir le en fines de la page, il est donc essentiel de porter cela aussi haut que possible pour engager les visiteurs.

Cependant le plus moderne CMSLes thèmes et les thèmes prêts à l'emploi ont une grande entête c'est trop grand et peut prendre une page entière pour faire défiler:

Exemple d'en-tête mobile volumineux sur les sites de commerce électronique

Comme vous pouvez le voir, la partie supérieure de la page représente une hauteur d'écran entière sur un appareil mobile, ce qui augmentera le taux de rebond et donc réduira le recherche classements du site.

Quand Google passe à un premier index mobile, cela finira par réduire leur classement sur le bureau également, ce qui en fait une étape vitale à franchir.

Voici quelques exemples d'un bon mobile entête:

Bons en-têtes de commerce électronique mobile

Certaines des parties essentielles d'un bon mobile entête:

  1. Tout sur une seule ligne - si tous les éléments tiennent sur une seule ligne, le entête occupe le plus petit espace.
  2. Recherche sur site - c'est l'une des clés mobile expériences des utilisateurs, il doit donc être bien en vue en haut.
  3. Menu - l'icône de menu est importante pour les utilisateurs qui souhaitent naviguer.
  4. Panier - les utilisateurs visitant un magasin de commerce électronique veulent savoir qu'ils peuvent acheter quelque chose, cela les assure immédiatement + c'est pratique pour faire du shopping.

Pour apporter ces modifications, un développeur devra probablement personnaliser votre thème, assurez-vous simplement que cela vous permet de mettre à niveau sans affecter la conception.

2. Rendre les filtres et les liens de catégorie accessibles

On mobile tout est question de rapidité et de commodité, aidant les utilisateurs à trouver ce qu'ils veulent le plus rapidement possible sans distractions ni erreurs.

Cela signifie que lorsqu'un utilisateur visite une page de catégorie, il souhaite pouvoir accéder à la Produits ils veulent le plus rapidement possible.

Cela nécessitera 2 choses pour fonctionner:

1. Les catégories de niveau supérieur ont des bannières pouvant être déplacées vers les sous-catégories

Donc, en fonction du type de disposition de catégorie que vous avez décidé que les utilisateurs veulent (voir mon guide des catégories) vous voudrez soit un Produits liste avec filtres, ou Ressources aux sous-catégories pertinentes.

Si c'est le dernier cas, les utilisateurs ont besoin d'un moyen rapide de naviguer vers les sous-catégories qu'ils souhaitent, en les aidant à filtrer les résultats en fonction de ce qu'ils recherchent.

Cela devrait être fait de la manière des bannières / sections évidentes et tapables, répertoriées par les choix les plus populaires.

Voici un bon exemple:

Liens de catégorie sur mobile

L'exemple de droite est la page des téléviseurs Tesco, où vous pouvez voir qu'ils ont la possibilité de visiter des sous-types de téléviseurs, suivis de listes par taille. Ceci est important, car ils ont identifié ces dimensions comme les dimensions les plus importantes que les utilisateurs souhaitent visiter.

Un utilisateur qui visite cette page appuiera probablement immédiatement sur l'option appropriée, ou fera défiler pour voir si son option est plus bas.

* Une façon d'améliorer la page Tesco serait d'inclure une section boutique par marque, car cela a tendance à être un sous-produit très populaire.recherche de téléviseurs (lisez mon guide des catégories pour plus d'informations à ce sujet).

2. Les filtres sont en haut et peuvent être tapés

Les filtres de site Web doivent bien fonctionner sur mobile, et être situé en haut de la produits list afin qu'un utilisateur puisse facilement filtrer la liste sur Produits ils veulent voir.

Cela devrait utiliser une logique afin que plusieurs filtres puissent être sélectionnés à la fois (comme la couleur et la taille) et que l'ordre de tri soit modifiable (par exemple, trier par prix le plus bas).

Identifier les problèmes d'engagement mobile

La meilleure façon de voir si vous rencontrez des problèmes sur un appareil ou un navigateur donné mobile, consiste à utiliser un rapport Google Analytics personnalisé.

Pour ce faire, créez un rapport Google Analytics personnalisé, en filtrant par catégorie d'appareil, puis navigateur, puis modèle d'appareil mobile.

Identifier les problèmes sur mobile par appareil

Cela vous permettra de trouver un taux de rebond élevé / des engagements de pages faibles par session (ce qui signifie que quelque chose peut être cassé) et de déterminer quelle combinaison appareil / navigateur est le problème.

Site Web ultra-rapide

Celui-ci est assez évident, je vais donc simplement décomposer les vérifications clés:

  1. Exécutez votre site via les outils GTmetrix et Pingdom - résolvez tous les problèmes majeurs.
  2. Exécutez votre site via le Google Vérificateur de vitesse de page, concentrez-vous sur la correction mobile problèmes.
  3. Utilisez bien hébergement - Je recommande d'utiliser Nimbus Hosting (basé au Royaume-Uni).

Conception réactive - Contenu sur tous les appareils

Ce changement est essentiel lorsque le mobile premier index entre, car tout en fines ce n'est pas sur mobile mais est sur le bureau ne contribuera plus à vos efforts de classement.

Cela signifie que vous devez utiliser un design complètement réactif, ou à tout le moins avoir en fines qui est sur le bureau ajouté sur mobile quelque part, même si c'est dans un accordéon sous une liste de catégories.

Les éléments clés à garantir sont cohérents sur tous les appareils:

  1. Clé SEO En-têtes - en-têtes H1, H2, H3, etc.
  2. Interne Ressources - y compris la chapelure, produits listes et dans en fines Ressources.
  3. Images
  4. Vidéos
  5. Schema.org balisage
  6. Page entête code

Alors assurez-vous que Google rend votre page aussi bien sur mobile comme sur le bureau, en effectuant une requête Fetch and Render pour votre site dans la console de recherche Google et en vérifiant la différence entre mobile et vues de bureau (sélectionnez simplement la vue sur mobile).

Récupérer et afficher sur la vue mobile

Contenu de l'accordéon

Les accordéons sont un excellent moyen de condenser une grande forme en fines en sections, permettant aux utilisateurs mobile pour ouvrir facilement la section qui les intéresse le plus.

Wikipédia ont changé tous leurs mobile pages à l'accordéon, ce qui est un assez bon signe que cela améliore l'engagement.

Comment cela s'applique-t-il aux sites Web de commerce électronique?

Eh bien pour commencer, une page de catégorie est souvent un endroit où les gens viennent pour les deux Produits et des informations à ce sujet produits tapez, il peut donc être difficile de placer tout cela vers le haut de la page sans créer trop d'espace pour faire défiler.

C'est là qu'un accordéon pourrait entrer. Vous pouvez travailler à travers mot-clé rechercher et vous demander aux clients quelles sont les questions les plus courantes à ce sujet produits tapez, et ayez ceux en accordéons juste au-dessus de votre produits liste, permettant aux utilisateurs de lire ceci rapidement sans interférer avec l'expérience utilisateur des acheteurs.

Voici un exemple:

Ajouter des accordéons FAQ sur mobile

Pour les personnes incertaines de ce qu'implique un moniteur de jeu, ces deux accordéons insérés en haut de la page leur permettraient de prendre une décision éclairée, ce qui devrait transformer davantage de chercheurs en clients.

La mise en page pourrait probablement être modifiée, peut-être une diapositive dans le menu avec des accordéons intitulée «comment choisir un moniteur de jeu» qui contenait les zones clés à regarder.

Les utilisateurs ne veulent généralement pas lire un guide d'achat complet, ils veulent les informations essentielles en un coup d'œil (mobile tout est question de rapidité et de commodité).

Expérience de paiement

Pour moins cher ou moins compliqué Produits, qui n'a toujours pas été repris par Amazon en raison d'obstacles à l'entrée / aux exigences du service client, mobile les paiements représenteront probablement une plus grande partie de votre vente que la plupart.

Cela signifie qu'il est essentiel d'avoir une expérience de paiement fluide, rapide et pleinement fonctionnelle pour maximiser mobile vente.

Les domaines clés pour un bien mobile expérience de paiement:

  1. Boutons de paiement évidents - lorsqu'un utilisateur ajoute un produits dans le panier, une fenêtre contextuelle immédiate avec un gros bouton de paiement attirera l'attention et éliminera la confusion.
  2. Site Web entièrement sécurisé (SSL) - c'est assez évident, mais assurez-vous que le certificat de confiance SSL de base est installé.
  3. Formulaire de paiement réactif - assurez-vous que rien ne sort de la page ou ne se formate pas correctement mobile.
  4. Connectez-vous avec Amazon / Réseau social - cela accélérera le processus, avec des informations automatiquement remplies par les autres fournisseurs.
  5. Adresse recherche - assurez-vous qu'un utilisateur n'a pas à remplir complètement son adresse en fournissant le code postal / code postal recherche fonctions.
  6. Paiement via Paypal / ApplePay - cela rendra l'expérience encore plus rapide, avec des paiements en un clic évitant l'étape supplémentaire (en particulier la saisie des détails de la carte de crédit).

Disposition de la page du produit

Je n'ai pas trop parlé de ça dans ma page produit guide de référencement, mais il est important de retravailler votre produits pages sur mobile pour vous assurer qu'ils sont intuitifs.

Comme nous l'avons mentionné ci-dessus, la disposition sur mobile devrait se concentrer sur le en fines les utilisateurs veulent voir, et votre page doit donc être présentée dans l'ordre suivant:

  1. Produit titre - faites savoir aux utilisateurs qu'ils sont au bon endroit.
  2. Produit image - montrer aux utilisateurs le produitset faites glisser des images supplémentaires.
  3. Prix - rendre le prix évident, et s'il est activé VENTE rendre la réduction évidente.
  4. Informations de livraison - leur montrer quand ils pourraient recevoir leur article et le prix de la livraison.
  5. Ajouter au panier - un gros bouton qui se détache pour que personne ne puisse le rater.
  6. Avis clients étoiles + lien - ne montrer que si des critiques sont présentes, sinon les laisser de côté.
  7. Fonctions-clés - les principales raisons d'acheter ceci produits, en utilisant des puces.
  8. Tout le reste.

En priorisant ces informations en premier, vous donnez aux utilisateurs ce dont ils ont besoin pour prendre une décision d'achat, mais évidemment, comme pour tout changement majeur de site Web, testez-le vous-même.

Facilitez le partage de produits

Si le cycle d'achat d'un produits est un peu plus long que d'habitude (souvent le cas avec des articles de grande valeur) mobile les utilisateurs seront souvent dans le un article phase de leur cycle d'achat.

Cela signifie qu'ils voudront peut-être faire plus un article plus tard, ou discutez avec un être cher de l'achat.

Alors rendez-le vraiment facile à faire, en ayant une option de partage qui vous permet de courriel : le lien, Partage le lien sur Whatsapp, ou partagez-le sur Facebook Messenger.

Un moyen de surveiller ce changement serait de faire en sorte que toutes les URL partagées aient un certain paramètre, ou de vérifier le trafic direct vers produits .

Final Thoughts

Ces changements seront parfaits pour les conversions et SEO, car l'engagement accru réduira le taux de rebond et vous classera plus haut en conséquence.

En mettant en œuvre ces changements dès maintenant, vous serez bien préparé à affronter les mobile premier index une fois qu'il est déployé.

Si vous souhaitez obtenir de l'aide sur ce problème ou sur tout autre problème de marketing en ligne, n'hésitez pas à courriel : moi à [email protected] ou envisagez d'acheter mes services de commerce électronique.

VOTEZ POUR COLIN

Cliquez sur un nombre d'étoile pour le noter !

Note moyenne 0 / 5. Nombre de votes: 0

Aucun vote jusqu'à présent ! Soyez le premier à noter ce post.

Nous sommes désolés que ce post ne vous ait pas été utile!

Laissez-nous améliorer ce post!

Dites-nous comment nous pouvons améliorer ce post?

Matt Jackson

Spécialiste du référencement en commerce électronique, avec plus de 8 ans d'expérience à temps plein dans l'analyse et la réparation de sites Web d'achat en ligne. Expérience pratique avec Shopify, Wordpress, Opencart, Magento et autres CMS.
Besoin d'aide? Envoyez-moi un courriel pour plus d'informations, à [email protected]

Ce poste 0 Publier les commentaires

Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *