NosyWeb DIGITAL

Depuis quelques années, Google a toujours manifesté son intérêt pour les sites mobile-friendly. La dernière mise à jour de son algorithme, effective depuis le 21 avril dernier a marqué un tournant. La firme californienne a en effet prévenu à l’avance qu’à partir de cette date, être mobile-friendly aura une incidence positive sur le positionnement sur son moteur de recherche. D’où l’intérêt de concevoir un site web avec une approche mobile-first.

Vous n’êtes pas sans savoir l’importance de la mobilité en matière de technologie de l’information. Les terminaux portatifs, notamment le smartphone et la tablette sont devenus les outils les plus pratiques pour naviguer sur internet au quotidien. Si vous-même êtes en train de lire cet article depuis votre téléphone ou votre ardoise connectée, vous ne pouvez que vous rendre à l’évidence. Il n’est donc pas étonnant que le géant du web s’adapte pour améliorer l’expérience des mobinautes.

L’importance d’une approche mobile-first dans la conception web

En 2015, Google a constaté pour la toute première fois un nombre de trafics sur internet mobile plus important que celui sur ordinateur. S’en est suivi une vague de sites web orientée avant tout vers les terminaux portatifs. L’approche Mobile First est née.

Le concept Mobile First consiste à optimiser un site principalement pour la navigation mobile. Dans la pratique, cela revient à créer le design et l’interface, et la structure d’un site en pensant d’abord à la version mobile, avant de les adapter pour les ordinateurs. Une pratique aux antipodes des méthodes traditionnelles de création de site web. Le phénomène bouleverse le domaine du Web Design et de nouveaux standards se sont émergés.

Nuance entre Mobile-First et Mobile-Friendly

Le concept Mobile-First est au Web Design ce que le Mobile-Friendly est à la fonctionnalité et l’ergonomie. Un site peut être conçu avec un état d’esprit Mobile-First sans pour autant être Mobile-Friendly. Pour qu’un site devienne Mobile-Friendly, les webdesigners et les développeurs doivent se focaliser sur l’essentiel. L’utilisation d’un code source léger est recommandée. En outre, il est plus intéressant de développer les pages en HTML5 plutôt qu’avec JavaScript. Simplifier les contenus, rendre les éléments plus faciles à cliquer et supprimer tout ce qui est superflu sont importants pour que le site atteigne un degré de convivialité décent.

Google a développé un outil (URL) permettant de tester si une page est mobile-friendly. Cet outil prend en considération la lisibilité des contenus, la vitesse de chargement du site et la lisibilité des liens entre autres… En somme, ne pas se contenter d’un site visuellement adapté pour le mobile mais en faire une plateforme fonctionnellement optimisée pour l’expérience utilisateur.

Les enjeux de l’approche mobile-first

Cette nouvelle approche redistribue les cartes en faisant la part belle aux moutures mobiles des sites web. Se mettre au goût du jour et adopter cette vision nouvelle s’annoncent vital pour rester compétitif ou gagner en compétitivité dans son secteur d’activité. La récente mise à jour de Google est tout sauf anecdotique. L’entreprise américaine s’est basée sur les statistiques pour prendre la décision de revoir ses algorithmes.
Selon le dernier rapport de Hootsuite et We Are Social, 92% des internautes se sont connectés via un appareil mobile sur les 2 dernières années. De son côté, Google estime qu’aujourd’hui, les consommateurs naviguent en moyenne pendant 2 heures et 7 minutes par jour via mobile. La firme de rajouter que 51% d’entre eux se rendent en magasin après avoir effectué une recherche sur mobile.
Vu le comportement des consommateurs, il serait illogique de ne pas réagir en conséquence. En France, c’est en 2018 que la passation de pouvoir a été effectuée entre le trafic et mobile et le trafic sur ordinateur. Cette année-là, 54% des français naviguaient au moins une fois par jour depuis un terminal mobile. Ainsi, Google encourage les entreprises du monde à concevoir des sites mobile-friendly en explicitant que leur visibilité sur internet en dépend.
Comme tout phénomène émergent et voué à dominer, l’approche Mobile-First ne fait pas que des heureux. En effet, la conception d’un site web mobile et/ou la refonte d’un site web desktop valent investissement. Cela requiert du temps et des compétences spécifiques.

Comment créer un site web avec une approche mobile-first ?

Créer ou modifier un site internet en partant de la version mobile est une méthode peu habituelle. Pour vous aider à vous lancer, voici des étapes pour parfaire la conception d’un site web optimisé pour mobile :

Détectez les points forts de votre site web actuel

Faire une refonte ne signifie pas qu’il faut changer du tout au tout. Certains paramètres peuvent avoir assuré votre succès depuis toujours, ce sont des valeurs sûres qu’il faudra maintenir. Réalisez d’abord un test pour estimer le potentiel mobile-friendly de votre site avec l’outil de Google. Certaines plateformes comme WordPress permettent de modifier l’aspect de votre site en quelques clics afin de l’optimiser pour la version mobile.

Optimisez la structure de vos pages

Plus c’est simple, mieux c’est. En vous concentrant sur l’essentiel en matière d’informations, vous améliorez votre référencement. Un menu compact et facile à naviguer, des boutons call-to-action en évidence, un moteur de recherche interne et un nombre réduit de pages sont les bases d’une structure simple et optimisée. Laissez tomber les gros blocs de texte et utilisez des images pertinentes.

Testez la vitesse de chargement de votre page

Google met à votre disposition un outil gratuit permettant de tester la vitesse de chargement de vos pages. La majorité des internautes quittent une page si elle ne se charge pas au bout de 3 secondes.

Améliorez votre référencement SEO

Il est toujours important d’avoir une bonne stratégie SEO. Rédigez vos contenus en tenant compte des bonnes pratiques en matière de référencement. Faites bon usage des mots-clés et créez une FAQ sur votre site

Utilisez les pages mobiles accélérées

Créer des pages mobiles accélérées (AMP) est hyper pratique dans la mesure où Google les priorise lors des recherches. Pour les non-initiés, les AMP sont des pages HTML utilisant un format particulier géré par Google.

Utilisez une technique responsive web design

Le responsive design ou design réactif consiste à adapter visuellement un site à différents appareils, et de facto à différents écrans tout en conservant son ergonomie.

En général, les webdesigners ont tout intérêt à se mettre à la place de l’internaute afin de conférer un haut niveau de convivialité et d’ergonomie élevé pour un site web mobile. Bien que l’idée de développer une application mobile native soit parfois tentante, elles n’offrent pas les mêmes avantages que les sites web mobiles. De plus, les consommateurs sont souvent enclins à télécharger ces applications après avoir expérimenté de manière satisfaisante le site mobile.