Téléchargez notre manuel gratuit et commencez à élaborer votre plan d'action pour lancer votre activité.
L’adresse e-mail saisie n’est pas valide.
Nous vous remercions de vous être abonné(e).
En saisissant votre adresse e-mail, vous reconnaissez avoir lu et compris notre Politique de confidentialité et acceptez de recevoir des communications marketing de la part de Squarespace.
Une fois que vous aurez ouvert une boutique en ligne, il faudra tenir compte de quelques facteurs supplémentaires si vous souhaitez optimiser votre site pour les clients qui effectuent leurs achats sur mobile (mCommerce). Des aspects qui ne constituent pas un problème sur un site pour ordinateur de bureau, comme un processus de paiement plus long, peuvent être source de frustration pour un internaute naviguant sur un écran plus petit, qui risque alors de renoncer à effectuer son achat.
Découvrez ce qui fait qu’un site web est adapté aux mobiles, comment tester les fonctionnalités permettant d’optimiser votre site pour ces formats et pourquoi proposer un site adapté au commerce mobile est important dans les relations avec les clients et pour la croissance des ventes.
Être optimisé pour les mobiles, qu’est-ce que cela signifie ?
Optimiser votre boutique en ligne pour le commerce mobile ne représente qu’une partie de l’adaptation de l’ensemble de votre site web à ces formats. Certains aspects ordinaires influent sur le bon fonctionnement d’un site sur les appareils mobiles.
Un design adapté aux mobiles
Le design actuel de votre site web a son importance. La plupart des outils de création de sites web, dont Squarespace, prévoient une forme d’optimisation pour les appareils mobiles, ce qui signifie que vous n’aurez pas à vous soucier la majeure partie des aspects techniques. Toutefois, il est utile de connaître les options qui s’offrent à vous, notamment si vous souhaitez créer une version mobile de votre site.
Les options de conception les plus courantes sont :
Design réactif : Les sites web avec un design réactif s’adaptent à la taille exacte de l’écran que vous utilisez. Par exemple, si vous réduisez ou agrandissez la fenêtre de votre navigateur, les images et le texte du site web s’adapteront à la fenêtre sans compromettre le design du site. Chaque site web Squarespace bénéficie d’un design réactif
Design adaptatif : Les sites avec un design adaptatif sont similaires à ceux avec un design réactif. La différence est que le design adaptatif dispose d’un ensemble limité de tailles d’affichage, généralement équivalentes aux tailles d’écran courantes. Les sites avec un design adaptatif affichent automatiquement la taille d’affichage qui correspond le mieux à celle de votre écran.
Site web pour appareils mobiles uniquement : Un site web pour appareils mobiles (ou mobile-only) est une version distincte et simplifiée de celui pour ordinateurs de bureau. Un « site à ajouter en lien dans la bio », tel qu’un Bio Site Unfold
Application distincte : Une application autonome peut présenter une version simplifiée de votre site pour ordinateur de bureau. En général, il n’est pas intéressant pour le propriétaire d’une petite entreprise de créer une application en raison du temps et de l’investissement que le développement et le lancement impliquent.
Lorsqu’il s’agit d’optimiser votre expérience mobile pour améliorer votre classement dans les moteurs de recherche, le plus important est que votre site soit optimisé pour une utilisation mobile. Il n’a pas été établi que la méthode spécifique que vous employez pour optimiser votre site ait un impact majeur sur votre classement dans les moteurs de recherche.
Des éléments visuels adaptés à tous les appareils
Votre créateur de site peut se charger d’afficher vos images et votre texte à une taille d’écran différente, mais vous avez le contrôle sur l’expérience visuelle elle-même. Lorsque vous concevez votre site, choisissez des polices et des combinaisons de couleurs claires et lisibles afin que les informations ou les liens importants ne se perdent pas sur l’écran d’un téléphone ou d’une tablette.
Gardez en tête qu’une image ou une description qui paraît claire et qui n’occupe pas trop d’espace sur un ordinateur portable ou de bureau peut paraître très différente sur un écran plus petit. Si vous vendez des produits, chargez plusieurs photos afin de mettre en valeur les détails ou les caractéristiques qui les rendent uniques. Les descriptions de produits doivent correspondre à l’image de votre marque et inclure des détails pertinents, comme les dimensions, sans pour autant être trop longues.
Des délais de chargement plus rapides
Le temps de chargement de votre site joue un rôle majeur dans l’expérience client. Les clients attendent des sites qu’ils se chargent rapidement, et sont plus susceptibles de quitter une page qui est lente. Ce temps de chargement trop long peut avoir un impact négatif sur l’impression que donne votre marque et sur votre capacité à être compétitif dans les résultats des moteurs de recherche.
Les sites web Squarespace sont conçus pour se charger rapidement. Toutefois, la vitesse de vos pages dépend également du contenu qui s’y trouve. Les fichiers volumineux ou les pages remplies de contenu peuvent augmenter la taille d’une page et ralentir son chargement. Vous pouvez accélérer le temps de chargement de votre site en vérifiant la taille de chaque page et en identifiant ce qui peut être à l’origine de cette lenteur. Puis, supprimez du contenu ou répartissez-le sur plusieurs pages plus petites.
Si les pages de blog ralentissent votre site, vous pouvez également envisager d’activer la fonction AMP (Accelerated Mobile Pages), qui permet de créer une version simplifiée de ces pages pour un chargement plus rapide sur mobile. La contrepartie de l’AMP est que la version de votre page qui se charge plus rapidement ne comprendra pas toutes les fonctionnalités et tous les éléments visuels dont dispose la page sur un navigateur pour ordinateur de bureau.
Navigation simple
En plus de faciliter la navigation sur votre site, le menu lui-même doit permettre de trouver facilement ce dont vous avez besoin. Si votre site comporte plusieurs sections ou si votre boutique compte plusieurs catégories, faites en sorte que ces catégories soient claires et que l’on puisse passer de l’une à l’autre facilement. Les appels à l’action (CTA) doivent indiquer clairement leur objectif (par exemple, « Ajouter au panier » ou « S’inscrire maintenant ») et être faciles à activer ou à désactiver.
La navigation sur votre site doit également être simple sur le plan de la prise en main. En d’autres termes, si une personne tient son téléphone d’une main, elle devrait idéalement pouvoir accéder à votre menu et trouver ce qu’elle cherche en utilisant uniquement son pouce.
Une vitrine adaptée aux mobiles
Les optimisations mobiles décrites ci-dessus permettront toutes d’améliorer l’expérience mobile de votre boutique en ligne. Toutefois, n’oubliez pas de tenir compte des optimisations spécifiques au commerce mobile, comme le processus de paiement et les options de paiement.
Les clients doivent pouvoir ajouter rapidement des articles à leur panier et passer au paiement. À partir de là, le processus de paiement doit être intuitif et facile à réaliser, même avec un écran de taille réduite. Par exemple, essayez de collecter les informations de facturation et d’expédition en plusieurs étapes plus courtes et progressives plutôt qu’avec un seul long formulaire. Proposez plusieurs modes de paiement, y compris des options de paiement express qui n’obligent pas le client à trouver et à saisir les informations relatives à sa carte bancaire pour terminer le processus de paiement.
Comment tester l’optimisation mobile de votre site
À mesure que vous concevez et mettez à jour votre site, vous devez le tester régulièrement afin de vous assurer que l’expérience que vous offrez aux utilisateurs de mobiles est de qualité.
Il existe plusieurs façons simples de tester rapidement votre site :
Utilisez un outil de test adapté aux mobiles : Il existe plusieurs outils qui vous permettent de taper le lien de n’importe quel site afin d’en mesurer le niveau convivialité sur les appareils mobiles. En effectuant une recherche rapide, vous trouverez quelques options très populaires. Tester votre site avec plusieurs outils n’est d’ailleurs pas une mauvaise idée.
Effectuez des tests dans votre navigateur ou votre créateur de sites Web : De nombreux outils de création de sites web proposent une option de prévisualisation mobile qui vous présente une approximation du rendu de votre site sur un téléphone ou une tablette. Si votre site dispose d’un design réactif ou adaptatif, vous pouvez également réduire la taille de votre navigateur pour avoir une idée du rendu sur différentes tailles d’écran.
Effectuez des tests sur un appareil mobile : Mettez-vous à la place du client en naviguant sur votre propre site depuis un téléphone ou une tablette, et demandez à vos amis ou collègues entrepreneurs de faire de même. Notez tous les inconvénients qu’un outil de test pourrait ne pas déceler, comme une fenêtre d’inscription encombrante ou un CTA difficile à lire.
Pourquoi est-il important d’avoir un site de eCommerce adapté aux mobiles ?
Étant donné que la navigation sur le web se fait de plus en plus à partir d’un téléphone ou d’une tablette et que les moteurs de recherche sont plus susceptibles de classer les sites web adaptés aux mobiles, tout le monde devrait proposer un site optimisé pour les mobiles, et pas uniquement les propriétaires d’entreprises de eCcommerce. Mais la sous-catégorie du commerce mobile s’est considérablement développée avec l’amélioration de la technologie, les clients effectuant des milliers de milliards de dollars d’achats depuis leur appareil mobile chaque année.
Un site qui n’est pas optimisé pour le mCommerce peut perdre sa part de ce vaste marché. Une boutique en ligne qui se charge lentement, dont la navigation ou la visualisation est difficile, et dont le processus de paiement est long sur mobile, crée des obstacles pour les clients qui sont alors plus susceptibles de passer à autre chose, ce qui vous fait perdre une vente et leur confiance.
Il est relativement simple de concevoir une boutique en ligne pour le commerce mobile. Une fois que vous avez choisi votre plateforme de eCommerce et chargé vos produits, déterminez les parties de votre site qu’il faut optimiser pour les utilisateurs mobiles et comment les améliorer.