Chargement en cours...

Qu'est ce que le responsive design ?

Définition du responsive design

Le responsive design est une technique de codage qui permet d'afficher un site web de la manière la plus optimale possible quelle que soit la résolution et quel que soit le support : ordinateurs de toutes tailles, tablettes, mobiles, en mode portrait, paysage, etc.... Pour faire simple, le design est géré en pourcentage de la surface disponible sur l'écran et non par rapport à une dimension précise en pixels ; ce qui permet d'avoir un site qui occupe généralement tout l'espace disponible et dont les éléments se répartissent différemment selon la largeur de l'écran. Ainsi, par exemple, une mise en page qui s'affiche sur plusieurs colonnes sur un ordinateur se repositionne sur une seule colonne sur un mobile afin de rentrer dans la largeur de l'écran de petite taille. L'internaute n'a pas besoin de zoomer pour lire les textes ou cliquer. Et la taille des boutons ainsi que leur espacements avec le reste est plus important afin de rendre les clics plus faciles et plus ergonomiques.

Les enjeux du responsive pour la consultation mobile et le référencement

En 2017, 60% des visites de sites internet se font via un mobile ou une tablette. Il est donc indispensable que l'affichage et la mise en page de votre site soient optimisés pour toutes les tailles d'écrans et pas seulement les ordinateurs. Par ailleurs l'algorithme de Google tient compte depuis 2015 de la compatiblité mobile d'un site internet pour établir son classement. Ainsi, un site responsive bénéficiera d'un meilleur référencement qu'un site qui ne l'est pas. Un site non adapté pour les mobiles sera pénalisé et verra ainsi son classement descendre dans des profondeurs qui le rendront invisible des recherches des internautes. Quand on sait l'importance d'un bon positionnement de référencement naturel (SEO - Search Engine Optimization), il est donc crucial d'avoir un site responsive pour une compatibilité optimale sur mobile et tablette.

Quelle différence entre un site responsive et un site mobile ?

Dans certains cas très précis, développer une application mobile ou un site mobile en plus du site pour ordinateur peut avoir des avantages afin de fournir des fonctionnalités spécifiques au smartphone (sur un site avec des fonctionnalités complexes comme airbnb, par exemple). Mais dans le cas d'un site vitrine, un développement en responsive est plus pertinent car il n'y a pas nécessité de développer deux sites différents (pour la version ordinateur et la version mobile) ni de faire les mises à jour sur deux sites. L'investissement temps et argent est donc deux fois moins important. Un seul site sur la même URL suffit car le code source d'un site responsive est configuré de manière à ce que la mise en page se repositionne automatiquement en fonction de la largeur de l'écran de l'internaute.

Pour des raisons d'ergonomie, pour une bonne expérience utilisateur sur mobile et pour s'adapter aux recommandations de Google sur l'optimisation au référencement naturel... Pour toutes ces raisons, si votre site n'est pas responsive, il est urgent d'envisager une refonte ou une adaptation du code du site existant !

Consultez un webdesigner professionnel en freelance pour convertir votre site en responsive

En tant que webdesigner freelance, je propose la création de site vitrine responsive sur Wordpress ou la refonte de site internet existant en responsive, par l'adaptation du code source.

responsive design