responsive Archives

Pendant un certain temps, les gens qui possédaient et exploitaient des sites Web WordPress ont pensé que le fait d'être convivial pour les mobiles était plus une option qu'une nécessité. Cela a changé il y a quelques années, lorsque la population des utilisateurs mobiles a dépassé le nombre d'utilisateurs d'ordinateurs de bureau. Avec l'écart qui se creuse d'année en année, il serait téméraire pour les webmasters de s'en tenir à la convivialité desktop seule. Lorsque les utilisateurs mobiles tombent sur un site Web qu'il n'est pas pratique d'explorer, ils rebondissent vers un autre sans réfléchir, et vous passerez à côté des conversions qui sont l'objectif principal du site en premier lieu. Si vous vous souciez vraiment de votre entreprise, alors vous devez faire tout ce que vous pouvez pour rendre votre site Web WordPress plus convivial pour les utilisateurs de smartphones et de tablettes dès que possible. Voici quelques conseils pour vous aider à rendre votre site responsive. Utiliser un thème responsive Si votre site Web existe depuis des années, le thème que vous utilisez ne sera probablement pas du type réactif, contrairement aux thèmes WP plus récents disponibles aujourd'hui. Cependant, avant d'acheter un thème entièrement nouveau, vous voudrez peut-être vérifier s'il y a des mises à jour en attente de votre version et thème WordPress actuel. Pour autant que vous sachiez, ces mises à jour peuvent apporter des éléments conviviaux pour les mobiles et aider votre site à devenir plus ergonomique pour les utilisateurs mobiles. Si vous devez acheter un nouveau thème responsive, assurez-vous qu'il s'affiche bien sur toutes les tailles d'écran en testant le site de démonstration. Il serait également opportun de vérifier les commentaires sur le thème que vous êtes en train de regarder. Optimiser pour les écrans tactiles Faire en sorte que votre site s'affiche bien sur les appareils mobiles est une chose. Le rendre facilement navigable sur les écrans tactiles en est une autre. En ajoutant, entre autres, la navigation par écran tactile à votre site, vous l'optimisez pour pratiquement tous les appareils mobiles, ce qui offrira aux utilisateurs mobiles une bien meilleure expérience. Cela devrait les faire rester plus longtemps sur votre site, et vous aidera à atteindre vos objectifs de référencement et de conversion. Pensez également à rendre responsive les objets que vous insérez dans vos articles. Vous pouvez par exemple jeter un oeil à mon article pour adapter une iframe automatiquement en fonction de l'écran. Accélérez votre site web Une chose que vous devez savoir à propos des utilisateurs mobiles, c'est qu'ils sont presque toujours en déplacement et qu'ils n'ont donc pas le temps d'attendre qu'une page se charge. Si le chargement d'un site auquel ils essaient d'accéder sur leur smartphone prend une seconde de trop, vous pouvez dire adieu à tout prospect ou vente que vous auriez pu avoir si vous aviez eu un site plus rapide. Pour garder les utilisateurs mobiles sur vos pages, vous devez faire tout ce que vous pouvez pour accélérer votre site Web et améliorer l'expérience utilisateur. Minimiser les codes HTML et CSS de votre site vous aidera à accélérer les choses. Il en va de même pour la compression de vos images en haute résolution, qui peuvent être particulièrement lourdes et ralentir le site. En optimisant la taille des images, vous ferez également une faveur à vos visiteurs car vos images compressées ne consommeront plus trop de leurs données mobiles. Vous pouvez également opter pour la mise en place du lazy loading sur vos images et ressources js et css. Optez pour des designs simples Un site Web magnifiquement conçu avec des détails artistiques complexes est génial. Cependant, pour les utilisateurs mobiles qui veulent de la vitesse, un site avec un design web élaboré ne fera pas grand-chose à part ralentir le chargement de la page. Ce que les utilisateurs mobiles exigent, c'est la livraison quasi instantanée de l'information qu'ils veulent, et le codage lourd qui se cache derrière une conception Web magnifique n'est probablement pas de nature à bien servir cet objectif. Gardez votre conception web simple, et vous serez également en mesure de garder les utilisateurs mobiles avec une durée d'attention notoirement courte engagés dans vos pages pour beaucoup plus longtemps. S'en tenir aux polices standards Les polices personnalisées sont superbes, mais le plus souvent, les utilisateurs mobiles préfèrent les polices standard plutôt que les polices créatives qui ralentissent le site. Les utilisateurs mobiles préfèrent les polices standard parce qu'elles permettent de charger une page plus rapidement et sont beaucoup plus faciles à lire. N'oubliez pas non plus que même certaines polices standard peuvent être difficiles à lire à différentes tailles, alors vérifiez la lisibilité de votre police avant de la finaliser. Mettre en œuvre AMP Avec l'avènement du projet Accelerated Mobile Pages (AMP), votre site Web WP sera en mesure de fournir une expérience de navigation rapide et fluide pour les utilisateurs mobiles. Exécuté par Google, AMP vous aide à créer des pages mobiles à l'aide de HTML ultra-minimaliste, ce qui permet des temps de chargement rapides sur tout appareil mobile. Il est également intéressant de noter que Google classe maintenant les sites Web alimentés par AMP plus haut dans les résultats de recherche mobile. Conclusion Les conseils ci-dessus ne sont pas exhaustifs, mais ils vous donnent un bon point de départ si vous souhaitez enfin vous lancer sur le marché mobile en pleine croissance. Et avec WordPress qui fait de son mieux pour ne pas prendre du retard en termes d'ergonomie mobile en proposant des thèmes de plus en plus réactifs, la route de votre site Web WP pour devenir plus convivial est en bonne voie ;)

responsive

wordpress

Astuces pour rendre mon site WordPress responsive

html/css

Comment faire une IFRAME responsive en CSS