Adapter votre site aux mobiles : premiers pas

Les appareils mobiles révolutionnent notre quotidien. Aujourd'hui, tout le monde a un smartphone, et passe son temps à communiquer et à rechercher des informations. Dans de nombreux pays, le nombre de smartphones a dépassé le nombre d'ordinateurs personnels. Disposer d'un site Web adapté aux mobiles est désormais essentiel si l'on souhaite être présent en ligne.

  1. Si vous ne savez pas si votre site Web est adapté aux mobiles, passez le test d'optimisation mobile dès aujourd'hui.
  2. Si vous avez utilisé un logiciel de gestion de contenu (CMS) tel que WordPress pour concevoir votre site Web, consultez notre guide pour personnaliser votre logiciel de site Web.
  3. Si vous disposez des connaissances techniques nécessaires, commencez par choisir une configuration mobile.

Pourquoi adapter un site Web aux mobiles ?

Comparaison d'un site difficile à afficher et à utiliser sur un appareil mobile par rapport à une version adaptée aux mobiles

S'il n'est pas adapté aux mobiles, il peut être difficile de consulter le site et d'en exploiter le contenu sur un appareil mobile. Les sites non compatibles avec les appareils mobiles obligent les utilisateurs à pincer l'écran ou à faire un zoom avant pour pouvoir lire le contenu. C'est une expérience frustrante pour les mobinautes, qui risquent alors de quitter votre site. Au contraire, la version adaptée aux mobiles est facilement lisible et utilisable immédiatement.

Aux États-Unis, 94 % des utilisateurs de smartphones recherchent des informations locales sur leur téléphone. Curieusement, 77 % des recherches mobiles ont lieu à domicile ou au travail, des endroits où les ordinateurs sont généralement faciles d'accès.

Que vous teniez un blog sur vos équipes sportives préférées, que vous travailliez sur le site Web de votre troupe de théâtre ou que vous vendiez des produits à des clients potentiels, la compatibilité mobile est cruciale pour votre activité professionnelle. Assurez-vous que les visiteurs bénéficient d'une bonne expérience sur votre site lorsqu'ils le consultent sur leur appareil mobile.

Par où commencer ?

Le travail que représente la transition vers un site adapté aux mobiles dépend de vos ressources de développement, de votre modèle d'entreprise et de votre niveau d'expertise. Le schéma suivant illustre les modifications à apporter à un site pour ordinateur pour l'adapter aux mobiles.

Remaniement possible d'un site pour ordinateur afin de l'adapter aux mobiles

Au niveau de la mise en œuvre de base, la transition d'un site pour ordinateur vers un site mobile implique d'utiliser des portions de contenu déjà présentes sur le site pour ordinateur et de les organiser en un modèle adapté aux mobiles. Pour plus d'informations sur la mise en œuvre technique d'un site mobile, consultez la page sur les options de configuration du SEO pour mobile.

Quelles sont les trois points importants à retenir lors de la création d'un site adapté aux mobiles ?

1. Facilitez la vie de vos clients.

Aidez les visiteurs de votre site à atteindre leurs objectifs, qu'ils souhaitent se divertir en lisant les articles de votre blog, obtenir l'adresse de votre restaurant ou consulter des avis sur vos produits. Lors de la conception de votre site, gardez à l'esprit qu'il doit permettre au client de l'explorer et d'effectuer ses tâches habituelles en toute simplicité.

Aperçu des étapes potentielles du parcours client

Déterminez les étapes potentielles du parcours client pour vous assurer qu'elles sont faciles à effectuer sur un appareil mobile. Essayez de simplifier l'expérience en réduisant le nombre d'interactions du mobinaute. Dans cet exemple : (1) le client cherche des lampes à acheter et clique sur un site ; (2) il parcourt les offres du site ; et (3) il achète la lampe de son choix.

2. Déterminez l'efficacité de votre site Web en fonction de la simplicité d'exécution des tâches fréquentes par les mobinautes.

Utilisateur consultant un appareil mobile

