Comment optimiser une boutique Shopify pour mobile

Le mobile n'a pas encore dépassé le bureau en tant que plate-forme principale pour les achats en ligne. Mais ça se rapproche.

Les appareils mobiles représentent déjà la moitié de tout le trafic de commerce électronique et devraient générer 43,4 % de toutes les ventes de commerce électronique en 2023. Jusqu'à trois quarts des visiteurs réfléchissent à deux fois avant de revenir sur un site Web qui n'est pas optimisé pour les mobiles - s'ils peuvent trouver à nouveau. Par défaut, Google indexe désormais d'abord la version mobile d'un site pour l'inclure dans les résultats de recherche.

Cela signifie que si votre boutique Shopify n'est pas optimisée pour le mobile, elle ne se classe pas aussi bien qu'elle pourrait l'être.

L'optimisation va au-delà du simple fait de rendre votre site réactif. Il offre une interface intuitive et une expérience exceptionnelle à vos prospects qui compensent le manque d'écran plus large lors de leurs achats. Vos choix doivent être soigneusement réfléchis pour offrir un parcours client fluide et reproduire la commodité d'un ordinateur de bureau.

Voici comment couvrir vos bases lors de la conception d'un site Web pour mobile.

Conseils pour optimiser votre boutique Shopify pour les appareils mobiles

Faites attention aux temps de chargement des pages

Quoi que vous fassiez, n'ignorez pas l'optimisation de la vitesse pour votre boutique Shopify. Sur mobile, les utilisateurs n'ont pas la possibilité de passer à un autre onglet pendant qu'ils attendent qu'un se charge. Non pas qu'ils soient susceptibles de le faire de toute façon.

La probabilité qu'un utilisateur rebondisse sur votre site Web augmente de 32 % si la vitesse de chargement de votre page dépasse une seconde. De plus, cela affectera également le référencement de votre site Shopify. Les temps de chargement des pages figurent dans l'algorithme de Google pour les classements de recherche. Il existe plusieurs façons d'optimiser le temps de chargement de votre page, notamment en choisissant un hébergement de qualité, en compressant des images, en tirant parti d'un réseau de diffusion de contenu (CDN), etc.

Simplifiez la navigation

La disponibilité du choix et des habitudes d'achat conscientes ont fait en sorte que les clients ne manquent jamais une occasion de parcourir ailleurs avant de se décider pour un achat. C'est assez facile sur un ordinateur de bureau avec l'espace d'écran supplémentaire pour accueillir les options de navigation et la possibilité d'avoir plusieurs onglets ouverts simultanément.

C'est un peu moins pratique sur un téléphone car il y a beaucoup plus de défilement et de glissement pour accéder au bon contenu ou même à la barre de navigation. Quelque chose comme une barre de navigation pliable et collante fait le même travail.

Une excellente façon de procéder est d'avoir un menu hamburger sur chaque page. Le fil d'Ariane, la fonctionnalité de recherche intelligente et les filtres de produits adaptés aux mobiles sont également utiles pour permettre aux utilisateurs de naviguer dans les magasins Shopify sur mobile. Par exemple, Color Cord implémente ces fonctionnalités pour une expérience utilisateur conviviale.

Photographie de produit

Les gens ont tendance à magasiner avec leurs yeux. En fait, 75 % des acheteurs en ligne se fient aux photos de produits pour prendre une décision d'achat, et cela est vrai sur mobile plus que partout ailleurs.

Si vous exploitez une boutique mobile Shopify pour des produits tels que des compléments alimentaires, des produits ou des condiments, assurez-vous que le zoom haute résolution est activé pour que les clients puissent parcourir les étiquettes et les ingrédients des produits. Ce n'est pas parce que vos clients sont sur mobile qu'ils sont moins soucieux de la qualité.

