Design adaptable : assurez la compatibilité de votre site avec les smartphones

Les sites Web modernes se doivent d’adopter un design adaptable permettant d’optimiser leur apparence automatiquement selon l’écran/l’appareil utilisé (smartphone, tablette ou ordinateur) par le visiteur. D’après Statista, 52 % du trafic Web provient désormais d’appareils mobiles, et cette proportion augmente chaque année. Il s’agit de l’une des statistiques les plus importantes à garder à l’esprit pour un webmaster.

Si votre site Web n’est pas adapté aux appareils mobiles, les internautes ne le trouveront pas, ne le visiteront pas, ne se convertiront pas et ne continueront pas à l’utiliser ou à faire appel à votre entreprise. Certaines plateformes populaires comme WordPress.com vous facilitent la tâche, car tous leurs thèmes sont adaptés aux appareils mobiles (même les thèmes gratuits).

Voici quatre conseils pour aider les utilisateurs d’appareils mobiles à mieux profiter des fonctionnalités de votre site Web adaptable.

1. Compressez vos fichiers

Sur votre site WordPress.com, la compression des fichiers CSS, HTML et JavaScript est automatique. Toutefois, si vous préférez gérer vous-même cette compression, vous pouvez utiliser des designs personnalisés.

Exemple de CSS

En matière de compression des images, les sites WordPress.com bénéficient d’un autre avantage important. Ils utilisent en effet Photon pour compresser les images et les afficher via un réseau de transmission de contenu (CDN). Ainsi, où que votre visiteur se trouve dans le monde, vos images sont automatiquement compressées et affichées sur son ordinateur par un réseau de serveurs proche de lui.

2. Simplifiez la navigation

Que votre menu de navigation se réduise dans une icône ou s’affiche horizontalement dans la partie supérieure de la fenêtre, la même règle prévaut : faites le choix de la simplicité.

La multiplication des options de navigation et sous-menus est perturbante et peut même créer des problèmes de mise en page sur les appareils mobiles.

3. Créez des contenus adaptés aux appareils mobiles

Les visiteurs de votre site peuvent être répartis en trois catégories : ceux qui parcourent rapidement une page pour en extraire les informations clés, ceux qui lisent chaque mot de la page et ceux qui alternent entre ces deux comportements selon leur implication initiale et leur intérêt pour votre site.

Le plan de votre site adaptable doit s’adresser à ces trois catégories. Suivez la recommandation d’E-Write et adoptez une approche en trois temps. Commencez par utiliser des titres pour indiquer aux lecteurs ce que contient votre page/votre article (par exemple « Découvrez comment nos services permettent d’abaisser considérablement vos dépenses »). Créez un résumé et/ou des conclusions qui récapitulent de manière concise votre contenu. Ensuite, détaillez votre sujet.

Pensez à bien suivre ces conseils pour vous assurer que votre site Web soit adapté aux appareils mobiles.

À PROPOS DE L’AUTEUR

L'équipe de WordPress.com

Nous sommes une équipe de Happiness Engineers, de développeurs, d'éditeurs et d'experts WordPress. Notre équipe sélectionne et propose personnellement les meilleures ressources pour vous aider, où que vous en soyez dans votre parcours de blogueur ou de créateur de site Web. Chez WordPress.com, notre mission est de démocratiser l'édition. Créez un site Web gratuit ou un blog en toute simplicité sur WordPress.com. Des dizaines de designs et de thèmes gratuits, personnalisables et prêts pour le mobile.

Plus par L'équipe de WordPress.com