9 astuces pour la création d'un site web responsive

En avril 2015, Google a fait trembler le monde, et celui du web en particulier, en modifiant son algorithme. Désormais, pour être bien référencés, les sites doivent être « mobile-friendly » (adaptés aux appareils mobiles). Kristina Cisnero — blog de Hootsuite^TM — propose 9 astuces pour la création d’un site web responsive, les voici.

Astuce #1 pour la création d’un site web responsive : contentez-vous d’un site

Vous pensez que c’est une bonne idée d’opter pour lacréation d’un site web responsive distinct ? Eh bien, vous avez... tort. Contentez-vous d’un seul et unique site qui puisse être visionné de n’importe quel appareil.

Astuce #2 : optez pour un design responsive

Qui dit design responsive, dit possibilité de visionner le site web de son ordinateur, de sa tablette ou encore de son téléphone portable. De plus, cela réduit la charge de travail des développeurs. Un design responsive signifie que les pages du site détectent la taille de l’écran du visiteur, mais aussi son orientation et s’adaptent en conséquence.

Astuce #3 : n’oubliez pas la balise meta viewport

Cette balise vous permet d’avoir l’esprit tranquille concernant la mise en page de votre site web et la façon dont il apparaît sur divers appareils. Il est donc recommandé de l’utiliser.

Astuce #4 : ne négligez pas la taille des polices et boutons utilisés

Car ces deux éléments sont importants pour les appareils mobiles. La taille minimale recommandée pour la police est de 14 px. Pour les boutons, plus ils sont gros, mieux c’est : 44 px X 44 px est une bonne taille, par exemple.

Astuce #5 : Utilisez des images de qualité

Quand vous choisissez des images pour votre site, gardez en tête le qualificatif « haute-résolution ». Ainsi, vos visiteurs ne se retrouveront pas face à des images floues ou encore pixelisées.

Astuce #6 : supprimez le zoom par défaut

Le zoom automatique est à proscrire pour obtenir un site web responsive. Gardez bien cela à l’esprit.

Astuce #7 : utilisez des vidéos YouTube

En choisissant des vidéos YouTube, vous vous évitez bien des problèmes d’affichage et de lecture sur les appareils mobiles.

Astuce #8 : ne limitez pas l’expérience mobile de l’utilisateur

Vos visiteurs doivent pouvoir avoir le choix de voir le site web dans son intégralité. Pensez donc à inclure un bouton qui leur permette de changer de mode de visionnage pour passer en mode bureau.

Astuce #9 : testez, testez et testez encore votre site web

Tester régulièrement votre site web via divers appareils est essentiel. Ne l’oubliez pas !

En résumé :

Pour lacréation d’un site web responsive, suivre ces 9 astuces vous aidera :

·   Ne créez qu’un seul et unique site web ;

·   Optez pour un design responsive ;

·   Pensez à la balise meta viewport ;

·   Ne négligez pas la taille des polices et boutons utilisés ;

·   Utilisez des images de qualité ;

·   Supprimez le zoom par défaut ;

·   Utilisez des vidéos YouTube ;

·   Ne limitez pas l’expérience mobile de l’utilisateur ;

·   Testez, testez et testez encore votre site web.

Vous avez d’autres astuces à partager pour la création d’un site web responsive ? N’hésitez pas !