Maintenant que vous avez optimisé pour les visiteurs humains, n'oubliez pas les robots des moteurs de recherche. Optimisez vos images pour le référencement en réduisant la taille du fichier, en incorporant du texte alternatif et en utilisant un nom de fichier riche en mots clés. Par exemple, le nom de fichier double-waist-wide-leg-jeans est plus utile pour le référencement que productphoto1 .

Ajuster les vidéos pour les petits écrans

Les vidéos sont une grande partie de l'expérience d'achat en ligne. C'est une seconde nature pour un acheteur de cliquer sur une vidéo de produit disponible avant de parcourir des tonnes de texte.

Les vidéos de démonstration et de présentation de produits aident vos clients à mieux comprendre si le produit leur convient ou non. Les vidéos sur site peuvent également ajouter de la valeur au référencement. Alors qu'un carrousel vidéo dans la page de résultats de recherche de Google inclura des vidéos YouTube, un extrait vidéo enrichi dirigera le trafic vers votre site. Il y a aussi l'avantage indirect d'améliorer le temps d'attente sur votre site Shopify - les clients resteront plus longtemps sur la page pour regarder une vidéo, ce qui peut améliorer le classement de votre page.

Si vous avez des vidéos intégrées dans votre boutique Shopify, assurez-vous qu'elles sont optimisées pour les mobiles. Les lecteurs vidéo dont l'accès est difficile ou qui continuent de se bloquer ne feront qu'ajouter à la frustration des acheteurs et entraîneront un panier abandonné.

Repensez la façon dont vous positionnez votre texte

Traditionnellement, les propriétaires de magasins pensent que plus de détails valent mieux que moins lorsqu'il s'agit d'achats en ligne. La copie aide également le référencement, donc, sur Shopify, plus vous saisissez d'opportunités pour optimiser votre texte avec des mots-clés, plus vous aurez de chances de créer un classement organique.

Cependant, vous devriez essayer de résister à la tentation d'encombrer l'espace de l'écran lorsqu'il s'agit de mobile. Comme nous l'avons déjà établi, une grande partie du shopping et de la navigation est une expérience visuelle. Plus vous avez de texte, plus vos prospects doivent défiler pour accéder aux photos des produits.

C'est là qu'il y a un rendement décroissant sur la copie. Il est important d'ajouter une description du produit, mais cela ne doit pas se faire au détriment de votre expérience utilisateur. Un bon objectif pour les pages de produits est d'inclure environ 200 à 300 mots dans la description, en vous rappelant que vous pouvez diviser le texte avec des puces pour plus d'attrait visuel.

Incluez les éléments essentiels absolus pour les utilisateurs mobiles dans votre boutique Shopify, tels que le nom du produit, le prix, les spécifications et les appels à l'action. Si vous avez besoin d'ajouter plus de texte, sur vos pages de catégorie, par exemple, envisagez des descriptions et des menus réductibles.

Envisagez également d'augmenter la taille de votre police à partir de la norme de bureau à 12 points. Quelque chose entre 14 et 16 pixels est idéal pour que les clients n'aient pas à zoomer et dézoomer pendant qu'ils défilent. Choisissez des polices traditionnelles pour votre texte. Il est possible que les non conventionnels ne s'affichent pas correctement sur certains appareils.

Gardez vos CTA visibles

La bonne stratégie CTA peut être un puissant catalyseur pour les conversions sur la page de votre boutique Shopify. Sur mobile, il peut être judicieux d'expérimenter des boutons CTA collants qui suivent l'utilisateur pendant son défilement. Cela aide à rationaliser le parcours de l'utilisateur et réduit le risque qu'un utilisateur quitte votre magasin faute d'invite.

Si vous l'avez testé A/B et que vous en avez trouvé un fixe qui fonctionne mieux, assurez-vous qu'il se démarque. Les CTA qui se sentent moins encombrés et sont entourés de plus d'espace blanc peuvent augmenter considérablement les conversions.

