4 conseils à suivre pour adapter son site web aux appareils mobiles

14 août 2019

Toutes les semaines, l’équipe de B2B Quotes, donne son conseil SEO de la semaine. Aujourd’hui, elle donne de précieux rappels pour que votre site s’adapte au mieux aux appareils mobiles.

C’est désormais avec le cellulaire ou la tablette à la main que bon nombre d’entre nous allons travailler le matin et consultons divers sites web sur l’heure du dîner. Étant donné la forte popularité des appareils mobiles, ne pas adapter son site web à ceux-ci revient clairement à renoncer à une grande part de potentiels clients.

Mais comment est-il possible d’adapter son site web aux appareils mobiles?

Des images en haute définition

Il est évident qu’une image floue aux contours mal définis n’est que peu intéressante à regarder. Pour éviter pareille situation, assurez-vous que vos images soient en haute définition. La résolution devant être plus exactement le double de celle traditionnellement utilisée pour un ordinateur portable.

Si votre site web en est à ses débuts, optez d’emblée pour des images en haute définition. Cela vous évitera de devoir toutes les remplacer par la suite et vous sauvera donc un temps précieux.

Attention à la taille des caractères

Bien que les écrans de nos téléphones ne soient plus aussi petits qu’auparavant, il faut garder en tête qu’ils demeurent quand même de taille modeste. De ce fait, il est nécessaire que la taille des caractères ne soit jamais inférieure à 14 pixels. Si la police utilisée est plus petite, les utilisateurs de votre site devront agrandir l’écran pour lire adéquatement le contenu.

Pour ce qui est des boutons, notez que ceux-ci doivent également être relativement gros pour éviter pareille problématique. Comme des boutons trop petits peuvent constituer un désagrément certain pour les utilisateurs, il va de soi qu’il est indispensable de penser à cet aspect faute de quoi vous en découragerez quelques-uns.

Design adaptatif versus design réactif

Si vous souhaitez adapter votre site web aux appareils mobiles, deux options s’offrent à vous : le design réactif ou adaptatif. La première consiste à faire en sorte que le site web réagisse aux changements, c’est-à-dire que la taille de l’écran s’adapte aux divers appareils sur lesquels le site est visualisé. 

Bien qu’il s’agisse de l’option la plus souvent retenue, il est également possible d’opter pour un design adaptatif. Si vous choisissez cette seconde possibilité, cela signifie que vous devrez créer un design différent pour chaque appareil, ce qui permettra à l’utilisateur d’obtenir la meilleure configuration possible du site.

S’il vous semble difficile de faire un choix entre l’une ou l’autre de ces options, sachez que le design adaptatif est souvent retenu par les grandes entreprises, notamment en raison du budget somme toute considérable impliqué par ce choix.

D’ailleurs, le design adaptatif est plus complexe à mettre en place. Pour les budgets plus restreints, l’adoption d’un design réactif représente un meilleur choix et permet d’offrir une expérience utilisateur satisfaisante.

La balise viewport : l’élément à ne pas négliger

Mais à quoi faisons-nous référence en parlant de balise viewport? Pour ceux qui auraient besoin d’un éclaircissement sur la question, disons que la balise viewport est en fait la zone virtuelle qu’utilise un navigateur pour déterminer la taille que devra avoir l’affichage en fonction de l’appareil utilisé.

Voilà pourquoi il est absolument essentiel d’avoir une balise viewport, faute de quoi votre site ne sera pas en mesure de fonctionner adéquatement sur un appareil mobile.

 

Intéressé par le sujet ? Découvrez la formation Isarta sur le SEO.

Retrouvez ici tous les conseils SEO de la semaine de l’équipe de B2B Quotes, la plateforme de référencement qui aide les entreprises à trouver le meilleur fournisseur pour leurs projets web.