Créer un site mobile nécessite d'établir des priorités. Commencez par identifier les tâches les plus importantes et les plus courantes de vos mobinautes. Il est essentiel qu'ils puissent effectuer ces tâches sur votre site mobile. En effet, le succès de votre site mobile dépend de l'efficacité avec laquelle vos clients atteignent leurs objectifs. Il existe également des moyens de concevoir votre site pour faciliter son utilisation. Concentrez-vous sur la cohérence de votre interface et assurez-vous de fournir une expérience similaire sur toutes les plates-formes.

Selon MediaPost : "Les acheteurs sur mobile recherchent avant tout la facilité d'utilisation des sites marchands. 48 % des participants ont indiqué que c'était la qualité primordiale d'un site mobile".

3. Choisissez un modèle, un thème ou une conception mobiles uniformes sur tous les appareils, à l'aide d'un Responsive Web Design, par exemple.

L'expression Responsive Web Design signifie que la page utilise la même URL et le même code sur un ordinateur de bureau, sur une tablette ou sur un téléphone mobile, mais que l'affichage s'ajuste ou "répond" en fonction de la taille de l'écran. Nous vous recommandons d'utiliser un Responsive Web Design plutôt que les autres modèles de conception. Cela vous permet de ne gérer qu'une seule version de votre site au lieu de deux. Vous n'avez pas besoin de gérer la version pour ordinateur www.example.com et la version pour mobile m.example.com. Il vous suffit de gérer un seul site, comme www.example.com, pour les deux versions.

Site Web adapté aux utilisateurs d'ordinateurs et d'appareils mobiles

Un site dynamique permet d'adapter l'affichage à différentes tailles d'écran, tout en utilisant la même URL et le même code. Les trois appareils ci-dessus utilisent l'adresse www.example.com, et non une page pour mobile telle que m.example.com ni une page pour les tablettes telle que t.example.com.

"L'utilisation d'un Responsive Web Design a permis à l'entreprise Baines & Ernst d'optimiser son site et de l'adapter à différentes tailles d'écran, sans avoir à créer plusieurs sites Web. La société s'est rendu compte que les visiteurs consultaient 11 % de pages en plus sur leur site à chaque visite et que les conversions sur mobile avaient augmenté de 51 %."

Une "conversion" se produit lorsqu'un client effectue l'action désirée, par exemple lorsqu'il achète un produit, appelle l'entreprise ou s'abonne à une newsletter.

Pour découvrir comment mettre en œuvre un Responsive Web Design, consultez le guide Web Fundamentals. Si vous souhaitez comparer les avantages et inconvénients de chaque type de mise en œuvre pour les sites Web mobiles, pour tablette ou pour ordinateur, consultez l'article Créer des sites Web adaptés au consommateur multi-écran.

Quelles sont les trois principales erreurs de débutant à éviter ?

  1. Ignorer les besoins des mobinautes. N’oubliez pas que les sites adaptés aux mobiles sont utiles : ils aident les mobinautes à atteindre leur objectif, que ce soit lire un article intéressant ou trouver l'adresse de votre magasin. Ne vous laissez pas prendre au piège de concevoir uniquement un site dont le format est destiné aux mobiles, mais qui n'offre pas toutes les fonctionnalités. Au lieu de cela, créez un site adapté aux mobiles, à savoir un site vraiment utile aux mobinautes et optimisé pour leurs tâches les plus courantes.
  2. Mettre en œuvre le site mobile dans un domaine, sous-domaine ou sous-répertoire différent du site pour ordinateur. Même si nous acceptons de multiples configurations de site mobile, la création d'URL mobiles distinctes augmente considérablement les efforts à réaliser pour entretenir et mettre à jour le site, et peut créer des problèmes techniques supplémentaires. Vous pouvez souvent simplifier considérablement les choses en utilisant un Responsive Web Design et en publiant votre site mobile et pour ordinateur sur la même URL. Le Responsive Web Design est la configuration que nous recommandons.
  3. Travailler de façon isolée au lieu de chercher l'inspiration ailleurs. Consultez d'autres sites dans votre domaine ainsi que ceux de vos concurrents pour trouver de l'inspiration ou observer les bonnes pratiques. Vous n'êtes sans doute pas le premier de votre secteur à avoir un site mobile. Vous avez donc la chance de pouvoir apprendre de vos prédécesseurs.