Marketing

Cinq façons de rendre votre site Web adapté aux mobiles

20201031063020 74143

Êtes-vous en train de lire cet article sur un téléphone mobile en ce moment ? Si tel est le cas, nous espérons que cette page a l’air parfaitement optimisée et que ce texte est facile à lire. Cela devrait certainement l’être. L’ensemble de notre site Web est optimisé pour les visiteurs qui nous trouvent via leur téléphone portable – et le vôtre devrait l’être aussi. Il y a plus de trafic Web sur les téléphones mobiles qu’il n’y en a sur les ordinateurs de bureau ou les ordinateurs portables de nos jours, et l’écart entre les deux va se creuser à l’avenir. Les gens naviguent de plus en plus sur le Web en déplacement ou dans le confort de leur canapé. Les ordinateurs portables sont pour le travail. Les mobiles sont pour les loisirs. La plupart des clients potentiels de votre entreprise vous trouveront pendant leur temps libre, pas pendant leur temps de travail.

Si vous pouvez dire avec une certitude à cent pour cent que le site Web de votre entreprise est optimisé pour le format mobile, cet article ne s’applique pas à vous. Si vous n’êtes pas si sûr, restez dans les parages car nous avons quelques bons conseils pour vous. La majorité des entreprises n’ont pas apporté de modifications importantes à leurs sites Web au cours des trois dernières années, et elles ont donc manqué quelques changements dans les tendances et les conceptions qui pourraient freiner leurs sites vieillissants. Cet article vous montrera les changements que vous devez apporter et pourquoi ils sont importants. Nous ne perdrons plus de temps à expliquer ce que nous sommes ici pour faire – plongeons-nous directement dans ces conseils !

20201031062643 f083891718d9208a654100e37a7311fa1238ca9f

Annonces de fossé

Votre site Web doit rapporter de l’argent à votre entreprise, mais pas grâce à la publicité. Ayez une bannière publicitaire sur votre site si vous le devez, mais sachez que cela rend votre site moins professionnel. N’utilisez en aucun cas des publicités couvrant du texte ou d’autres contenus lors du défilement ou via la fenêtre contextuelle. Personne n’aime ces publicités. Ils gênent le message que vous essayez d’envoyer et donnent à votre site Web un aspect encombré et chaotique. Ils pourraient même éloigner complètement les visiteurs. Même s’ils ne le font pas, ils sont beaucoup plus difficiles à gérer sur un écran tactile mobile qu’ils ne le sont lorsque vous avez une souris pour vous aider à trouver le (souvent minuscule) « x » pour les fermer. Ils ralentiront le temps de chargement de votre page et éloigneront vos visiteurs. Cela vous coûtera plus d’argent que les publicités rapportent.

Rester simple

Le minimalisme est toujours à la mode dans création de sites web, peu importe ce que quelqu’un dit. Les sites Web encombrés sont difficiles à naviguer et les visiteurs ont du mal à identifier ou à localiser le contenu que vous voulez vraiment qu’ils trouvent. Si vous voulez voir la conception Web dans sa forme la plus basique et la plus puissante, trouvez votre chemin vers un site Web de machines à sous en ligne. Il y a tellement de concurrence dans ce coin d’Internet qu’aucune des sociétés qui exploitent des sites de machines à sous en ligne ne peut se permettre de mettre des barrières entre les joueurs et les jeux auxquels ils veulent qu’ils jouent. Nous vous garantissons que sur chaque site Web que vous visitez, vous trouverez un écran de connexion, de brefs détails sur les incitations et un accès immédiat à Machines à sous Playtech clairement visible sur la page d’accueil. Nous soupçonnons que, dans la plupart des cas, il y aura également un manque d’encombrement sur les côtés. Ce n’est pas une coïncidence, et c’est le niveau de simplicité que vous devriez chercher à imiter. Moins est plus.

20201031062710 189c7cc7031279d95383c5fab85f35d58de9a602

Augmenter la taille des boutons

Cela revient à ce que nous disions tout à l’heure sur les difficultés à trouver le « x » sur les publicités. Naviguer dans les menus et les liens avec un pointeur de souris est très facile. Naviguer dans ces mêmes menus et liens avec vos doigts n’est pas si simple si les boutons et les liens sont trop petits. Vous avez déjà eu du mal à sélectionner la bonne option sur un site Web à l’aide d’une interface à écran tactile, et nous imaginons que vous n’avez pas apprécié l’expérience. Ne l’infligez pas à d’autres personnes. L’une des principales caractéristiques de la refonte semi-récente de Facebook a été l’introduction de boutons plus gros et de menus plus volumineux. Leur étude de marché a indiqué que cela améliorerait l’expérience de la majorité des utilisateurs. Ils ont dépensé beaucoup d’argent pour cette recherche, alors faites-lui confiance et faites de même.

Utiliser des polices standard

Ce conseil s’applique également aux sites Web conçus pour les ordinateurs de bureau ou les ordinateurs portables, mais il est particulièrement pertinent lorsque nous parlons de téléphones mobiles. Si un visiteur arrive sur votre site Web et est immédiatement invité à télécharger une police afin que votre site s’affiche correctement, vous avez échoué en tant que concepteur de sites Web. Vous avez également perdu ce client, car il n’y a aucun moyen qu’il télécharge des polices juste pour votre bien. Tenez-vous en aux polices standard et ne vous laissez pas tenter par les options les plus « expressives ». Si vous souhaitez inclure un logo, un mot ou une phrase dans une police spécifique pour votre esthétique, faites-le via des images. Même si le téléphone de votre visiteur ne l’invite pas à télécharger la police que vous avez spécifiée dans la construction de votre site, il tentera toujours d’afficher le contenu en utilisant la police la plus proche disponible. Cela signifie que votre site n’apparaîtra pas comme vous voudriez qu’il apparaisse et qu’il aura probablement l’air minable en conséquence. Une police agréable, claire et éprouvée peut sembler un choix ennuyeux, mais c’est la bonne.

Utiliser la balise Meta Viewport

Vous avez peut-être vu ailleurs des conseils suggérant que vous devriez utiliser des requêtes multimédias pour identifier le type d’appareil utilisé par votre visiteur, puis afficher votre site Web de la meilleure façon possible à l’aide d’un ensemble CSS compliqué. C’est une façon de procéder, mais cela dépend de la création de requêtes spécifiques pour chaque appareil possible. C’est un travail énorme pour vous-même ou pour votre concepteur de sites Web, et il nécessitera une maintenance et une révision constantes. Il existe un moyen beaucoup plus simple d’obtenir la même chose, et il s’agit de la balise meta viewpoint. La balise est un ajout d’une ligne à chacune de vos pages qui indique au navigateur mobile d’adapter la page à la largeur disponible de l’écran. Les images doivent être redimensionnées en conséquence et le texte ne doit pas déborder. Il s’agit d’une solution unique qui devrait se traduire par une expérience de visionnage adaptative et optimisée pour chaque visiteur.

20201031062738 2211cf088a68a6d017c2d98204dd1d8304a7ee40

Il n’y a vraiment rien de plus à faire que ça. Tant que vous vous en tenez aux principes du minimalisme et que vous vous assurez de ne pas étaler de publicités sur tout votre contenu ou de ne pas optimiser la taille de votre affichage, tout devrait bien se passer. Pour plus de sécurité, cependant, incluez toujours une option permettant à vos clients d’afficher la version « de bureau » de votre site s’ils le préfèrent. Certaines personnes préfèrent les choses de cette façon, et cela devrait toujours être leur choix !