Premiers pas

Quelles sont les trois choses essentielles à savoir 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 les avis sur vos produits. Comme l'explique Abhi Dhar, vice-président du groupe Walgreens et directeur technologique pour le commerce électronique : "Toutes nos initiatives dans le domaine du mobile ont pour objectif de faciliter la vie de nos clients".

Lors de la conception de votre site, gardez à l'esprit que ce dernier doit permettre au client d'effectuer ses tâches habituelles en toute simplicité. Cela va de la conception de la tâche à la réalisation de cette dernière, en passant par la visite de votre site.

Déterminez les étapes potentielles du parcours de votre client pour vous assurer qu'elles sont faciles à effectuer sur un appareil mobile. Essayez de rationaliser 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

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 que ces derniers puissent les effectuer sur votre site mobile. Ainsi, 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

"Responsive Web Design" ou RWD 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 le RWD plutôt que les autres modèles de conception. L'un des avantages d'un RWD est qu'il vous suffit de mettre à jour une version de votre site au lieu de deux. Ainsi, vous n'avez pas à vous occuper du site pour ordinateur à l'adresse www.example.com et de la version mobile à l'adresse m.example.com. Il vous suffit de mettre à jour un seul site de type www.example.com pour les internautes et les mobinautes.

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 mobile de type m.example.com, une page pour les tablettes telle que t.example.com, etc.

"L'utilisation d'un RWD 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, comme acheter un produit, appeler l'entreprise ou s'abonner à une newsletter.

Pour découvrir comment mettre en œuvre un Responsive Web Design, consultez le contenu pour les développeurs du guide Web Fundamentals (Principes fondamentaux du Web – en anglais). 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 ?

Erreur 1 : oublier les mobinautes

N’oubliez pas que les bons sites mobiles sont utiles : ils aident les mobinautes à faire ce qu'ils souhaitent, que ce soit lire un article intéressant ou trouver l'adresse de votre magasin. Ne tombez pas dans le piège de créer uniquement un site formaté pour les mobiles, c'est-à-dire un site qui se contente d'un design élégant, mais dépourvu de toutes les fonctionnalités utiles. 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.

Erreur 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 (RWD) et en affichant votre site mobile et pour ordinateur sur la même URL. Le Responsive Web Design est la configuration que nous recommandons.

Erreur 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. Le guide The Mobile Playbook et les témoignages de diffusion de contenu multi-écran Google regorgent d'idées utiles

Quelles sont les choses à retenir lorsque l'on travaille avec un développeur ?

Suivez les étapes ci-dessous pour obtenir un résultat satisfaisant lorsque vous travaillez avec un développeur à la création d'un site adapté aux mobiles.

1. Demandez à consulter les références et le portfolio relatifs aux sites mobiles de votre développeur

Demandez à votre développeur s'il a de l'expérience en matière de Responsive Web Design (RWD). Si vous possédez un site pour ordinateur uniquement, demandez à votre développeur s'il s'est déjà chargé d'assurer la transition d'un site pour ordinateur vers un site adaptatif. Vérifiez les autres sites qu'il a pu créer par le passé. Contactez les références et les anciens clients du développeur pour connaître leur avis sur ce dernier. Vous pouvez utiliser des outils comme PageSpeed Insights de Google pour consulter le portfolio d'un développeur. PageSpeed Insights signale les éléments qui nuisent à la vitesse de chargement d'une page ou à sa facilité d'utilisation.

Le guide Web Fundamentals (Principes fondamentaux du Web – en anglais) répond aux critères du test mobile PageSpeed Insights relatif à l'expérience utilisateur et à la vitesse d'affichage.

2. Assurez-vous que votre développeur comprend votre clientèle mobile.

Présentez votre entreprise au développeur et indiquez-lui les tâches les plus courantes de votre site qui devront être optimisées pour les mobiles. Assurez-vous qu'il développe un site compatible avec les fonctionnalités recherchées par les clients mobiles.

3. Demandez à votre développeur de se concentrer sur la vitesse d'affichage des pages

N'imposez pas aux clients d'attendre trop longtemps pour que vos pages s'affichent dans leur navigateur. Demandez à votre développeur s'il connaît l'outil PageSpeed Insights mentionné ci-dessus, ainsi que les techniques d'accélération du chargement des pages. Dans le contrat, vous pouvez demander à ce que les pages de votre site s'affichent aussi vite que celles de vos concurrents, selon l'outil WebPagetest. Si cet objectif est trop difficile à atteindre, demandez alors à ce que le résultat de PageSpeed Insights présente une coche verte et ne comprenne aucun problème "À corriger". Si une coche verte ne s'affiche pas à côté des pages, il revient à votre développeur et à vous-même de déterminer s'il est judicieux de corriger le problème, au regard des coûts occasionnés et des avantages attendus. Pour en savoir plus sur la vitesse des pages mobiles, regardez la vidéo Astuces pour améliorer rapidement les performances des sites mobiles (en anglais).

4. Demandez à votre développeur d'installer des outils d'analyse d'audience Internet

Installez des solutions d'analyse d’audience Internet comme Google Analytics, afin de pouvoir réunir des données sur les performances de votre site.

5. Assurez-vous que votre développeur et vous-même connaissez les Consignes Google aux webmasters

Ces consignes contiennent des informations sur la façon dont nous trouvons, traitons et classons le contenu de votre site.

6. Veillez à ce que votre contrat comprenne l'amélioration de votre site mobile suite à son lancement initial

Vous voudrez sans doute recueillir les commentaires des clients et les données d'analyse d'audience Internet afin d'améliorer votre site.

Nous mettons à votre disposition une liste des fournisseurs mobiles et multi-écrans recommandés par Google AdWords. Pour en savoir plus sur la mise en œuvre de sites Web mobiles, consultez nos documents sur la SEO pour les sites mobiles.