Comment créer un site mobile-friendly ?
Aujourd’hui, votre site Web doit être impérativement optimisé pour les appareils mobiles. Pourquoi ?
Eh bien, pour commencer, 80% des meilleurs sites Web selon le classement Alexa ont été optimisés pour les utilisateurs mobiles. De plus, 80% de tous les utilisateurs d’Internet ont des smartphones.
Pour les propriétaires de sites Web, ce changement dans la façon dont les gens interagissent avec le Web n’est pas surprenant, mais il augmente l’urgence dont vous avez besoin pour rendre votre site Web convivial pour les mobiles. Si vos visiteurs mobiles n’ont actuellement pas une bonne expérience lorsqu’ils atterrissent sur votre site Web, vous perdez une grande partie de votre trafic potentiel (et nuit à votre classement dans les moteurs de recherche).
Vous devez donc rendre votre site Web mobile-friendly. Mais savoir que c’est quelque chose que vous devez faire et savoir comment le faire sont deux choses différentes.
Qu’est-ce qu’un site mobile-friendly ?
Comme son nom l’indique, les sites Web mobile-friendly (adaptés aux mobiles) sont des sites conçus, développés et optimisés pour les utilisateurs d’appareils mobiles, et cela est à la fois plus complexe et plus important qu’il n’y paraît.
Au niveau le plus fondamental, les utilisateurs veulent un contenu facile à visualiser. Si votre texte et vos images sont trop petits, ils deviendront frustrants et partiront, un contenu de taille appropriée est donc essentiel.
Malheureusement, ce n’est pas si facile à créer, les téléphones mobiles et les tablettes sont disponibles dans de nombreuses tailles et résolutions différentes, il n’y a donc pas un seul format qui s’affichera parfaitement sur chaque appareil.
Pour résoudre ce problème, les modèles de sites Web d’aujourd’hui adoptent un format de mise en forme où ils peuvent s’adapter rapidement à l’appareil sur lequel ils s’affichent.
Mon site Web est-il adapté aux mobiles ?
Il est facile de vérifier si vous avez un site Web mobile-friendly, Google a un testeur de site Web adapté aux mobiles appelé Webmaster Tool pour faire exactement cela. Il vous suffit d’insérer l’URL de votre page Web et de cliquer sur le bouton ANALYSER. Le test de Google analysera ensuite votre site Web et affichera le résultat.
Si votre page Web n’est pas adaptée aux mobiles, Google énumérera quelques raisons pour lesquels votre page Web n’est pas adaptée aux mobiles et proposera des solutions sur la façon d’avoir un site mobile-friendly.
Comment donc avoir une version mobile de votre site Web ?
Utilisez un thème responsive
Si votre thème WordPress existe depuis un certain temps, il serait peut-être temps de faire une petite mise à jour.
Tout d’abord, revérifiez votre version WordPress et la version actuelle du thème. S’il y a des mises à jour en attente, commencez par celles-ci. On ne va pas parler de tous les thèmes, mais certaines mises à jour contiennent des éléments adaptés aux mobiles et peuvent suffire à résoudre vos problèmes. WordPress 5.0, par exemple, a ajouté des fonctionnalités vraiment soignées pour des images réactives.
Si les mises à jour ne font pas l’affaire, il est probablement temps d’installer un nouveau thème ou d’envisager de créer le vôtre.
Rendez l’information plus facile à trouver
Certaines personnes qui naviguent sur leurs appareils mobiles n’hésitent pas à prendre le temps de parcourir ou de lire le contenu au même rythme que sur un ordinateur, mais d’autres veulent trouver les informations dont elles ont besoin aussi rapidement et aussi facilement que possible. Pensez aux informations que les utilisateurs d’appareils mobiles sont les plus susceptibles de rechercher lorsqu’ils se rendent sur votre site Web et mettez-les dans un endroit évident et facile à trouver sur la page d’accueil.
Considérez également les FAQ que les gens recherchent le plus souvent lorsqu’ils visitent votre site Web. Il n’est peut-être pas logique de placer toutes les réponses au premier plan sur votre page d’accueil, mais vous devez les rendre faciles à trouver et à naviguer sur un appareil mobile.
Faites en sorte que les boutons soient suffisamment grands pour fonctionner sur mobile
Il est assez facile de cliquer sur un bouton de n’importe quelle taille avec une souris, mais lorsque vous essayez de « cliquer » avec vos doigts sur un petit écran de smartphone, les petits boutons sont difficiles à gérer. Et cela est particulièrement vrai s’il y a plusieurs petits boutons proches les uns des autres, appuyer sur l’un tout en essayant d’appuyer sur un autre gênera réellement vos visiteurs.
La meilleure façon est d’utiliser des boutons plus gros. Chaque fois que vous ajoutez un appel à l’action à votre site, prenez le temps de les tester vous-même sur les appareils mobiles.
Utilisez de grandes tailles de police
La lecture sur un petit écran est d’autant plus difficile si la police est petite. Il est préférable d’utiliser une taille de police d’au moins 14 pixels sur vos pages Web, mais allez-y et testez à quoi cela ressemble pour voir si l’agrandissement pourrait être mieux.
Il est également préférable de s’en tenir aux polices standard. Toute police que le navigateur de votre visiteur pourrait avoir besoin de télécharger ralentira le temps de chargement de votre site Web.
Compressez vos images
En parlant de temps de chargement du site, vous voulez toujours que la vitesse de votre site soit rapide. Mais si cette vitesse est plus importante sur mobile. Cela signifie qu’une autre bonne étape pour rendre votre site Web adapté aux mobiles est de compresser tout ce qui prend beaucoup d’espace et ralentit le temps de chargement.
Cela inclut probablement vos images haute résolution. En les compressant, vous pouvez vous assurer qu’ils se chargent plus rapidement sans nuire à la qualité de ce que les gens voient sur le site.
Effectuez régulièrement des tests mobiles
La meilleure chose que vous puissiez faire pour vous assurer que l’expérience mobile de votre site Web est bonne est de la tester régulièrement vous-même sur votre appareil mobile. De temps en temps, ouvrez votre site Web sur votre téléphone et votre tablette et passez un peu de temps à parcourir pour voir si quelque chose est difficile à voir ou à faire.
Conclusion
Même si tout est correct aujourd’hui, l’apparence et le fonctionnement des appareils mobiles changeront continuellement et le site mobile-friendly d’aujourd’hui pourrait ne pas l’être demain. Continuez à tester, à peaufiner si nécessaire, et continuez à considérer vos utilisateurs mobiles comme une priorité et tout devrait bien se passer.