Rendez votre CTA suffisamment grand pour qu'il soit facile à exploiter. Faites cela pour tous les boutons de votre boutique Shopify afin que les utilisateurs mobiles n'aient pas à jouer avec les appareils pour accéder aux fonctionnalités.

Réfléchissez également à ce que vous voulez que votre CTA dise. En fonction de votre produit, vous pouvez renoncer au classique « Ajouter au panier » ou « Acheter maintenant » pour quelque chose de plus créatif comme « Obtenez le look », « Faites-vous plaisir » ou même des produits personnalisés comme « Dépêchez-vous ! Obtenez le maintenant!' pour les produits dont les stocks sont limités.

Abandonnez les pop-ups

Les pop-ups peuvent souvent sembler être un ajout nuisible aux pages, même sur les ordinateurs de bureau, et sont généralement mauvais pour les affaires sur les sites mobiles. Une bannière contextuelle aléatoire qui recouvre l'écran peut être ennuyeuse lorsqu'elle recouvre soudainement le contenu à l'écran. Si l'utilisateur ne peut pas le fermer rapidement, peut-être à cause d'un problème UX, il pourrait facilement s'agir d'une vente perdue. Trop de cas de ce type créeront un taux de rebond élevé, ce qui pourrait nuire au classement organique de la page.

De toute façon, les utilisateurs mobiles ne s'inscriront probablement pas aux newsletters lorsqu'ils parcourent votre boutique Shopify. Offrez-leur la chance par e-mail lorsqu'ils s'inscrivent pour un compte. Et si vous souhaitez mettre en évidence une remise, ajoutez une note rapide sous votre CTA plutôt qu'une bannière contextuelle. Cela aidera à maintenir le parcours de l'utilisateur et à diriger le client vers l'endroit où vous voulez qu'il aille : le panier de paiement.

Optimiser le paiement pour mobile

Vous seriez surpris de voir combien d'argent reste sur la table parce que les propriétaires de magasins Shopify ne rationalisent pas le paiement pour les utilisateurs mobiles. Le taux moyen d'abandon de panier parmi les acheteurs en ligne est de près de 70 %. C'est un véritable gâchis lorsque vous avez fait tout le travail acharné pour amener le prospect sur votre site.

Il existe plusieurs façons de faciliter le paiement de vos clients. Minimiser la quantité d'informations qu'ils doivent saisir dans les formulaires est en tête de liste. Demander plus de données prend plus de temps, soulève plus de problèmes de confidentialité et augmente les chances que l'utilisateur rebondisse. Envisagez des options telles que permettre aux nouveaux utilisateurs de s'inscrire avec leur compte Google ou iOS et extraire automatiquement les données de formulaire du navigateur où les utilisateurs ont activé cette option.

Offrez à vos clients davantage d'options de paiement spécifiques à la région et mettez-les en évidence dans l'interface. Vous pouvez également ajouter des icônes de confiance tout au long de votre processus de paiement pour indiquer que votre site Shopify est sécurisé. La sécurité est toujours une préoccupation majeure pour les utilisateurs mobiles, avec jusqu'à 31 % d'entre eux indiquant que c'est la raison pour laquelle ils n'achètent pas sur des appareils portables.

Travaillez avec des experts Shopify pour une boutique mobile exceptionnelle

Nous approchons rapidement du point où les sites Web sont conçus pour être mobiles d'abord et optimisés pour les ordinateurs de bureau. Pérennisez votre site de commerce électronique avec l'aide d'experts qui savent ce qu'ils font en matière de conception Web. Chez Coalition, nous avons créé quelque 800 sites Web et rapporté à nos clients plus d'un demi-milliard de dollars de revenus.

Que vous souhaitiez créer une première boutique Shopify mobile à partir de zéro ou optimiser votre boutique existante et en tirer plus de valeur SEO, nous pouvons vous aider. Jetez un coup d'œil à notre travail ou contactez-nous pour une consultation gratuite dès aujourd'hui.